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

package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js

@@ -1,8 +1,8 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var Scrollbar = require('./Scrollbar.js');
@@ -15,80 +15,37 @@ 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 ScrollAreaScrollbarX = React.forwardRef((props, forwardedRef) => {
-  const _a = props, { sizes, onSizesChange, style } = _a, others = __objRest(_a, ["sizes", "onSizesChange", "style"]);
-  const ctx = ScrollArea_context.useScrollAreaContext();
-  const [computedStyle, setComputedStyle] = React.useState();
-  const ref = React.useRef(null);
-  const composeRefs = hooks.useMergedRef(forwardedRef, ref, ctx.onScrollbarXChange);
-  React.useEffect(() => {
-    if (ref.current)
-      setComputedStyle(getComputedStyle(ref.current));
-  }, [ref]);
-  return /* @__PURE__ */ React__default.createElement(Scrollbar.Scrollbar, __spreadProps(__spreadValues({
-    "data-orientation": "horizontal"
-  }, others), {
-    ref: composeRefs,
-    sizes,
-    style: __spreadProps(__spreadValues({}, style), {
-      ["--sa-thumb-width"]: `${getThumbSize.getThumbSize(sizes)}px`
-    }),
-    onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.x),
-    onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.x),
-    onWheelScroll: (event, maxScrollPos) => {
-      if (ctx.viewport) {
-        const scrollPos = ctx.viewport.scrollLeft + event.deltaX;
-        props.onWheelScroll(scrollPos);
-        if (isScrollingWithinScrollbarBounds.isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {
-          event.preventDefault();
-        }
-      }
-    },
-    onResize: () => {
-      if (ref.current && ctx.viewport && computedStyle) {
-        onSizesChange({
-          content: ctx.viewport.scrollWidth,
-          viewport: ctx.viewport.offsetWidth,
-          scrollbar: {
-            size: ref.current.clientWidth,
-            paddingStart: toInt.toInt(computedStyle.paddingLeft),
-            paddingEnd: toInt.toInt(computedStyle.paddingRight)
-          }
-        });
-      }
-    }
-  }));
+    const { sizes, onSizesChange, style } = props, others = tslib.__rest(props, ["sizes", "onSizesChange", "style"]);
+    const ctx = ScrollArea_context.useScrollAreaContext();
+    const [computedStyle, setComputedStyle] = React.useState();
+    const ref = React.useRef(null);
+    const composeRefs = hooks.useMergedRef(forwardedRef, ref, ctx.onScrollbarXChange);
+    React.useEffect(() => {
+        if (ref.current)
+            setComputedStyle(getComputedStyle(ref.current));
+    }, [ref]);
+    return (React__default.createElement(Scrollbar.Scrollbar, Object.assign({ "data-orientation": "horizontal" }, others, { ref: composeRefs, sizes: sizes, style: Object.assign(Object.assign({}, style), { ['--sa-thumb-width']: `${getThumbSize.getThumbSize(sizes)}px` }), onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.x), onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.x), onWheelScroll: (event, maxScrollPos) => {
+            if (ctx.viewport) {
+                const scrollPos = ctx.viewport.scrollLeft + event.deltaX;
+                props.onWheelScroll(scrollPos);
+                if (isScrollingWithinScrollbarBounds.isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {
+                    event.preventDefault();
+                }
+            }
+        }, onResize: () => {
+            if (ref.current && ctx.viewport && computedStyle) {
+                onSizesChange({
+                    content: ctx.viewport.scrollWidth,
+                    viewport: ctx.viewport.offsetWidth,
+                    scrollbar: {
+                        size: ref.current.clientWidth,
+                        paddingStart: toInt.toInt(computedStyle.paddingLeft),
+                        paddingEnd: toInt.toInt(computedStyle.paddingRight),
+                    },
+                });
+            }
+        } })));
 });
 
 exports.ScrollAreaScrollbarX = ScrollAreaScrollbarX;

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollbarX.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { Scrollbar } from './Scrollbar';\nimport { ScrollAreaScrollbarAxisProps } from '../ScrollArea.types';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { isScrollingWithinScrollbarBounds, getThumbSize, toInt } from '../utils';\n\nexport const ScrollAreaScrollbarX = forwardRef<HTMLDivElement, ScrollAreaScrollbarAxisProps>(\n  (props, forwardedRef) => {\n    const { sizes, onSizesChange, style, ...others } = props;\n    const ctx = useScrollAreaContext();\n    const [computedStyle, setComputedStyle] = useState<CSSStyleDeclaration>();\n    const ref = useRef<HTMLDivElement>(null);\n    const composeRefs = useMergedRef(forwardedRef, ref, ctx.onScrollbarXChange);\n\n    useEffect(() => {\n      if (ref.current) setComputedStyle(getComputedStyle(ref.current));\n    }, [ref]);\n\n    return (\n      <Scrollbar\n        data-orientation=\"horizontal\"\n        {...others}\n        ref={composeRefs}\n        sizes={sizes}\n        style={{\n          ...style,\n          ['--sa-thumb-width' as any]: `${getThumbSize(sizes)}px`,\n        }}\n        onThumbPointerDown={(pointerPos) => props.onThumbPointerDown(pointerPos.x)}\n        onDragScroll={(pointerPos) => props.onDragScroll(pointerPos.x)}\n        onWheelScroll={(event, maxScrollPos) => {\n          if (ctx.viewport) {\n            const scrollPos = ctx.viewport.scrollLeft + event.deltaX;\n            props.onWheelScroll(scrollPos);\n            if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {\n              event.preventDefault();\n            }\n          }\n        }}\n        onResize={() => {\n          if (ref.current && ctx.viewport && computedStyle) {\n            onSizesChange({\n              content: ctx.viewport.scrollWidth,\n              viewport: ctx.viewport.offsetWidth,\n              scrollbar: {\n                size: ref.current.clientWidth,\n                paddingStart: toInt(computedStyle.paddingLeft),\n                paddingEnd: toInt(computedStyle.paddingRight),\n              },\n            });\n          }\n        }}\n      />\n    );\n  }\n);\n"],"names":["forwardRef","useScrollAreaContext","useState","useRef","useMergedRef","useEffect","React","Scrollbar","getThumbSize","isScrollingWithinScrollbarBounds","toInt"],"mappings":"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"}
+{"version":3,"file":"ScrollbarX.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { Scrollbar } from './Scrollbar';\nimport { ScrollAreaScrollbarAxisProps } from '../ScrollArea.types';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { isScrollingWithinScrollbarBounds, getThumbSize, toInt } from '../utils';\n\nexport const ScrollAreaScrollbarX = forwardRef<HTMLDivElement, ScrollAreaScrollbarAxisProps>(\n  (props, forwardedRef) => {\n    const { sizes, onSizesChange, style, ...others } = props;\n    const ctx = useScrollAreaContext();\n    const [computedStyle, setComputedStyle] = useState<CSSStyleDeclaration>();\n    const ref = useRef<HTMLDivElement>(null);\n    const composeRefs = useMergedRef(forwardedRef, ref, ctx.onScrollbarXChange);\n\n    useEffect(() => {\n      if (ref.current) setComputedStyle(getComputedStyle(ref.current));\n    }, [ref]);\n\n    return (\n      <Scrollbar\n        data-orientation=\"horizontal\"\n        {...others}\n        ref={composeRefs}\n        sizes={sizes}\n        style={{\n          ...style,\n          ['--sa-thumb-width' as any]: `${getThumbSize(sizes)}px`,\n        }}\n        onThumbPointerDown={(pointerPos) => props.onThumbPointerDown(pointerPos.x)}\n        onDragScroll={(pointerPos) => props.onDragScroll(pointerPos.x)}\n        onWheelScroll={(event, maxScrollPos) => {\n          if (ctx.viewport) {\n            const scrollPos = ctx.viewport.scrollLeft + event.deltaX;\n            props.onWheelScroll(scrollPos);\n            if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {\n              event.preventDefault();\n            }\n          }\n        }}\n        onResize={() => {\n          if (ref.current && ctx.viewport && computedStyle) {\n            onSizesChange({\n              content: ctx.viewport.scrollWidth,\n              viewport: ctx.viewport.offsetWidth,\n              scrollbar: {\n                size: ref.current.clientWidth,\n                paddingStart: toInt(computedStyle.paddingLeft),\n                paddingEnd: toInt(computedStyle.paddingRight),\n              },\n            });\n          }\n        }}\n      />\n    );\n  }\n);\n"],"names":["forwardRef","useScrollAreaContext","useState","useRef","useMergedRef","useEffect","React","Scrollbar","getThumbSize","isScrollingWithinScrollbarBounds","toInt"],"mappings":";;;;;;;;;;;;;;;;;MAOa,oBAAoB,GAAGA,gBAAU,CAC5C,CAAC,KAAK,EAAE,YAAY;IAClB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAAlD,mCAA0C,CAAQ,CAAC;IACzD,MAAM,GAAG,GAAGC,uCAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGC,cAAQ,EAAuB,CAAC;IAC1E,MAAM,GAAG,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,WAAW,GAAGC,kBAAY,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAE5EC,eAAS,CAAC;QACR,IAAI,GAAG,CAAC,OAAO;YAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;KAClE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,QACEC,6BAACC,mBAAS,sCACS,YAAY,IACzB,MAAM,IACV,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,kCACA,KAAK,KACR,CAAC,kBAAyB,GAAG,GAAGC,yBAAY,CAAC,KAAK,CAAC,IAAI,KAEzD,kBAAkB,EAAE,CAAC,UAAU,KAAK,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,EAC1E,YAAY,EAAE,CAAC,UAAU,KAAK,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,EAC9D,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY;YACjC,IAAI,GAAG,CAAC,QAAQ,EAAE;gBAChB,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;gBACzD,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;gBAC/B,IAAIC,iEAAgC,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE;oBAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;iBACxB;aACF;SACF,EACD,QAAQ,EAAE;YACR,IAAI,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,QAAQ,IAAI,aAAa,EAAE;gBAChD,aAAa,CAAC;oBACZ,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,WAAW;oBACjC,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,WAAW;oBAClC,SAAS,EAAE;wBACT,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,WAAW;wBAC7B,YAAY,EAAEC,WAAK,CAAC,aAAa,CAAC,WAAW,CAAC;wBAC9C,UAAU,EAAEA,WAAK,CAAC,aAAa,CAAC,YAAY,CAAC;qBAC9C;iBACF,CAAC,CAAC;aACJ;SACF,IACD,EACF;AACJ,CAAC;;;;"}

package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js

@@ -1,8 +1,8 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var Scrollbar = require('./Scrollbar.js');
@@ -15,79 +15,37 @@ 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 ScrollAreaScrollbarY = React.forwardRef((props, forwardedRef) => {
-  const _a = props, { sizes, onSizesChange, style } = _a, others = __objRest(_a, ["sizes", "onSizesChange", "style"]);
-  const context = ScrollArea_context.useScrollAreaContext();
-  const [computedStyle, setComputedStyle] = React__default.useState();
-  const ref = React.useRef(null);
-  const composeRefs = hooks.useMergedRef(forwardedRef, ref, context.onScrollbarYChange);
-  React.useEffect(() => {
-    if (ref.current)
-      setComputedStyle(getComputedStyle(ref.current));
-  }, [ref]);
-  return /* @__PURE__ */ React__default.createElement(Scrollbar.Scrollbar, __spreadProps(__spreadValues({}, others), {
-    "data-orientation": "vertical",
-    ref: composeRefs,
-    sizes,
-    style: __spreadValues({
-      ["--sa-thumb-height"]: `${getThumbSize.getThumbSize(sizes)}px`
-    }, style),
-    onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.y),
-    onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.y),
-    onWheelScroll: (event, maxScrollPos) => {
-      if (context.viewport) {
-        const scrollPos = context.viewport.scrollTop + event.deltaY;
-        props.onWheelScroll(scrollPos);
-        if (isScrollingWithinScrollbarBounds.isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {
-          event.preventDefault();
-        }
-      }
-    },
-    onResize: () => {
-      if (ref.current && context.viewport && computedStyle) {
-        onSizesChange({
-          content: context.viewport.scrollHeight,
-          viewport: context.viewport.offsetHeight,
-          scrollbar: {
-            size: ref.current.clientHeight,
-            paddingStart: toInt.toInt(computedStyle.paddingTop),
-            paddingEnd: toInt.toInt(computedStyle.paddingBottom)
-          }
-        });
-      }
-    }
-  }));
+    const { sizes, onSizesChange, style } = props, others = tslib.__rest(props, ["sizes", "onSizesChange", "style"]);
+    const context = ScrollArea_context.useScrollAreaContext();
+    const [computedStyle, setComputedStyle] = React__default.useState();
+    const ref = React.useRef(null);
+    const composeRefs = hooks.useMergedRef(forwardedRef, ref, context.onScrollbarYChange);
+    React.useEffect(() => {
+        if (ref.current)
+            setComputedStyle(getComputedStyle(ref.current));
+    }, [ref]);
+    return (React__default.createElement(Scrollbar.Scrollbar, Object.assign({}, others, { "data-orientation": "vertical", ref: composeRefs, sizes: sizes, style: Object.assign({ ['--sa-thumb-height']: `${getThumbSize.getThumbSize(sizes)}px` }, style), onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.y), onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.y), onWheelScroll: (event, maxScrollPos) => {
+            if (context.viewport) {
+                const scrollPos = context.viewport.scrollTop + event.deltaY;
+                props.onWheelScroll(scrollPos);
+                if (isScrollingWithinScrollbarBounds.isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {
+                    event.preventDefault();
+                }
+            }
+        }, onResize: () => {
+            if (ref.current && context.viewport && computedStyle) {
+                onSizesChange({
+                    content: context.viewport.scrollHeight,
+                    viewport: context.viewport.offsetHeight,
+                    scrollbar: {
+                        size: ref.current.clientHeight,
+                        paddingStart: toInt.toInt(computedStyle.paddingTop),
+                        paddingEnd: toInt.toInt(computedStyle.paddingBottom),
+                    },
+                });
+            }
+        } })));
 });
 
 exports.ScrollAreaScrollbarY = ScrollAreaScrollbarY;

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollbarY.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { Scrollbar } from './Scrollbar';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAxisProps } from '../ScrollArea.types';\nimport { isScrollingWithinScrollbarBounds, getThumbSize, toInt } from '../utils';\n\nexport const ScrollAreaScrollbarY = forwardRef<HTMLDivElement, ScrollAreaScrollbarAxisProps>(\n  (props, forwardedRef) => {\n    const { sizes, onSizesChange, style, ...others } = props;\n    const context = useScrollAreaContext();\n    const [computedStyle, setComputedStyle] = React.useState<CSSStyleDeclaration>();\n    const ref = useRef<HTMLDivElement>(null);\n    const composeRefs = useMergedRef(forwardedRef, ref, context.onScrollbarYChange);\n\n    useEffect(() => {\n      if (ref.current) setComputedStyle(getComputedStyle(ref.current));\n    }, [ref]);\n\n    return (\n      <Scrollbar\n        {...others}\n        data-orientation=\"vertical\"\n        ref={composeRefs}\n        sizes={sizes}\n        style={{\n          ['--sa-thumb-height' as any]: `${getThumbSize(sizes)}px`,\n          ...style,\n        }}\n        onThumbPointerDown={(pointerPos) => props.onThumbPointerDown(pointerPos.y)}\n        onDragScroll={(pointerPos) => props.onDragScroll(pointerPos.y)}\n        onWheelScroll={(event, maxScrollPos) => {\n          if (context.viewport) {\n            const scrollPos = context.viewport.scrollTop + event.deltaY;\n            props.onWheelScroll(scrollPos);\n            if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {\n              event.preventDefault();\n            }\n          }\n        }}\n        onResize={() => {\n          if (ref.current && context.viewport && computedStyle) {\n            onSizesChange({\n              content: context.viewport.scrollHeight,\n              viewport: context.viewport.offsetHeight,\n              scrollbar: {\n                size: ref.current.clientHeight,\n                paddingStart: toInt(computedStyle.paddingTop),\n                paddingEnd: toInt(computedStyle.paddingBottom),\n              },\n            });\n          }\n        }}\n      />\n    );\n  }\n);\n"],"names":["forwardRef","useScrollAreaContext","React","useRef","useMergedRef","useEffect","Scrollbar","getThumbSize","isScrollingWithinScrollbarBounds","toInt"],"mappings":"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"}
+{"version":3,"file":"ScrollbarY.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { Scrollbar } from './Scrollbar';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAxisProps } from '../ScrollArea.types';\nimport { isScrollingWithinScrollbarBounds, getThumbSize, toInt } from '../utils';\n\nexport const ScrollAreaScrollbarY = forwardRef<HTMLDivElement, ScrollAreaScrollbarAxisProps>(\n  (props, forwardedRef) => {\n    const { sizes, onSizesChange, style, ...others } = props;\n    const context = useScrollAreaContext();\n    const [computedStyle, setComputedStyle] = React.useState<CSSStyleDeclaration>();\n    const ref = useRef<HTMLDivElement>(null);\n    const composeRefs = useMergedRef(forwardedRef, ref, context.onScrollbarYChange);\n\n    useEffect(() => {\n      if (ref.current) setComputedStyle(getComputedStyle(ref.current));\n    }, [ref]);\n\n    return (\n      <Scrollbar\n        {...others}\n        data-orientation=\"vertical\"\n        ref={composeRefs}\n        sizes={sizes}\n        style={{\n          ['--sa-thumb-height' as any]: `${getThumbSize(sizes)}px`,\n          ...style,\n        }}\n        onThumbPointerDown={(pointerPos) => props.onThumbPointerDown(pointerPos.y)}\n        onDragScroll={(pointerPos) => props.onDragScroll(pointerPos.y)}\n        onWheelScroll={(event, maxScrollPos) => {\n          if (context.viewport) {\n            const scrollPos = context.viewport.scrollTop + event.deltaY;\n            props.onWheelScroll(scrollPos);\n            if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {\n              event.preventDefault();\n            }\n          }\n        }}\n        onResize={() => {\n          if (ref.current && context.viewport && computedStyle) {\n            onSizesChange({\n              content: context.viewport.scrollHeight,\n              viewport: context.viewport.offsetHeight,\n              scrollbar: {\n                size: ref.current.clientHeight,\n                paddingStart: toInt(computedStyle.paddingTop),\n                paddingEnd: toInt(computedStyle.paddingBottom),\n              },\n            });\n          }\n        }}\n      />\n    );\n  }\n);\n"],"names":["forwardRef","useScrollAreaContext","React","useRef","useMergedRef","useEffect","Scrollbar","getThumbSize","isScrollingWithinScrollbarBounds","toInt"],"mappings":";;;;;;;;;;;;;;;;;MAOa,oBAAoB,GAAGA,gBAAU,CAC5C,CAAC,KAAK,EAAE,YAAY;IAClB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAAlD,mCAA0C,CAAQ,CAAC;IACzD,MAAM,OAAO,GAAGC,uCAAoB,EAAE,CAAC;IACvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGC,cAAK,CAAC,QAAQ,EAAuB,CAAC;IAChF,MAAM,GAAG,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,WAAW,GAAGC,kBAAY,CAAC,YAAY,EAAE,GAAG,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAEhFC,eAAS,CAAC;QACR,IAAI,GAAG,CAAC,OAAO;YAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;KAClE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,QACEH,6BAACI,mBAAS,oBACJ,MAAM,wBACO,UAAU,EAC3B,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,kBACH,CAAC,mBAA0B,GAAG,GAAGC,yBAAY,CAAC,KAAK,CAAC,IAAI,IACrD,KAAK,GAEV,kBAAkB,EAAE,CAAC,UAAU,KAAK,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,EAC1E,YAAY,EAAE,CAAC,UAAU,KAAK,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,EAC9D,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY;YACjC,IAAI,OAAO,CAAC,QAAQ,EAAE;gBACpB,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;gBAC5D,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;gBAC/B,IAAIC,iEAAgC,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE;oBAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;iBACxB;aACF;SACF,EACD,QAAQ,EAAE;YACR,IAAI,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,IAAI,aAAa,EAAE;gBACpD,aAAa,CAAC;oBACZ,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,YAAY;oBACtC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YAAY;oBACvC,SAAS,EAAE;wBACT,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,YAAY;wBAC9B,YAAY,EAAEC,WAAK,CAAC,aAAa,CAAC,UAAU,CAAC;wBAC7C,UAAU,EAAEA,WAAK,CAAC,aAAa,CAAC,aAAa,CAAC;qBAC/C;iBACF,CAAC,CAAC;aACJ;SACF,IACD,EACF;AACJ,CAAC;;;;"}

package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js

@@ -1,8 +1,8 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var Scrollbar_context = require('../ScrollAreaScrollbar/Scrollbar.context.js');
@@ -14,94 +14,51 @@ 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 Thumb = React.forwardRef((props, forwardedRef) => {
-  const _a = props, { style } = _a, others = __objRest(_a, ["style"]);
-  const scrollAreaContext = ScrollArea_context.useScrollAreaContext();
-  const scrollbarContext = Scrollbar_context.useScrollbarContext();
-  const { onThumbPositionChange } = scrollbarContext;
-  const composedRef = hooks.useMergedRef(forwardedRef, (node) => scrollbarContext.onThumbChange(node));
-  const removeUnlinkedScrollListenerRef = React.useRef();
-  const debounceScrollEnd = hooks.useDebounceCallback(() => {
-    if (removeUnlinkedScrollListenerRef.current) {
-      removeUnlinkedScrollListenerRef.current();
-      removeUnlinkedScrollListenerRef.current = void 0;
-    }
-  }, 100);
-  React.useEffect(() => {
-    const { viewport } = scrollAreaContext;
-    if (viewport) {
-      const handleScroll = () => {
-        debounceScrollEnd();
-        if (!removeUnlinkedScrollListenerRef.current) {
-          const listener = addUnlinkedScrollListener.addUnlinkedScrollListener(viewport, onThumbPositionChange);
-          removeUnlinkedScrollListenerRef.current = listener;
-          onThumbPositionChange();
+    const { style } = props, others = tslib.__rest(props, ["style"]);
+    const scrollAreaContext = ScrollArea_context.useScrollAreaContext();
+    const scrollbarContext = Scrollbar_context.useScrollbarContext();
+    const { onThumbPositionChange } = scrollbarContext;
+    const composedRef = hooks.useMergedRef(forwardedRef, (node) => scrollbarContext.onThumbChange(node));
+    const removeUnlinkedScrollListenerRef = React.useRef();
+    const debounceScrollEnd = hooks.useDebounceCallback(() => {
+        if (removeUnlinkedScrollListenerRef.current) {
+            removeUnlinkedScrollListenerRef.current();
+            removeUnlinkedScrollListenerRef.current = undefined;
         }
-      };
-      onThumbPositionChange();
-      viewport.addEventListener("scroll", handleScroll);
-      return () => viewport.removeEventListener("scroll", handleScroll);
-    }
-    return void 0;
-  }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);
-  return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({
-    "data-state": scrollbarContext.hasThumb ? "visible" : "hidden"
-  }, others), {
-    ref: composedRef,
-    style: __spreadValues({
-      width: "var(--sa-thumb-width)",
-      height: "var(--sa-thumb-height)"
-    }, style),
-    onPointerDownCapture: composeEventHandlers.composeEventHandlers(props.onPointerDownCapture, (event) => {
-      const thumb = event.target;
-      const thumbRect = thumb.getBoundingClientRect();
-      const x = event.clientX - thumbRect.left;
-      const y = event.clientY - thumbRect.top;
-      scrollbarContext.onThumbPointerDown({ x, y });
-    }),
-    onPointerUp: composeEventHandlers.composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)
-  }));
+    }, 100);
+    React.useEffect(() => {
+        const { viewport } = scrollAreaContext;
+        if (viewport) {
+            const handleScroll = () => {
+                debounceScrollEnd();
+                if (!removeUnlinkedScrollListenerRef.current) {
+                    const listener = addUnlinkedScrollListener.addUnlinkedScrollListener(viewport, onThumbPositionChange);
+                    removeUnlinkedScrollListenerRef.current = listener;
+                    onThumbPositionChange();
+                }
+            };
+            onThumbPositionChange();
+            viewport.addEventListener('scroll', handleScroll);
+            return () => viewport.removeEventListener('scroll', handleScroll);
+        }
+        return undefined;
+    }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);
+    return (React__default.createElement("div", Object.assign({ "data-state": scrollbarContext.hasThumb ? 'visible' : 'hidden' }, others, { ref: composedRef, style: Object.assign({ width: 'var(--sa-thumb-width)', height: 'var(--sa-thumb-height)' }, style), onPointerDownCapture: composeEventHandlers.composeEventHandlers(props.onPointerDownCapture, (event) => {
+            const thumb = event.target;
+            const thumbRect = thumb.getBoundingClientRect();
+            const x = event.clientX - thumbRect.left;
+            const y = event.clientY - thumbRect.top;
+            scrollbarContext.onThumbPointerDown({ x, y });
+        }), onPointerUp: composeEventHandlers.composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp) })));
 });
 const ScrollAreaThumb = React__default.forwardRef((props, forwardedRef) => {
-  const _a = props, { forceMount } = _a, thumbProps = __objRest(_a, ["forceMount"]);
-  const scrollbarContext = Scrollbar_context.useScrollbarContext();
-  if (forceMount || scrollbarContext.hasThumb) {
-    return /* @__PURE__ */ React__default.createElement(Thumb, __spreadValues({
-      ref: forwardedRef
-    }, thumbProps));
-  }
-  return null;
+    const { forceMount } = props, thumbProps = tslib.__rest(props, ["forceMount"]);
+    const scrollbarContext = Scrollbar_context.useScrollbarContext();
+    if (forceMount || scrollbarContext.hasThumb) {
+        return React__default.createElement(Thumb, Object.assign({ ref: forwardedRef }, thumbProps));
+    }
+    return null;
 });
 
 exports.ScrollAreaThumb = ScrollAreaThumb;

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaThumb.js","sources":["../../../../src/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useEffect } from 'react';\nimport { useDebounceCallback, useMergedRef } from '@mantine/hooks';\nimport { useScrollbarContext } from '../ScrollAreaScrollbar/Scrollbar.context';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { addUnlinkedScrollListener, composeEventHandlers } from '../utils';\n\ninterface ThumbProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nexport const Thumb = forwardRef<HTMLDivElement, ThumbProps>((props, forwardedRef) => {\n  const { style, ...others } = props;\n  const scrollAreaContext = useScrollAreaContext();\n  const scrollbarContext = useScrollbarContext();\n  const { onThumbPositionChange } = scrollbarContext;\n  const composedRef = useMergedRef(forwardedRef, (node) => scrollbarContext.onThumbChange(node));\n  const removeUnlinkedScrollListenerRef = useRef<() => void>();\n  const debounceScrollEnd = useDebounceCallback(() => {\n    if (removeUnlinkedScrollListenerRef.current) {\n      removeUnlinkedScrollListenerRef.current();\n      removeUnlinkedScrollListenerRef.current = undefined;\n    }\n  }, 100);\n\n  useEffect(() => {\n    const { viewport } = scrollAreaContext;\n    if (viewport) {\n      const handleScroll = () => {\n        debounceScrollEnd();\n        if (!removeUnlinkedScrollListenerRef.current) {\n          const listener = addUnlinkedScrollListener(viewport, onThumbPositionChange);\n          removeUnlinkedScrollListenerRef.current = listener;\n          onThumbPositionChange();\n        }\n      };\n      onThumbPositionChange();\n      viewport.addEventListener('scroll', handleScroll);\n      return () => viewport.removeEventListener('scroll', handleScroll);\n    }\n\n    return undefined;\n  }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);\n\n  return (\n    <div\n      data-state={scrollbarContext.hasThumb ? 'visible' : 'hidden'}\n      {...others}\n      ref={composedRef}\n      style={{\n        width: 'var(--sa-thumb-width)',\n        height: 'var(--sa-thumb-height)',\n        ...style,\n      }}\n      onPointerDownCapture={composeEventHandlers(props.onPointerDownCapture, (event) => {\n        const thumb = event.target as HTMLElement;\n        const thumbRect = thumb.getBoundingClientRect();\n        const x = event.clientX - thumbRect.left;\n        const y = event.clientY - thumbRect.top;\n        scrollbarContext.onThumbPointerDown({ x, y });\n      })}\n      onPointerUp={composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)}\n    />\n  );\n});\n\ninterface ScrollAreaThumbProps extends ThumbProps {\n  forceMount?: true;\n}\n\nexport const ScrollAreaThumb = React.forwardRef<HTMLDivElement, ScrollAreaThumbProps>(\n  (props, forwardedRef) => {\n    const { forceMount, ...thumbProps } = props;\n    const scrollbarContext = useScrollbarContext();\n\n    if (forceMount || scrollbarContext.hasThumb) {\n      return <Thumb ref={forwardedRef} {...thumbProps} />;\n    }\n\n    return null;\n  }\n);\n"],"names":["forwardRef","useScrollAreaContext","useScrollbarContext","useMergedRef","useRef","useDebounceCallback","useEffect","addUnlinkedScrollListener","React","composeEventHandlers"],"mappings":"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"}
+{"version":3,"file":"ScrollAreaThumb.js","sources":["../../../../src/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useEffect } from 'react';\nimport { useDebounceCallback, useMergedRef } from '@mantine/hooks';\nimport { useScrollbarContext } from '../ScrollAreaScrollbar/Scrollbar.context';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { addUnlinkedScrollListener, composeEventHandlers } from '../utils';\n\ninterface ThumbProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nexport const Thumb = forwardRef<HTMLDivElement, ThumbProps>((props, forwardedRef) => {\n  const { style, ...others } = props;\n  const scrollAreaContext = useScrollAreaContext();\n  const scrollbarContext = useScrollbarContext();\n  const { onThumbPositionChange } = scrollbarContext;\n  const composedRef = useMergedRef(forwardedRef, (node) => scrollbarContext.onThumbChange(node));\n  const removeUnlinkedScrollListenerRef = useRef<() => void>();\n  const debounceScrollEnd = useDebounceCallback(() => {\n    if (removeUnlinkedScrollListenerRef.current) {\n      removeUnlinkedScrollListenerRef.current();\n      removeUnlinkedScrollListenerRef.current = undefined;\n    }\n  }, 100);\n\n  useEffect(() => {\n    const { viewport } = scrollAreaContext;\n    if (viewport) {\n      const handleScroll = () => {\n        debounceScrollEnd();\n        if (!removeUnlinkedScrollListenerRef.current) {\n          const listener = addUnlinkedScrollListener(viewport, onThumbPositionChange);\n          removeUnlinkedScrollListenerRef.current = listener;\n          onThumbPositionChange();\n        }\n      };\n      onThumbPositionChange();\n      viewport.addEventListener('scroll', handleScroll);\n      return () => viewport.removeEventListener('scroll', handleScroll);\n    }\n\n    return undefined;\n  }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);\n\n  return (\n    <div\n      data-state={scrollbarContext.hasThumb ? 'visible' : 'hidden'}\n      {...others}\n      ref={composedRef}\n      style={{\n        width: 'var(--sa-thumb-width)',\n        height: 'var(--sa-thumb-height)',\n        ...style,\n      }}\n      onPointerDownCapture={composeEventHandlers(props.onPointerDownCapture, (event) => {\n        const thumb = event.target as HTMLElement;\n        const thumbRect = thumb.getBoundingClientRect();\n        const x = event.clientX - thumbRect.left;\n        const y = event.clientY - thumbRect.top;\n        scrollbarContext.onThumbPointerDown({ x, y });\n      })}\n      onPointerUp={composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)}\n    />\n  );\n});\n\ninterface ScrollAreaThumbProps extends ThumbProps {\n  forceMount?: true;\n}\n\nexport const ScrollAreaThumb = React.forwardRef<HTMLDivElement, ScrollAreaThumbProps>(\n  (props, forwardedRef) => {\n    const { forceMount, ...thumbProps } = props;\n    const scrollbarContext = useScrollbarContext();\n\n    if (forceMount || scrollbarContext.hasThumb) {\n      return <Thumb ref={forwardedRef} {...thumbProps} />;\n    }\n\n    return null;\n  }\n);\n"],"names":["forwardRef","useScrollAreaContext","useScrollbarContext","useMergedRef","useRef","useDebounceCallback","useEffect","addUnlinkedScrollListener","React","composeEventHandlers"],"mappings":"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"}

package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js

@@ -1,8 +1,8 @@
-'use client';
 'use strict';
 
 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');
@@ -12,53 +12,14 @@ 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 ScrollAreaViewport = React.forwardRef((_a, ref) => {
-  var _b = _a, { children, style } = _b, others = __objRest(_b, ["children", "style"]);
-  const ctx = ScrollArea_context.useScrollAreaContext();
-  const rootRef = hooks.useMergedRef(ref, ctx.onViewportChange);
-  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadProps(__spreadValues({}, others), {
-    ref: rootRef,
-    style: __spreadValues({
-      overflowX: ctx.scrollbarXEnabled ? "scroll" : "hidden",
-      overflowY: ctx.scrollbarYEnabled ? "scroll" : "hidden"
-    }, style)
-  }), /* @__PURE__ */ React__default.createElement("div", {
-    style: { minWidth: "100%", display: "table" },
-    ref: ctx.onContentChange
-  }, children));
+    var { children, style } = _a, others = tslib.__rest(_a, ["children", "style"]);
+    const ctx = ScrollArea_context.useScrollAreaContext();
+    const rootRef = hooks.useMergedRef(ref, ctx.onViewportChange);
+    return (React__default.createElement(Box.Box, Object.assign({}, others, { ref: rootRef, style: Object.assign({ overflowX: ctx.scrollbarXEnabled ? 'scroll' : 'hidden', overflowY: ctx.scrollbarYEnabled ? 'scroll' : 'hidden' }, style) }),
+        React__default.createElement("div", { style: { minWidth: '100%', display: 'table' }, ref: ctx.onContentChange }, children)));
 });
-ScrollAreaViewport.displayName = "@mantine/core/ScrollAreaViewport";
+ScrollAreaViewport.displayName = '@mantine/core/ScrollAreaViewport';
 
 exports.ScrollAreaViewport = ScrollAreaViewport;
 //# sourceMappingURL=ScrollAreaViewport.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaViewport.js","sources":["../../../../src/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { Box, BoxProps, ElementProps } from '../../../core';\nimport { useScrollAreaContext } from '../ScrollArea.context';\n\nexport interface ScrollAreaViewportProps extends BoxProps, ElementProps<'div'> {}\n\nexport const ScrollAreaViewport = forwardRef<HTMLDivElement, ScrollAreaViewportProps>(\n  ({ children, style, ...others }, ref) => {\n    const ctx = useScrollAreaContext();\n    const rootRef = useMergedRef(ref, ctx.onViewportChange);\n\n    return (\n      <Box\n        {...others}\n        ref={rootRef}\n        style={{\n          overflowX: ctx.scrollbarXEnabled ? 'scroll' : 'hidden',\n          overflowY: ctx.scrollbarYEnabled ? 'scroll' : 'hidden',\n          ...style,\n        }}\n      >\n        <div style={{ minWidth: '100%', display: 'table' }} ref={ctx.onContentChange}>\n          {children}\n        </div>\n      </Box>\n    );\n  }\n);\n\nScrollAreaViewport.displayName = '@mantine/core/ScrollAreaViewport';\n"],"names":["forwardRef","useScrollAreaContext","useMergedRef","React","Box"],"mappings":"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"}
+{"version":3,"file":"ScrollAreaViewport.js","sources":["../../../../src/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { Box, BoxProps, ElementProps } from '../../../core';\nimport { useScrollAreaContext } from '../ScrollArea.context';\n\nexport interface ScrollAreaViewportProps extends BoxProps, ElementProps<'div'> {}\n\nexport const ScrollAreaViewport = forwardRef<HTMLDivElement, ScrollAreaViewportProps>(\n  ({ children, style, ...others }, ref) => {\n    const ctx = useScrollAreaContext();\n    const rootRef = useMergedRef(ref, ctx.onViewportChange);\n\n    return (\n      <Box\n        {...others}\n        ref={rootRef}\n        style={{\n          overflowX: ctx.scrollbarXEnabled ? 'scroll' : 'hidden',\n          overflowY: ctx.scrollbarYEnabled ? 'scroll' : 'hidden',\n          ...style,\n        }}\n      >\n        <div style={{ minWidth: '100%', display: 'table' }} ref={ctx.onContentChange}>\n          {children}\n        </div>\n      </Box>\n    );\n  }\n);\n\nScrollAreaViewport.displayName = '@mantine/core/ScrollAreaViewport';\n"],"names":["forwardRef","useScrollAreaContext","useMergedRef","React","Box"],"mappings":";;;;;;;;;;;;;;MAOa,kBAAkB,GAAGA,gBAAU,CAC1C,CAAC,EAA8B,EAAE,GAAG;QAAnC,EAAE,QAAQ,EAAE,KAAK,OAAa,EAAR,MAAM,oBAA5B,qBAA8B,CAAF;IAC3B,MAAM,GAAG,GAAGC,uCAAoB,EAAE,CAAC;IACnC,MAAM,OAAO,GAAGC,kBAAY,CAAC,GAAG,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAExD,QACEC,6BAACC,OAAG,oBACE,MAAM,IACV,GAAG,EAAE,OAAO,EACZ,KAAK,kBACH,SAAS,EAAE,GAAG,CAAC,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,EACtD,SAAS,EAAE,GAAG,CAAC,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,IACnD,KAAK;QAGVD,sCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,eAAe,IACzE,QAAQ,CACL,CACF,EACN;AACJ,CAAC,EACD;AAEF,kBAAkB,CAAC,WAAW,GAAG,kCAAkC;;;;"}

package/cjs/components/ScrollArea/use-resize-observer.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,22 +5,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var hooks = require('@mantine/hooks');
 
 function useResizeObserver(element, onResize) {
-  const handleResize = hooks.useCallbackRef(onResize);
-  hooks.useIsomorphicEffect(() => {
-    let rAF = 0;
-    if (element) {
-      const resizeObserver = new ResizeObserver(() => {
-        cancelAnimationFrame(rAF);
-        rAF = window.requestAnimationFrame(handleResize);
-      });
-      resizeObserver.observe(element);
-      return () => {
-        window.cancelAnimationFrame(rAF);
-        resizeObserver.unobserve(element);
-      };
-    }
-    return void 0;
-  }, [element, handleResize]);
+    const handleResize = hooks.useCallbackRef(onResize);
+    hooks.useIsomorphicEffect(() => {
+        let rAF = 0;
+        if (element) {
+            const resizeObserver = new ResizeObserver(() => {
+                cancelAnimationFrame(rAF);
+                rAF = window.requestAnimationFrame(handleResize);
+            });
+            resizeObserver.observe(element);
+            return () => {
+                window.cancelAnimationFrame(rAF);
+                resizeObserver.unobserve(element);
+            };
+        }
+        return undefined;
+    }, [element, handleResize]);
 }
 
 exports.useResizeObserver = useResizeObserver;