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

package/esm/components/ScrollArea/ScrollArea.js

@@ -1,4 +1,4 @@
-'use client';
+import { __rest } from 'tslib';
 import React, { useState } from 'react';
 import { ScrollAreaScrollbar } from './ScrollAreaScrollbar/ScrollAreaScrollbar.js';
 import { ScrollAreaCorner } from './ScrollAreaCorner/ScrollAreaCorner.js';
@@ -13,178 +13,53 @@ import { Box } from '../../core/Box/Box.js';
 import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
 import { rem } from '../../core/utils/units-converters/rem.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 = {
-  scrollbarSize: 12,
-  scrollHideDelay: 1e3,
-  type: "hover"
+    scrollbarSize: 12,
+    scrollHideDelay: 1000,
+    type: 'hover',
 };
 const varsResolver = createVarsResolver((_, { scrollbarSize }) => ({
-  root: {
-    "--scrollarea-scrollbar-size": rem(scrollbarSize)
-  }
+    root: {
+        '--scrollarea-scrollbar-size': rem(scrollbarSize),
+    },
 }));
 const ScrollArea = factory((_props, ref) => {
-  const props = 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] = useState(false);
-  const getStyles = useStyles({
-    name: "ScrollArea",
-    props,
-    classes,
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    vars,
-    varsResolver
-  });
-  return /* @__PURE__ */ React.createElement(ScrollAreaRoot, __spreadValues(__spreadValues({
-    type: type === "never" ? "always" : type,
-    scrollHideDelay,
-    ref
-  }, getStyles("root")), others), /* @__PURE__ */ React.createElement(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.createElement(ScrollAreaScrollbar, __spreadProps(__spreadValues({}, getStyles("scrollbar")), {
-    orientation: "horizontal",
-    "data-hidden": type === "never" || void 0,
-    forceMount: true,
-    onMouseEnter: () => setScrollbarHovered(true),
-    onMouseLeave: () => setScrollbarHovered(false)
-  }), /* @__PURE__ */ React.createElement(ScrollAreaThumb, __spreadValues({}, getStyles("thumb")))), /* @__PURE__ */ React.createElement(ScrollAreaScrollbar, __spreadProps(__spreadValues({}, getStyles("scrollbar")), {
-    orientation: "vertical",
-    "data-hidden": type === "never" || void 0,
-    forceMount: true,
-    onMouseEnter: () => setScrollbarHovered(true),
-    onMouseLeave: () => setScrollbarHovered(false)
-  }), /* @__PURE__ */ React.createElement(ScrollAreaThumb, __spreadValues({}, getStyles("thumb")))), /* @__PURE__ */ React.createElement(ScrollAreaCorner, __spreadProps(__spreadValues({}, getStyles("corner")), {
-    "data-hovered": scrollbarHovered || void 0,
-    "data-hidden": type === "never" || void 0
-  })));
+    const props = useProps('ScrollArea', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, scrollbarSize, vars, type, scrollHideDelay, viewportProps, viewportRef, onScrollPositionChange, children, offsetScrollbars } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "scrollbarSize", "vars", "type", "scrollHideDelay", "viewportProps", "viewportRef", "onScrollPositionChange", "children", "offsetScrollbars"]);
+    const [scrollbarHovered, setScrollbarHovered] = useState(false);
+    const getStyles = useStyles({
+        name: 'ScrollArea',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React.createElement(ScrollAreaRoot, Object.assign({ type: type === 'never' ? 'always' : type, scrollHideDelay: scrollHideDelay, ref: ref }, getStyles('root'), others),
+        React.createElement(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.createElement(ScrollAreaScrollbar, Object.assign({}, getStyles('scrollbar'), { orientation: "horizontal", "data-hidden": type === 'never' || undefined, forceMount: true, onMouseEnter: () => setScrollbarHovered(true), onMouseLeave: () => setScrollbarHovered(false) }),
+            React.createElement(ScrollAreaThumb, Object.assign({}, getStyles('thumb')))),
+        React.createElement(ScrollAreaScrollbar, Object.assign({}, getStyles('scrollbar'), { orientation: "vertical", "data-hidden": type === 'never' || undefined, forceMount: true, onMouseEnter: () => setScrollbarHovered(true), onMouseLeave: () => setScrollbarHovered(false) }),
+            React.createElement(ScrollAreaThumb, Object.assign({}, getStyles('thumb')))),
+        React.createElement(ScrollAreaCorner, Object.assign({}, getStyles('corner'), { "data-hovered": scrollbarHovered || undefined, "data-hidden": type === 'never' || undefined }))));
 });
-ScrollArea.displayName = "@mantine/core/ScrollArea";
+ScrollArea.displayName = '@mantine/core/ScrollArea';
 const ScrollAreaAutosize = factory((props, ref) => {
-  const _a = 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.createElement(Box, __spreadProps(__spreadValues({}, others), {
-    ref,
-    style: [{ display: "flex" }, style]
-  }), /* @__PURE__ */ React.createElement(Box, {
-    style: { display: "flex", flexDirection: "column", flex: 1 }
-  }, /* @__PURE__ */ React.createElement(ScrollArea, {
-    classNames,
-    styles,
-    scrollHideDelay,
-    scrollbarSize,
-    type,
-    dir,
-    offsetScrollbars,
-    viewportRef,
-    onScrollPositionChange,
-    unstyled,
-    variant,
-    viewportProps,
-    vars
-  }, children)));
+    const _a = useProps('ScrollAreaAutosize', defaultProps, props), { children, classNames, styles, scrollbarSize, scrollHideDelay, type, dir, offsetScrollbars, viewportRef, onScrollPositionChange, unstyled, variant, viewportProps, style, vars } = _a, others = __rest(_a, ["children", "classNames", "styles", "scrollbarSize", "scrollHideDelay", "type", "dir", "offsetScrollbars", "viewportRef", "onScrollPositionChange", "unstyled", "variant", "viewportProps", "style", "vars"]);
+    return (React.createElement(Box, Object.assign({}, others, { ref: ref, style: [{ display: 'flex' }, style] }),
+        React.createElement(Box, { style: { display: 'flex', flexDirection: 'column', flex: 1 } },
+            React.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))));
 });
-ScrollAreaAutosize.displayName = "@mantine/core/ScrollAreaAutosize";
+ScrollAreaAutosize.displayName = '@mantine/core/ScrollAreaAutosize';
 ScrollArea.Autosize = ScrollAreaAutosize;
 
 export { ScrollArea, ScrollAreaAutosize };

package/esm/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":[],"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\nScrollAreaAutosize.displayName = '@mantine/core/ScrollAreaAutosize';\nScrollArea.Autosize = ScrollAreaAutosize;\n"],"names":[],"mappings":"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"}

package/esm/components/ScrollArea/ScrollArea.module.css.js

@@ -1,4 +1,3 @@
-'use client';
 var classes = {"root":"mantine--CW641A","viewport":"mantine-VMS5T20","viewportInner":"mantine-u-8GE5z","scrollbar":"mantine-zngBbDv","thumb":"mantine-5u72r1f","corner":"mantine-29iF76-"};
 
 export default classes;

package/esm/components/ScrollArea/ScrollArea.module.css.js.map

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

package/esm/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js

@@ -1,69 +1,33 @@
-'use client';
+import { __rest } from 'tslib';
 import React from 'react';
 import { useScrollAreaContext } from '../ScrollArea.context.js';
 import { useResizeObserver } from '../use-resize-observer.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 Corner = React.forwardRef((props, ref) => {
-  const _a = props, { style } = _a, others = __objRest(_a, ["style"]);
-  const ctx = useScrollAreaContext();
-  const [width, setWidth] = React.useState(0);
-  const [height, setHeight] = React.useState(0);
-  const hasSize = Boolean(width && height);
-  useResizeObserver(ctx.scrollbarX, () => {
-    var _a2;
-    const h = ((_a2 = ctx.scrollbarX) == null ? void 0 : _a2.offsetHeight) || 0;
-    ctx.onCornerHeightChange(h);
-    setHeight(h);
-  });
-  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.createElement("div", __spreadProps(__spreadValues({}, others), {
-    ref,
-    style: __spreadProps(__spreadValues({}, style), { width, height })
-  })) : null;
+    const { style } = props, others = __rest(props, ["style"]);
+    const ctx = useScrollAreaContext();
+    const [width, setWidth] = React.useState(0);
+    const [height, setHeight] = React.useState(0);
+    const hasSize = Boolean(width && height);
+    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(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.createElement("div", Object.assign({}, others, { ref: ref, style: Object.assign(Object.assign({}, style), { width, height }) })) : null;
 });
 const ScrollAreaCorner = React.forwardRef((props, ref) => {
-  const ctx = useScrollAreaContext();
-  const hasBothScrollbarsVisible = Boolean(ctx.scrollbarX && ctx.scrollbarY);
-  const hasCorner = ctx.type !== "scroll" && hasBothScrollbarsVisible;
-  return hasCorner ? /* @__PURE__ */ React.createElement(Corner, __spreadProps(__spreadValues({}, props), {
-    ref
-  })) : null;
+    const ctx = useScrollAreaContext();
+    const hasBothScrollbarsVisible = Boolean(ctx.scrollbarX && ctx.scrollbarY);
+    const hasCorner = ctx.type !== 'scroll' && hasBothScrollbarsVisible;
+    return hasCorner ? React.createElement(Corner, Object.assign({}, props, { ref: ref })) : null;
 });
 
 export { Corner, ScrollAreaCorner };

package/esm/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":[],"mappings":"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"}
+{"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":[],"mappings":";;;;;MAMa,MAAM,GAAG,KAAK,CAAC,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG;IACvF,MAAM,EAAE,KAAK,KAAgB,KAAK,EAAhB,MAAM,UAAK,KAAK,EAA5B,SAAoB,CAAQ,CAAC;IACnC,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC;IAEzC,iBAAiB,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;IAEH,iBAAiB,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,GAAG,6CAAS,MAAM,IAAE,GAAG,EAAE,GAAG,EAAE,KAAK,kCAAO,KAAK,KAAE,KAAK,EAAE,MAAM,OAAM,GAAG,IAAI,CAAC;AAC5F,CAAC,EAAE;MAEU,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC9C,CAAC,KAAK,EAAE,GAAG;IACT,MAAM,GAAG,GAAG,oBAAoB,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,GAAG,oBAAC,MAAM,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5D,CAAC;;;;"}

package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js

@@ -1,87 +1,52 @@
-'use client';
+import { __rest } from 'tslib';
 import React, { forwardRef, useState } from 'react';
 import { useMergedRef } from '@mantine/hooks';
 import { ScrollAreaProvider } from '../ScrollArea.context.js';
 import { useProps } from '../../../core/MantineProvider/use-props/use-props.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 = {
-  scrollHideDelay: 1e3,
-  type: "hover"
+    scrollHideDelay: 1000,
+    type: 'hover',
 };
 const ScrollAreaRoot = forwardRef((_props, ref) => {
-  const props = useProps("ScrollAreaRoot", defaultProps, _props);
-  const _a = props, { type, scrollHideDelay } = _a, others = __objRest(_a, ["type", "scrollHideDelay"]);
-  const [scrollArea, setScrollArea] = useState(null);
-  const [viewport, setViewport] = useState(null);
-  const [content, setContent] = useState(null);
-  const [scrollbarX, setScrollbarX] = useState(null);
-  const [scrollbarY, setScrollbarY] = useState(null);
-  const [cornerWidth, setCornerWidth] = useState(0);
-  const [cornerHeight, setCornerHeight] = useState(0);
-  const [scrollbarXEnabled, setScrollbarXEnabled] = useState(false);
-  const [scrollbarYEnabled, setScrollbarYEnabled] = useState(false);
-  const rootRef = useMergedRef(ref, (node) => setScrollArea(node));
-  return /* @__PURE__ */ React.createElement(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.createElement(Box, __spreadProps(__spreadValues({}, others), {
-    ref: rootRef,
-    __vars: {
-      "--sa-corner-width": `${cornerWidth}px`,
-      "--sa-corner-height": `${cornerHeight}px`
-    }
-  })));
+    const props = useProps('ScrollAreaRoot', defaultProps, _props);
+    const { type, scrollHideDelay } = props, others = __rest(props, ["type", "scrollHideDelay"]);
+    const [scrollArea, setScrollArea] = useState(null);
+    const [viewport, setViewport] = useState(null);
+    const [content, setContent] = useState(null);
+    const [scrollbarX, setScrollbarX] = useState(null);
+    const [scrollbarY, setScrollbarY] = useState(null);
+    const [cornerWidth, setCornerWidth] = useState(0);
+    const [cornerHeight, setCornerHeight] = useState(0);
+    const [scrollbarXEnabled, setScrollbarXEnabled] = useState(false);
+    const [scrollbarYEnabled, setScrollbarYEnabled] = useState(false);
+    const rootRef = useMergedRef(ref, (node) => setScrollArea(node));
+    return (React.createElement(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.createElement(Box, Object.assign({}, others, { ref: rootRef, __vars: {
+                '--sa-corner-width': `${cornerWidth}px`,
+                '--sa-corner-height': `${cornerHeight}px`,
+            } }))));
 });
-ScrollAreaRoot.displayName = "@mantine/core/ScrollAreaRoot";
+ScrollAreaRoot.displayName = '@mantine/core/ScrollAreaRoot';
 
 export { ScrollAreaRoot };
 //# sourceMappingURL=ScrollAreaRoot.js.map

package/esm/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":[],"mappings":"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"}
+{"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":[],"mappings":";;;;;;;AA6CA,MAAM,YAAY,GAAiC;IACjD,eAAe,EAAE,IAAI;IACrB,IAAI,EAAE,OAAO;CACd,CAAC;MAEW,cAAc,GAAG,UAAU,CAAsC,CAAC,MAAM,EAAE,GAAG;IACxF,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC/D,MAAM,EAAE,IAAI,EAAE,eAAe,KAAgB,KAAK,EAAhB,MAAM,UAAK,KAAK,EAA5C,2BAAoC,CAAQ,CAAC;IAEnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,OAAO,GAAG,YAAY,CAAC,GAAG,EAAE,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjE,QACE,oBAAC,kBAAkB,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;QAED,oBAAC,GAAG,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;;;;"}