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

package/cjs/components/ScrollArea/ScrollArea.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var ScrollAreaScrollbar = require('./ScrollAreaScrollbar/ScrollAreaScrollbar.js');
 var ScrollAreaCorner = require('./ScrollAreaCorner/ScrollAreaCorner.js');
@@ -21,53 +20,201 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 const defaultProps = {
-    scrollbarSize: 12,
-    scrollHideDelay: 1000,
-    type: 'hover',
+  scrollbarSize: 12,
+  scrollHideDelay: 1e3,
+  type: "hover"
 };
 const varsResolver = createVarsResolver.createVarsResolver((_, { scrollbarSize }) => ({
-    root: {
-        '--scrollarea-scrollbar-size': rem.rem(scrollbarSize),
-    },
+  root: {
+    "--scrollarea-scrollbar-size": rem.rem(scrollbarSize)
+  }
 }));
 const ScrollArea = factory.factory((_props, ref) => {
-    const props = useProps.useProps('ScrollArea', defaultProps, _props);
-    const { classNames, className, style, styles, unstyled, scrollbarSize, vars, type, scrollHideDelay, viewportProps, viewportRef, onScrollPositionChange, children, offsetScrollbars } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "scrollbarSize", "vars", "type", "scrollHideDelay", "viewportProps", "viewportRef", "onScrollPositionChange", "children", "offsetScrollbars"]);
-    const [scrollbarHovered, setScrollbarHovered] = React.useState(false);
-    const getStyles = useStyles.useStyles({
-        name: 'ScrollArea',
-        props,
-        classes: ScrollArea_module['default'],
-        className,
-        style,
-        classNames,
-        styles,
-        unstyled,
-        vars,
-        varsResolver,
-    });
-    return (React__default.createElement(ScrollAreaRoot.ScrollAreaRoot, Object.assign({ type: type === 'never' ? 'always' : type, scrollHideDelay: scrollHideDelay, ref: ref }, getStyles('root'), others),
-        React__default.createElement(ScrollAreaViewport.ScrollAreaViewport, Object.assign({}, viewportProps, getStyles('viewport'), { ref: viewportRef, "data-offset-scrollbars": offsetScrollbars || undefined, onScroll: typeof onScrollPositionChange === 'function'
-                ? ({ currentTarget }) => onScrollPositionChange({
-                    x: currentTarget.scrollLeft,
-                    y: currentTarget.scrollTop,
-                })
-                : undefined }), children),
-        React__default.createElement(ScrollAreaScrollbar.ScrollAreaScrollbar, Object.assign({}, getStyles('scrollbar'), { orientation: "horizontal", "data-hidden": type === 'never' || undefined, forceMount: true, onMouseEnter: () => setScrollbarHovered(true), onMouseLeave: () => setScrollbarHovered(false) }),
-            React__default.createElement(ScrollAreaThumb.ScrollAreaThumb, Object.assign({}, getStyles('thumb')))),
-        React__default.createElement(ScrollAreaScrollbar.ScrollAreaScrollbar, Object.assign({}, getStyles('scrollbar'), { orientation: "vertical", "data-hidden": type === 'never' || undefined, forceMount: true, onMouseEnter: () => setScrollbarHovered(true), onMouseLeave: () => setScrollbarHovered(false) }),
-            React__default.createElement(ScrollAreaThumb.ScrollAreaThumb, Object.assign({}, getStyles('thumb')))),
-        React__default.createElement(ScrollAreaCorner.ScrollAreaCorner, Object.assign({}, getStyles('corner'), { "data-hovered": scrollbarHovered || undefined, "data-hidden": type === 'never' || undefined }))));
+  const props = useProps.useProps("ScrollArea", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    scrollbarSize,
+    vars,
+    type,
+    scrollHideDelay,
+    viewportProps,
+    viewportRef,
+    onScrollPositionChange,
+    children,
+    offsetScrollbars
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "scrollbarSize",
+    "vars",
+    "type",
+    "scrollHideDelay",
+    "viewportProps",
+    "viewportRef",
+    "onScrollPositionChange",
+    "children",
+    "offsetScrollbars"
+  ]);
+  const [scrollbarHovered, setScrollbarHovered] = React.useState(false);
+  const getStyles = useStyles.useStyles({
+    name: "ScrollArea",
+    props,
+    classes: ScrollArea_module['default'],
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  return /* @__PURE__ */ React__default.createElement(
+    ScrollAreaRoot.ScrollAreaRoot,
+    __spreadValues(__spreadValues({
+      type: type === "never" ? "always" : type,
+      scrollHideDelay,
+      ref
+    }, getStyles("root")), others),
+    /* @__PURE__ */ React__default.createElement(
+      ScrollAreaViewport.ScrollAreaViewport,
+      __spreadProps(__spreadValues(__spreadValues({}, viewportProps), getStyles("viewport")), {
+        ref: viewportRef,
+        "data-offset-scrollbars": offsetScrollbars || void 0,
+        onScroll: typeof onScrollPositionChange === "function" ? ({ currentTarget }) => onScrollPositionChange({
+          x: currentTarget.scrollLeft,
+          y: currentTarget.scrollTop
+        }) : void 0
+      }),
+      children
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      ScrollAreaScrollbar.ScrollAreaScrollbar,
+      __spreadProps(__spreadValues({}, getStyles("scrollbar")), {
+        orientation: "horizontal",
+        "data-hidden": type === "never" || void 0,
+        forceMount: true,
+        onMouseEnter: () => setScrollbarHovered(true),
+        onMouseLeave: () => setScrollbarHovered(false)
+      }),
+      /* @__PURE__ */ React__default.createElement(ScrollAreaThumb.ScrollAreaThumb, __spreadValues({}, getStyles("thumb")))
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      ScrollAreaScrollbar.ScrollAreaScrollbar,
+      __spreadProps(__spreadValues({}, getStyles("scrollbar")), {
+        orientation: "vertical",
+        "data-hidden": type === "never" || void 0,
+        forceMount: true,
+        onMouseEnter: () => setScrollbarHovered(true),
+        onMouseLeave: () => setScrollbarHovered(false)
+      }),
+      /* @__PURE__ */ React__default.createElement(ScrollAreaThumb.ScrollAreaThumb, __spreadValues({}, getStyles("thumb")))
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      ScrollAreaCorner.ScrollAreaCorner,
+      __spreadProps(__spreadValues({}, getStyles("corner")), {
+        "data-hovered": scrollbarHovered || void 0,
+        "data-hidden": type === "never" || void 0
+      })
+    )
+  );
 });
-ScrollArea.displayName = '@mantine/core/ScrollArea';
+ScrollArea.displayName = "@mantine/core/ScrollArea";
 const ScrollAreaAutosize = factory.factory((props, ref) => {
-    const _a = useProps.useProps('ScrollAreaAutosize', defaultProps, props), { children, classNames, styles, scrollbarSize, scrollHideDelay, type, dir, offsetScrollbars, viewportRef, onScrollPositionChange, unstyled, variant, viewportProps, style, vars } = _a, others = tslib.__rest(_a, ["children", "classNames", "styles", "scrollbarSize", "scrollHideDelay", "type", "dir", "offsetScrollbars", "viewportRef", "onScrollPositionChange", "unstyled", "variant", "viewportProps", "style", "vars"]);
-    return (React__default.createElement(Box.Box, Object.assign({}, others, { ref: ref, style: [{ display: 'flex' }, style] }),
-        React__default.createElement(Box.Box, { style: { display: 'flex', flexDirection: 'column', flex: 1 } },
-            React__default.createElement(ScrollArea, { classNames: classNames, styles: styles, scrollHideDelay: scrollHideDelay, scrollbarSize: scrollbarSize, type: type, dir: dir, offsetScrollbars: offsetScrollbars, viewportRef: viewportRef, onScrollPositionChange: onScrollPositionChange, unstyled: unstyled, variant: variant, viewportProps: viewportProps, vars: vars }, children))));
+  const _a = useProps.useProps("ScrollAreaAutosize", defaultProps, props), {
+    children,
+    classNames,
+    styles,
+    scrollbarSize,
+    scrollHideDelay,
+    type,
+    dir,
+    offsetScrollbars,
+    viewportRef,
+    onScrollPositionChange,
+    unstyled,
+    variant,
+    viewportProps,
+    style,
+    vars
+  } = _a, others = __objRest(_a, [
+    "children",
+    "classNames",
+    "styles",
+    "scrollbarSize",
+    "scrollHideDelay",
+    "type",
+    "dir",
+    "offsetScrollbars",
+    "viewportRef",
+    "onScrollPositionChange",
+    "unstyled",
+    "variant",
+    "viewportProps",
+    "style",
+    "vars"
+  ]);
+  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadProps(__spreadValues({}, others), { ref, style: [{ display: "flex" }, style] }), /* @__PURE__ */ React__default.createElement(Box.Box, { style: { display: "flex", flexDirection: "column", flex: 1 } }, /* @__PURE__ */ React__default.createElement(
+    ScrollArea,
+    {
+      classNames,
+      styles,
+      scrollHideDelay,
+      scrollbarSize,
+      type,
+      dir,
+      offsetScrollbars,
+      viewportRef,
+      onScrollPositionChange,
+      unstyled,
+      variant,
+      viewportProps,
+      vars
+    },
+    children
+  )));
 });
-ScrollAreaAutosize.displayName = '@mantine/core/ScrollAreaAutosize';
+ScrollArea.classes = ScrollArea_module['default'];
+ScrollAreaAutosize.displayName = "@mantine/core/ScrollAreaAutosize";
+ScrollAreaAutosize.classes = ScrollArea_module['default'];
 ScrollArea.Autosize = ScrollAreaAutosize;
 
 exports.ScrollArea = ScrollArea;

package/cjs/components/ScrollArea/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  rem,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport { ScrollAreaScrollbar } from './ScrollAreaScrollbar/ScrollAreaScrollbar';\nimport { ScrollAreaCorner } from './ScrollAreaCorner/ScrollAreaCorner';\nimport { ScrollAreaRoot } from './ScrollAreaRoot/ScrollAreaRoot';\nimport { ScrollAreaViewport } from './ScrollAreaViewport/ScrollAreaViewport';\nimport classes from './ScrollArea.module.css';\nimport { ScrollAreaThumb } from './ScrollAreaThumb/ScrollAreaThumb';\n\nexport type ScrollAreaStylesNames = 'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner';\nexport type ScrollAreaVariant = string;\nexport type ScrollAreaCssVariables = {\n  root: '--scrollarea-scrollbar-size';\n};\n\nexport interface ScrollAreaProps\n  extends BoxProps,\n    StylesApiProps<ScrollAreaFactory>,\n    ElementProps<'div'> {\n  /** Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 0.75rem */\n  scrollbarSize?: number | string;\n\n  /**\n   * Defines scrollbars behavior, `hover` by default\n   * - `hover` – scrollbars are visible when mouse is over the scroll area\n   * - `scroll` – scrollbars are visible when the scroll area is scrolled\n   * - `always` – scrollbars are always visible\n   * - `never` – scrollbars are always hidden\n   * - `auto` – similar to `overflow: auto` – scrollbars are always visible when the content is overflowing\n   * */\n  type?: 'auto' | 'always' | 'scroll' | 'hover' | 'never';\n\n  /** Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`, `1000` by default */\n  scrollHideDelay?: number;\n\n  /** Determines whether scrollbars should be offset with padding, `false` by default */\n  offsetScrollbars?: boolean;\n\n  /** Assigns viewport element (scrollable container) ref */\n  viewportRef?: React.ForwardedRef<HTMLDivElement>;\n\n  /** Props passed down to the viewport element */\n  viewportProps?: React.ComponentPropsWithRef<'div'>;\n\n  /** Called with current position (`x` and `y` coordinates) when viewport is scrolled */\n  onScrollPositionChange?(position: { x: number; y: number }): void;\n}\n\nexport interface ScrollAreaAutosizeProps extends ScrollAreaProps {}\n\nexport type ScrollAreaFactory = Factory<{\n  props: ScrollAreaProps;\n  ref: HTMLDivElement;\n  stylesNames: ScrollAreaStylesNames;\n  vars: ScrollAreaCssVariables;\n  staticComponents: {\n    Autosize: typeof ScrollAreaAutosize;\n  };\n}>;\n\nconst defaultProps: Partial<ScrollAreaProps> = {\n  scrollbarSize: 12,\n  scrollHideDelay: 1000,\n  type: 'hover',\n};\n\nconst varsResolver = createVarsResolver<ScrollAreaFactory>((_, { scrollbarSize }) => ({\n  root: {\n    '--scrollarea-scrollbar-size': rem(scrollbarSize),\n  },\n}));\n\nexport const ScrollArea = factory<ScrollAreaFactory>((_props, ref) => {\n  const props = useProps('ScrollArea', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    scrollbarSize,\n    vars,\n    type,\n    scrollHideDelay,\n    viewportProps,\n    viewportRef,\n    onScrollPositionChange,\n    children,\n    offsetScrollbars,\n    ...others\n  } = props;\n\n  const [scrollbarHovered, setScrollbarHovered] = useState(false);\n\n  const getStyles = useStyles<ScrollAreaFactory>({\n    name: 'ScrollArea',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <ScrollAreaRoot\n      type={type === 'never' ? 'always' : type}\n      scrollHideDelay={scrollHideDelay}\n      ref={ref}\n      {...getStyles('root')}\n      {...others}\n    >\n      <ScrollAreaViewport\n        {...viewportProps}\n        {...getStyles('viewport')}\n        ref={viewportRef}\n        data-offset-scrollbars={offsetScrollbars || undefined}\n        onScroll={\n          typeof onScrollPositionChange === 'function'\n            ? ({ currentTarget }) =>\n                onScrollPositionChange({\n                  x: currentTarget.scrollLeft,\n                  y: currentTarget.scrollTop,\n                })\n            : undefined\n        }\n      >\n        {children}\n      </ScrollAreaViewport>\n      <ScrollAreaScrollbar\n        {...getStyles('scrollbar')}\n        orientation=\"horizontal\"\n        data-hidden={type === 'never' || undefined}\n        forceMount\n        onMouseEnter={() => setScrollbarHovered(true)}\n        onMouseLeave={() => setScrollbarHovered(false)}\n      >\n        <ScrollAreaThumb {...getStyles('thumb')} />\n      </ScrollAreaScrollbar>\n      <ScrollAreaScrollbar\n        {...getStyles('scrollbar')}\n        orientation=\"vertical\"\n        data-hidden={type === 'never' || undefined}\n        forceMount\n        onMouseEnter={() => setScrollbarHovered(true)}\n        onMouseLeave={() => setScrollbarHovered(false)}\n      >\n        <ScrollAreaThumb {...getStyles('thumb')} />\n      </ScrollAreaScrollbar>\n      <ScrollAreaCorner\n        {...getStyles('corner')}\n        data-hovered={scrollbarHovered || undefined}\n        data-hidden={type === 'never' || undefined}\n      />\n    </ScrollAreaRoot>\n  );\n});\n\nScrollArea.displayName = '@mantine/core/ScrollArea';\n\nexport const ScrollAreaAutosize = factory<ScrollAreaFactory>((props, ref) => {\n  const {\n    children,\n    classNames,\n    styles,\n    scrollbarSize,\n    scrollHideDelay,\n    type,\n    dir,\n    offsetScrollbars,\n    viewportRef,\n    onScrollPositionChange,\n    unstyled,\n    variant,\n    viewportProps,\n    style,\n    vars,\n    ...others\n  } = useProps('ScrollAreaAutosize', defaultProps, props);\n\n  return (\n    <Box {...others} ref={ref} style={[{ display: 'flex' }, style]}>\n      <Box style={{ display: 'flex', flexDirection: 'column', flex: 1 }}>\n        <ScrollArea\n          classNames={classNames}\n          styles={styles}\n          scrollHideDelay={scrollHideDelay}\n          scrollbarSize={scrollbarSize}\n          type={type}\n          dir={dir}\n          offsetScrollbars={offsetScrollbars}\n          viewportRef={viewportRef}\n          onScrollPositionChange={onScrollPositionChange}\n          unstyled={unstyled}\n          variant={variant}\n          viewportProps={viewportProps}\n          vars={vars}\n        >\n          {children}\n        </ScrollArea>\n      </Box>\n    </Box>\n  );\n});\n\nScrollAreaAutosize.displayName = '@mantine/core/ScrollAreaAutosize';\nScrollArea.Autosize = ScrollAreaAutosize;\n"],"names":["createVarsResolver","rem","factory","useProps","useState","useStyles","classes","React","ScrollAreaRoot","ScrollAreaViewport","ScrollAreaScrollbar","ScrollAreaThumb","ScrollAreaCorner","Box"],"mappings":"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"}
+{"version":3,"file":"ScrollArea.js","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  rem,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport { ScrollAreaScrollbar } from './ScrollAreaScrollbar/ScrollAreaScrollbar';\nimport { ScrollAreaCorner } from './ScrollAreaCorner/ScrollAreaCorner';\nimport { ScrollAreaRoot } from './ScrollAreaRoot/ScrollAreaRoot';\nimport { ScrollAreaViewport } from './ScrollAreaViewport/ScrollAreaViewport';\nimport classes from './ScrollArea.module.css';\nimport { ScrollAreaThumb } from './ScrollAreaThumb/ScrollAreaThumb';\n\nexport type ScrollAreaStylesNames = 'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner';\nexport type ScrollAreaVariant = string;\nexport type ScrollAreaCssVariables = {\n  root: '--scrollarea-scrollbar-size';\n};\n\nexport interface ScrollAreaProps\n  extends BoxProps,\n    StylesApiProps<ScrollAreaFactory>,\n    ElementProps<'div'> {\n  /** Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 0.75rem */\n  scrollbarSize?: number | string;\n\n  /**\n   * Defines scrollbars behavior, `hover` by default\n   * - `hover` – scrollbars are visible when mouse is over the scroll area\n   * - `scroll` – scrollbars are visible when the scroll area is scrolled\n   * - `always` – scrollbars are always visible\n   * - `never` – scrollbars are always hidden\n   * - `auto` – similar to `overflow: auto` – scrollbars are always visible when the content is overflowing\n   * */\n  type?: 'auto' | 'always' | 'scroll' | 'hover' | 'never';\n\n  /** Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`, `1000` by default */\n  scrollHideDelay?: number;\n\n  /** Determines whether scrollbars should be offset with padding, `false` by default */\n  offsetScrollbars?: boolean;\n\n  /** Assigns viewport element (scrollable container) ref */\n  viewportRef?: React.ForwardedRef<HTMLDivElement>;\n\n  /** Props passed down to the viewport element */\n  viewportProps?: React.ComponentPropsWithRef<'div'>;\n\n  /** Called with current position (`x` and `y` coordinates) when viewport is scrolled */\n  onScrollPositionChange?(position: { x: number; y: number }): void;\n}\n\nexport interface ScrollAreaAutosizeProps extends ScrollAreaProps {}\n\nexport type ScrollAreaFactory = Factory<{\n  props: ScrollAreaProps;\n  ref: HTMLDivElement;\n  stylesNames: ScrollAreaStylesNames;\n  vars: ScrollAreaCssVariables;\n  staticComponents: {\n    Autosize: typeof ScrollAreaAutosize;\n  };\n}>;\n\nconst defaultProps: Partial<ScrollAreaProps> = {\n  scrollbarSize: 12,\n  scrollHideDelay: 1000,\n  type: 'hover',\n};\n\nconst varsResolver = createVarsResolver<ScrollAreaFactory>((_, { scrollbarSize }) => ({\n  root: {\n    '--scrollarea-scrollbar-size': rem(scrollbarSize),\n  },\n}));\n\nexport const ScrollArea = factory<ScrollAreaFactory>((_props, ref) => {\n  const props = useProps('ScrollArea', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    scrollbarSize,\n    vars,\n    type,\n    scrollHideDelay,\n    viewportProps,\n    viewportRef,\n    onScrollPositionChange,\n    children,\n    offsetScrollbars,\n    ...others\n  } = props;\n\n  const [scrollbarHovered, setScrollbarHovered] = useState(false);\n\n  const getStyles = useStyles<ScrollAreaFactory>({\n    name: 'ScrollArea',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <ScrollAreaRoot\n      type={type === 'never' ? 'always' : type}\n      scrollHideDelay={scrollHideDelay}\n      ref={ref}\n      {...getStyles('root')}\n      {...others}\n    >\n      <ScrollAreaViewport\n        {...viewportProps}\n        {...getStyles('viewport')}\n        ref={viewportRef}\n        data-offset-scrollbars={offsetScrollbars || undefined}\n        onScroll={\n          typeof onScrollPositionChange === 'function'\n            ? ({ currentTarget }) =>\n                onScrollPositionChange({\n                  x: currentTarget.scrollLeft,\n                  y: currentTarget.scrollTop,\n                })\n            : undefined\n        }\n      >\n        {children}\n      </ScrollAreaViewport>\n      <ScrollAreaScrollbar\n        {...getStyles('scrollbar')}\n        orientation=\"horizontal\"\n        data-hidden={type === 'never' || undefined}\n        forceMount\n        onMouseEnter={() => setScrollbarHovered(true)}\n        onMouseLeave={() => setScrollbarHovered(false)}\n      >\n        <ScrollAreaThumb {...getStyles('thumb')} />\n      </ScrollAreaScrollbar>\n      <ScrollAreaScrollbar\n        {...getStyles('scrollbar')}\n        orientation=\"vertical\"\n        data-hidden={type === 'never' || undefined}\n        forceMount\n        onMouseEnter={() => setScrollbarHovered(true)}\n        onMouseLeave={() => setScrollbarHovered(false)}\n      >\n        <ScrollAreaThumb {...getStyles('thumb')} />\n      </ScrollAreaScrollbar>\n      <ScrollAreaCorner\n        {...getStyles('corner')}\n        data-hovered={scrollbarHovered || undefined}\n        data-hidden={type === 'never' || undefined}\n      />\n    </ScrollAreaRoot>\n  );\n});\n\nScrollArea.displayName = '@mantine/core/ScrollArea';\n\nexport const ScrollAreaAutosize = factory<ScrollAreaFactory>((props, ref) => {\n  const {\n    children,\n    classNames,\n    styles,\n    scrollbarSize,\n    scrollHideDelay,\n    type,\n    dir,\n    offsetScrollbars,\n    viewportRef,\n    onScrollPositionChange,\n    unstyled,\n    variant,\n    viewportProps,\n    style,\n    vars,\n    ...others\n  } = useProps('ScrollAreaAutosize', defaultProps, props);\n\n  return (\n    <Box {...others} ref={ref} style={[{ display: 'flex' }, style]}>\n      <Box style={{ display: 'flex', flexDirection: 'column', flex: 1 }}>\n        <ScrollArea\n          classNames={classNames}\n          styles={styles}\n          scrollHideDelay={scrollHideDelay}\n          scrollbarSize={scrollbarSize}\n          type={type}\n          dir={dir}\n          offsetScrollbars={offsetScrollbars}\n          viewportRef={viewportRef}\n          onScrollPositionChange={onScrollPositionChange}\n          unstyled={unstyled}\n          variant={variant}\n          viewportProps={viewportProps}\n          vars={vars}\n        >\n          {children}\n        </ScrollArea>\n      </Box>\n    </Box>\n  );\n});\n\nScrollArea.classes = classes;\nScrollAreaAutosize.displayName = '@mantine/core/ScrollAreaAutosize';\nScrollAreaAutosize.classes = classes;\nScrollArea.Autosize = ScrollAreaAutosize;\n"],"names":["createVarsResolver","rem","factory","useProps","useState","useStyles","classes","React","ScrollAreaRoot","ScrollAreaViewport","ScrollAreaScrollbar","ScrollAreaThumb","ScrollAreaCorner","Box"],"mappings":"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"}

package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var ScrollArea_context = require('../ScrollArea.context.js');
 var useResizeObserver = require('../use-resize-observer.js');
@@ -11,32 +10,65 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 const Corner = React__default.forwardRef((props, ref) => {
-    const { style } = props, others = tslib.__rest(props, ["style"]);
-    const ctx = ScrollArea_context.useScrollAreaContext();
-    const [width, setWidth] = React__default.useState(0);
-    const [height, setHeight] = React__default.useState(0);
-    const hasSize = Boolean(width && height);
-    useResizeObserver.useResizeObserver(ctx.scrollbarX, () => {
-        var _a;
-        const h = ((_a = ctx.scrollbarX) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
-        ctx.onCornerHeightChange(h);
-        setHeight(h);
-    });
-    useResizeObserver.useResizeObserver(ctx.scrollbarY, () => {
-        var _a;
-        const w = ((_a = ctx.scrollbarY) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
-        ctx.onCornerWidthChange(w);
-        setWidth(w);
-    });
-    return hasSize ? React__default.createElement("div", Object.assign({}, others, { ref: ref, style: Object.assign(Object.assign({}, style), { width, height }) })) : null;
+  const _a = props, { style } = _a, others = __objRest(_a, ["style"]);
+  const ctx = ScrollArea_context.useScrollAreaContext();
+  const [width, setWidth] = React__default.useState(0);
+  const [height, setHeight] = React__default.useState(0);
+  const hasSize = Boolean(width && height);
+  useResizeObserver.useResizeObserver(ctx.scrollbarX, () => {
+    var _a2;
+    const h = ((_a2 = ctx.scrollbarX) == null ? void 0 : _a2.offsetHeight) || 0;
+    ctx.onCornerHeightChange(h);
+    setHeight(h);
+  });
+  useResizeObserver.useResizeObserver(ctx.scrollbarY, () => {
+    var _a2;
+    const w = ((_a2 = ctx.scrollbarY) == null ? void 0 : _a2.offsetWidth) || 0;
+    ctx.onCornerWidthChange(w);
+    setWidth(w);
+  });
+  return hasSize ? /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({}, others), { ref, style: __spreadProps(__spreadValues({}, style), { width, height }) })) : null;
 });
-const ScrollAreaCorner = React__default.forwardRef((props, ref) => {
+const ScrollAreaCorner = React__default.forwardRef(
+  (props, ref) => {
     const ctx = ScrollArea_context.useScrollAreaContext();
     const hasBothScrollbarsVisible = Boolean(ctx.scrollbarX && ctx.scrollbarY);
-    const hasCorner = ctx.type !== 'scroll' && hasBothScrollbarsVisible;
-    return hasCorner ? React__default.createElement(Corner, Object.assign({}, props, { ref: ref })) : null;
-});
+    const hasCorner = ctx.type !== "scroll" && hasBothScrollbarsVisible;
+    return hasCorner ? /* @__PURE__ */ React__default.createElement(Corner, __spreadProps(__spreadValues({}, props), { ref })) : null;
+  }
+);
 
 exports.Corner = Corner;
 exports.ScrollAreaCorner = ScrollAreaCorner;

package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaCorner.js","sources":["../../../../src/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.tsx"],"sourcesContent":["import React from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { useResizeObserver } from '../use-resize-observer';\n\ninterface ScrollAreaCornerProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nexport const Corner = React.forwardRef<HTMLDivElement, ScrollAreaCornerProps>((props, ref) => {\n  const { style, ...others } = props;\n  const ctx = useScrollAreaContext();\n  const [width, setWidth] = React.useState(0);\n  const [height, setHeight] = React.useState(0);\n  const hasSize = Boolean(width && height);\n\n  useResizeObserver(ctx.scrollbarX, () => {\n    const h = ctx.scrollbarX?.offsetHeight || 0;\n    ctx.onCornerHeightChange(h);\n    setHeight(h);\n  });\n\n  useResizeObserver(ctx.scrollbarY, () => {\n    const w = ctx.scrollbarY?.offsetWidth || 0;\n    ctx.onCornerWidthChange(w);\n    setWidth(w);\n  });\n\n  return hasSize ? <div {...others} ref={ref} style={{ ...style, width, height }} /> : null;\n});\n\nexport const ScrollAreaCorner = React.forwardRef<HTMLDivElement, ScrollAreaCornerProps>(\n  (props, ref) => {\n    const ctx = useScrollAreaContext();\n    const hasBothScrollbarsVisible = Boolean(ctx.scrollbarX && ctx.scrollbarY);\n    const hasCorner = ctx.type !== 'scroll' && hasBothScrollbarsVisible;\n    return hasCorner ? <Corner {...props} ref={ref} /> : null;\n  }\n);\n"],"names":["React","useScrollAreaContext","useResizeObserver"],"mappings":";;;;;;;;;;;;;MAMa,MAAM,GAAGA,cAAK,CAAC,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG;IACvF,MAAM,EAAE,KAAK,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAA5B,SAAoB,CAAQ,CAAC;IACnC,MAAM,GAAG,GAAGC,uCAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGD,cAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC;IAEzCE,mCAAiB,CAAC,GAAG,CAAC,UAAU,EAAE;;QAChC,MAAM,CAAC,GAAG,CAAA,MAAA,GAAG,CAAC,UAAU,0CAAE,YAAY,KAAI,CAAC,CAAC;QAC5C,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;QAC5B,SAAS,CAAC,CAAC,CAAC,CAAC;KACd,CAAC,CAAC;IAEHA,mCAAiB,CAAC,GAAG,CAAC,UAAU,EAAE;;QAChC,MAAM,CAAC,GAAG,CAAA,MAAA,GAAG,CAAC,UAAU,0CAAE,WAAW,KAAI,CAAC,CAAC;QAC3C,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC3B,QAAQ,CAAC,CAAC,CAAC,CAAC;KACb,CAAC,CAAC;IAEH,OAAO,OAAO,GAAGF,sDAAS,MAAM,IAAE,GAAG,EAAE,GAAG,EAAE,KAAK,kCAAO,KAAK,KAAE,KAAK,EAAE,MAAM,OAAM,GAAG,IAAI,CAAC;AAC5F,CAAC,EAAE;MAEU,gBAAgB,GAAGA,cAAK,CAAC,UAAU,CAC9C,CAAC,KAAK,EAAE,GAAG;IACT,MAAM,GAAG,GAAGC,uCAAoB,EAAE,CAAC;IACnC,MAAM,wBAAwB,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3E,MAAM,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,QAAQ,IAAI,wBAAwB,CAAC;IACpE,OAAO,SAAS,GAAGD,6BAAC,MAAM,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5D,CAAC;;;;;"}
+{"version":3,"file":"ScrollAreaCorner.js","sources":["../../../../src/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.tsx"],"sourcesContent":["import React from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { useResizeObserver } from '../use-resize-observer';\n\ninterface ScrollAreaCornerProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nexport const Corner = React.forwardRef<HTMLDivElement, ScrollAreaCornerProps>((props, ref) => {\n  const { style, ...others } = props;\n  const ctx = useScrollAreaContext();\n  const [width, setWidth] = React.useState(0);\n  const [height, setHeight] = React.useState(0);\n  const hasSize = Boolean(width && height);\n\n  useResizeObserver(ctx.scrollbarX, () => {\n    const h = ctx.scrollbarX?.offsetHeight || 0;\n    ctx.onCornerHeightChange(h);\n    setHeight(h);\n  });\n\n  useResizeObserver(ctx.scrollbarY, () => {\n    const w = ctx.scrollbarY?.offsetWidth || 0;\n    ctx.onCornerWidthChange(w);\n    setWidth(w);\n  });\n\n  return hasSize ? <div {...others} ref={ref} style={{ ...style, width, height }} /> : null;\n});\n\nexport const ScrollAreaCorner = React.forwardRef<HTMLDivElement, ScrollAreaCornerProps>(\n  (props, ref) => {\n    const ctx = useScrollAreaContext();\n    const hasBothScrollbarsVisible = Boolean(ctx.scrollbarX && ctx.scrollbarY);\n    const hasCorner = ctx.type !== 'scroll' && hasBothScrollbarsVisible;\n    return hasCorner ? <Corner {...props} ref={ref} /> : null;\n  }\n);\n"],"names":["React","useScrollAreaContext","useResizeObserver"],"mappings":"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"}

package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var ScrollArea_context = require('../ScrollArea.context.js');
@@ -13,48 +12,90 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 const defaultProps = {
-    scrollHideDelay: 1000,
-    type: 'hover',
+  scrollHideDelay: 1e3,
+  type: "hover"
 };
 const ScrollAreaRoot = React.forwardRef((_props, ref) => {
-    const props = useProps.useProps('ScrollAreaRoot', defaultProps, _props);
-    const { type, scrollHideDelay } = props, others = tslib.__rest(props, ["type", "scrollHideDelay"]);
-    const [scrollArea, setScrollArea] = React.useState(null);
-    const [viewport, setViewport] = React.useState(null);
-    const [content, setContent] = React.useState(null);
-    const [scrollbarX, setScrollbarX] = React.useState(null);
-    const [scrollbarY, setScrollbarY] = React.useState(null);
-    const [cornerWidth, setCornerWidth] = React.useState(0);
-    const [cornerHeight, setCornerHeight] = React.useState(0);
-    const [scrollbarXEnabled, setScrollbarXEnabled] = React.useState(false);
-    const [scrollbarYEnabled, setScrollbarYEnabled] = React.useState(false);
-    const rootRef = hooks.useMergedRef(ref, (node) => setScrollArea(node));
-    return (React__default.createElement(ScrollArea_context.ScrollAreaProvider, { value: {
-            type: type,
-            scrollHideDelay: scrollHideDelay,
-            scrollArea,
-            viewport,
-            onViewportChange: setViewport,
-            content,
-            onContentChange: setContent,
-            scrollbarX,
-            onScrollbarXChange: setScrollbarX,
-            scrollbarXEnabled,
-            onScrollbarXEnabledChange: setScrollbarXEnabled,
-            scrollbarY,
-            onScrollbarYChange: setScrollbarY,
-            scrollbarYEnabled,
-            onScrollbarYEnabledChange: setScrollbarYEnabled,
-            onCornerWidthChange: setCornerWidth,
-            onCornerHeightChange: setCornerHeight,
-        } },
-        React__default.createElement(Box.Box, Object.assign({}, others, { ref: rootRef, __vars: {
-                '--sa-corner-width': `${cornerWidth}px`,
-                '--sa-corner-height': `${cornerHeight}px`,
-            } }))));
+  const props = useProps.useProps("ScrollAreaRoot", defaultProps, _props);
+  const _a = props, { type, scrollHideDelay } = _a, others = __objRest(_a, ["type", "scrollHideDelay"]);
+  const [scrollArea, setScrollArea] = React.useState(null);
+  const [viewport, setViewport] = React.useState(null);
+  const [content, setContent] = React.useState(null);
+  const [scrollbarX, setScrollbarX] = React.useState(null);
+  const [scrollbarY, setScrollbarY] = React.useState(null);
+  const [cornerWidth, setCornerWidth] = React.useState(0);
+  const [cornerHeight, setCornerHeight] = React.useState(0);
+  const [scrollbarXEnabled, setScrollbarXEnabled] = React.useState(false);
+  const [scrollbarYEnabled, setScrollbarYEnabled] = React.useState(false);
+  const rootRef = hooks.useMergedRef(ref, (node) => setScrollArea(node));
+  return /* @__PURE__ */ React__default.createElement(
+    ScrollArea_context.ScrollAreaProvider,
+    {
+      value: {
+        type,
+        scrollHideDelay,
+        scrollArea,
+        viewport,
+        onViewportChange: setViewport,
+        content,
+        onContentChange: setContent,
+        scrollbarX,
+        onScrollbarXChange: setScrollbarX,
+        scrollbarXEnabled,
+        onScrollbarXEnabledChange: setScrollbarXEnabled,
+        scrollbarY,
+        onScrollbarYChange: setScrollbarY,
+        scrollbarYEnabled,
+        onScrollbarYEnabledChange: setScrollbarYEnabled,
+        onCornerWidthChange: setCornerWidth,
+        onCornerHeightChange: setCornerHeight
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Box.Box,
+      __spreadProps(__spreadValues({}, others), {
+        ref: rootRef,
+        __vars: {
+          "--sa-corner-width": `${cornerWidth}px`,
+          "--sa-corner-height": `${cornerHeight}px`
+        }
+      })
+    )
+  );
 });
-ScrollAreaRoot.displayName = '@mantine/core/ScrollAreaRoot';
+ScrollAreaRoot.displayName = "@mantine/core/ScrollAreaRoot";
 
 exports.ScrollAreaRoot = ScrollAreaRoot;
 //# sourceMappingURL=ScrollAreaRoot.js.map

package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaRoot.js","sources":["../../../../src/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { Box, BoxProps, ElementProps, useProps, Factory } from '../../../core';\nimport { ScrollAreaProvider } from '../ScrollArea.context';\n\nexport type ScrollAreaRootStylesNames =\n  | 'root'\n  | 'viewport'\n  | 'viewportInner'\n  | 'scrollbar'\n  | 'thumb'\n  | 'corner';\n\nexport type ScrollAreaRootVariant = string;\n\nexport type ScrollAreaRootCssVariables = {\n  root: '--sa-corner-width' | '--sa-corner-height';\n};\n\nexport interface ScrollAreaRootStylesCtx {\n  cornerWidth: number;\n  cornerHeight: number;\n}\n\nexport interface ScrollAreaRootProps extends BoxProps, ElementProps<'div'> {\n  /**\n   * Defines scrollbars behavior, `hover` by default\n   * - `hover` – scrollbars are visible when mouse is over the scroll area\n   * - `scroll` – scrollbars are visible when the scroll area is scrolled\n   * - `always` – scrollbars are always visible\n   * - `never` – scrollbars are always hidden\n   * - `auto` – similar to `overflow: auto` – scrollbars are always visible when the content is overflowing\n   * */\n  type?: 'auto' | 'always' | 'scroll' | 'hover' | 'never';\n\n  /** Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`, `1000` by default */\n  scrollHideDelay?: number;\n}\n\nexport type ScrollAreaRootFactory = Factory<{\n  props: ScrollAreaRootProps;\n  ref: HTMLDivElement;\n  stylesNames: ScrollAreaRootStylesNames;\n}>;\n\nconst defaultProps: Partial<ScrollAreaRootProps> = {\n  scrollHideDelay: 1000,\n  type: 'hover',\n};\n\nexport const ScrollAreaRoot = forwardRef<HTMLDivElement, ScrollAreaRootProps>((_props, ref) => {\n  const props = useProps('ScrollAreaRoot', defaultProps, _props);\n  const { type, scrollHideDelay, ...others } = props;\n\n  const [scrollArea, setScrollArea] = useState<HTMLDivElement | null>(null);\n  const [viewport, setViewport] = useState<HTMLDivElement | null>(null);\n  const [content, setContent] = useState<HTMLDivElement | null>(null);\n  const [scrollbarX, setScrollbarX] = useState<HTMLDivElement | null>(null);\n  const [scrollbarY, setScrollbarY] = useState<HTMLDivElement | null>(null);\n  const [cornerWidth, setCornerWidth] = useState(0);\n  const [cornerHeight, setCornerHeight] = useState(0);\n  const [scrollbarXEnabled, setScrollbarXEnabled] = useState(false);\n  const [scrollbarYEnabled, setScrollbarYEnabled] = useState(false);\n  const rootRef = useMergedRef(ref, (node) => setScrollArea(node));\n\n  return (\n    <ScrollAreaProvider\n      value={{\n        type: type!,\n        scrollHideDelay: scrollHideDelay!,\n        scrollArea,\n        viewport,\n        onViewportChange: setViewport,\n        content,\n        onContentChange: setContent,\n        scrollbarX,\n        onScrollbarXChange: setScrollbarX,\n        scrollbarXEnabled,\n        onScrollbarXEnabledChange: setScrollbarXEnabled,\n        scrollbarY,\n        onScrollbarYChange: setScrollbarY,\n        scrollbarYEnabled,\n        onScrollbarYEnabledChange: setScrollbarYEnabled,\n        onCornerWidthChange: setCornerWidth,\n        onCornerHeightChange: setCornerHeight,\n      }}\n    >\n      <Box\n        {...others}\n        ref={rootRef}\n        __vars={{\n          '--sa-corner-width': `${cornerWidth}px`,\n          '--sa-corner-height': `${cornerHeight}px`,\n        }}\n      />\n    </ScrollAreaProvider>\n  );\n});\n\nScrollAreaRoot.displayName = '@mantine/core/ScrollAreaRoot';\n"],"names":["forwardRef","useProps","useState","useMergedRef","React","ScrollAreaProvider","Box"],"mappings":";;;;;;;;;;;;;;;AA6CA,MAAM,YAAY,GAAiC;IACjD,eAAe,EAAE,IAAI;IACrB,IAAI,EAAE,OAAO;CACd,CAAC;MAEW,cAAc,GAAGA,gBAAU,CAAsC,CAAC,MAAM,EAAE,GAAG;IACxF,MAAM,KAAK,GAAGC,iBAAQ,CAAC,gBAAgB,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC/D,MAAM,EAAE,IAAI,EAAE,eAAe,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAA5C,2BAAoC,CAAQ,CAAC;IAEnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGC,cAAQ,CAAwB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAwB,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAwB,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAwB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAwB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,OAAO,GAAGC,kBAAY,CAAC,GAAG,EAAE,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjE,QACEC,6BAACC,qCAAkB,IACjB,KAAK,EAAE;YACL,IAAI,EAAE,IAAK;YACX,eAAe,EAAE,eAAgB;YACjC,UAAU;YACV,QAAQ;YACR,gBAAgB,EAAE,WAAW;YAC7B,OAAO;YACP,eAAe,EAAE,UAAU;YAC3B,UAAU;YACV,kBAAkB,EAAE,aAAa;YACjC,iBAAiB;YACjB,yBAAyB,EAAE,oBAAoB;YAC/C,UAAU;YACV,kBAAkB,EAAE,aAAa;YACjC,iBAAiB;YACjB,yBAAyB,EAAE,oBAAoB;YAC/C,mBAAmB,EAAE,cAAc;YACnC,oBAAoB,EAAE,eAAe;SACtC;QAEDD,6BAACE,OAAG,oBACE,MAAM,IACV,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE;gBACN,mBAAmB,EAAE,GAAG,WAAW,IAAI;gBACvC,oBAAoB,EAAE,GAAG,YAAY,IAAI;aAC1C,IACD,CACiB,EACrB;AACJ,CAAC,EAAE;AAEH,cAAc,CAAC,WAAW,GAAG,8BAA8B;;;;"}
+{"version":3,"file":"ScrollAreaRoot.js","sources":["../../../../src/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { Box, BoxProps, ElementProps, useProps, Factory } from '../../../core';\nimport { ScrollAreaProvider } from '../ScrollArea.context';\n\nexport type ScrollAreaRootStylesNames =\n  | 'root'\n  | 'viewport'\n  | 'viewportInner'\n  | 'scrollbar'\n  | 'thumb'\n  | 'corner';\n\nexport type ScrollAreaRootVariant = string;\n\nexport type ScrollAreaRootCssVariables = {\n  root: '--sa-corner-width' | '--sa-corner-height';\n};\n\nexport interface ScrollAreaRootStylesCtx {\n  cornerWidth: number;\n  cornerHeight: number;\n}\n\nexport interface ScrollAreaRootProps extends BoxProps, ElementProps<'div'> {\n  /**\n   * Defines scrollbars behavior, `hover` by default\n   * - `hover` – scrollbars are visible when mouse is over the scroll area\n   * - `scroll` – scrollbars are visible when the scroll area is scrolled\n   * - `always` – scrollbars are always visible\n   * - `never` – scrollbars are always hidden\n   * - `auto` – similar to `overflow: auto` – scrollbars are always visible when the content is overflowing\n   * */\n  type?: 'auto' | 'always' | 'scroll' | 'hover' | 'never';\n\n  /** Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`, `1000` by default */\n  scrollHideDelay?: number;\n}\n\nexport type ScrollAreaRootFactory = Factory<{\n  props: ScrollAreaRootProps;\n  ref: HTMLDivElement;\n  stylesNames: ScrollAreaRootStylesNames;\n}>;\n\nconst defaultProps: Partial<ScrollAreaRootProps> = {\n  scrollHideDelay: 1000,\n  type: 'hover',\n};\n\nexport const ScrollAreaRoot = forwardRef<HTMLDivElement, ScrollAreaRootProps>((_props, ref) => {\n  const props = useProps('ScrollAreaRoot', defaultProps, _props);\n  const { type, scrollHideDelay, ...others } = props;\n\n  const [scrollArea, setScrollArea] = useState<HTMLDivElement | null>(null);\n  const [viewport, setViewport] = useState<HTMLDivElement | null>(null);\n  const [content, setContent] = useState<HTMLDivElement | null>(null);\n  const [scrollbarX, setScrollbarX] = useState<HTMLDivElement | null>(null);\n  const [scrollbarY, setScrollbarY] = useState<HTMLDivElement | null>(null);\n  const [cornerWidth, setCornerWidth] = useState(0);\n  const [cornerHeight, setCornerHeight] = useState(0);\n  const [scrollbarXEnabled, setScrollbarXEnabled] = useState(false);\n  const [scrollbarYEnabled, setScrollbarYEnabled] = useState(false);\n  const rootRef = useMergedRef(ref, (node) => setScrollArea(node));\n\n  return (\n    <ScrollAreaProvider\n      value={{\n        type: type!,\n        scrollHideDelay: scrollHideDelay!,\n        scrollArea,\n        viewport,\n        onViewportChange: setViewport,\n        content,\n        onContentChange: setContent,\n        scrollbarX,\n        onScrollbarXChange: setScrollbarX,\n        scrollbarXEnabled,\n        onScrollbarXEnabledChange: setScrollbarXEnabled,\n        scrollbarY,\n        onScrollbarYChange: setScrollbarY,\n        scrollbarYEnabled,\n        onScrollbarYEnabledChange: setScrollbarYEnabled,\n        onCornerWidthChange: setCornerWidth,\n        onCornerHeightChange: setCornerHeight,\n      }}\n    >\n      <Box\n        {...others}\n        ref={rootRef}\n        __vars={{\n          '--sa-corner-width': `${cornerWidth}px`,\n          '--sa-corner-height': `${cornerHeight}px`,\n        }}\n      />\n    </ScrollAreaProvider>\n  );\n});\n\nScrollAreaRoot.displayName = '@mantine/core/ScrollAreaRoot';\n"],"names":["forwardRef","useProps","useState","useMergedRef","React","ScrollAreaProvider","Box"],"mappings":"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"}