@mantine/core 7.0.0-alpha.2 → 7.0.0-alpha.21

package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createSafeContext = require('../../../core/utils/create-safe-context/create-safe-context.js');
+
+const [ScrollbarProvider, useScrollbarContext] = createSafeContext.createSafeContext(
+  "ScrollAreaScrollbar was not found in tree"
+);
+
+exports.ScrollbarProvider = ScrollbarProvider;
+exports.useScrollbarContext = useScrollbarContext;
+//# sourceMappingURL=Scrollbar.context.js.map

package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollbar.context.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.ts"],"sourcesContent":["import { createSafeContext } from '../../../core';\n\nexport interface ScrollbarContextValue {\n  hasThumb: boolean;\n  scrollbar: HTMLDivElement | null;\n  onThumbChange(thumb: HTMLDivElement | null): void;\n  onThumbPointerUp(): void;\n  onThumbPointerDown(pointerPos: { x: number; y: number }): void;\n  onThumbPositionChange(): void;\n}\n\nexport const [ScrollbarProvider, useScrollbarContext] = createSafeContext<ScrollbarContextValue>(\n  'ScrollAreaScrollbar was not found in tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,GAAGA,mCAAiB;AACzE,EAAE,2CAA2C;AAC7C;;;;;"}

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

@@ -0,0 +1,142 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var useResizeObserver = require('../use-resize-observer.js');
+var ScrollArea_context = require('../ScrollArea.context.js');
+var Scrollbar_context = require('./Scrollbar.context.js');
+var composeEventHandlers = require('../utils/compose-event-handlers.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __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 Scrollbar = React.forwardRef((props, forwardedRef) => {
+  const _a = props, {
+    sizes,
+    hasThumb,
+    onThumbChange,
+    onThumbPointerUp,
+    onThumbPointerDown,
+    onThumbPositionChange,
+    onDragScroll,
+    onWheelScroll,
+    onResize
+  } = _a, scrollbarProps = __objRest(_a, [
+    "sizes",
+    "hasThumb",
+    "onThumbChange",
+    "onThumbPointerUp",
+    "onThumbPointerDown",
+    "onThumbPositionChange",
+    "onDragScroll",
+    "onWheelScroll",
+    "onResize"
+  ]);
+  const context = ScrollArea_context.useScrollAreaContext();
+  const [scrollbar, setScrollbar] = React__default.useState(null);
+  const composeRefs = hooks.useMergedRef(forwardedRef, (node) => setScrollbar(node));
+  const rectRef = React__default.useRef(null);
+  const prevWebkitUserSelectRef = React__default.useRef("");
+  const { viewport } = context;
+  const maxScrollPos = sizes.content - sizes.viewport;
+  const handleWheelScroll = hooks.useCallbackRef(onWheelScroll);
+  const handleThumbPositionChange = hooks.useCallbackRef(onThumbPositionChange);
+  const handleResize = hooks.useDebounceCallback(onResize, 10);
+  const handleDragScroll = (event) => {
+    if (rectRef.current) {
+      const x = event.clientX - rectRef.current.left;
+      const y = event.clientY - rectRef.current.top;
+      onDragScroll({ x, y });
+    }
+  };
+  React.useEffect(() => {
+    const handleWheel = (event) => {
+      const element = event.target;
+      const isScrollbarWheel = scrollbar == null ? void 0 : scrollbar.contains(element);
+      if (isScrollbarWheel)
+        handleWheelScroll(event, maxScrollPos);
+    };
+    document.addEventListener("wheel", handleWheel, { passive: false });
+    return () => document.removeEventListener("wheel", handleWheel, { passive: false });
+  }, [viewport, scrollbar, maxScrollPos, handleWheelScroll]);
+  React.useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]);
+  useResizeObserver.useResizeObserver(scrollbar, handleResize);
+  useResizeObserver.useResizeObserver(context.content, handleResize);
+  return /* @__PURE__ */ React__default.createElement(
+    Scrollbar_context.ScrollbarProvider,
+    {
+      value: {
+        scrollbar,
+        hasThumb,
+        onThumbChange: hooks.useCallbackRef(onThumbChange),
+        onThumbPointerUp: hooks.useCallbackRef(onThumbPointerUp),
+        onThumbPositionChange: handleThumbPositionChange,
+        onThumbPointerDown: hooks.useCallbackRef(onThumbPointerDown)
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      "div",
+      __spreadProps(__spreadValues({}, scrollbarProps), {
+        ref: composeRefs,
+        style: __spreadValues({ position: "absolute" }, scrollbarProps.style),
+        onPointerDown: composeEventHandlers.composeEventHandlers(props.onPointerDown, (event) => {
+          const mainPointer = 0;
+          if (event.button === mainPointer) {
+            const element = event.target;
+            element.setPointerCapture(event.pointerId);
+            rectRef.current = scrollbar.getBoundingClientRect();
+            prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect;
+            document.body.style.webkitUserSelect = "none";
+            handleDragScroll(event);
+          }
+        }),
+        onPointerMove: composeEventHandlers.composeEventHandlers(props.onPointerMove, handleDragScroll),
+        onPointerUp: composeEventHandlers.composeEventHandlers(props.onPointerUp, (event) => {
+          const element = event.target;
+          if (element.hasPointerCapture(event.pointerId)) {
+            element.releasePointerCapture(event.pointerId);
+          }
+          document.body.style.webkitUserSelect = prevWebkitUserSelectRef.current;
+          rectRef.current = null;
+        })
+      })
+    )
+  );
+});
+
+exports.Scrollbar = Scrollbar;
+//# sourceMappingURL=Scrollbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollbar.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.tsx"],"sourcesContent":["import React, { useEffect, forwardRef } from 'react';\nimport { useMergedRef, useCallbackRef, useDebounceCallback } from '@mantine/hooks';\nimport { useResizeObserver } from '../use-resize-observer';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { Sizes } from '../ScrollArea.types';\nimport { ScrollbarProvider, ScrollbarContextValue } from './Scrollbar.context';\nimport { composeEventHandlers } from '../utils';\n\nexport interface ScrollbarPrivateProps {\n  sizes: Sizes;\n  hasThumb: boolean;\n  onThumbChange: ScrollbarContextValue['onThumbChange'];\n  onThumbPointerUp: ScrollbarContextValue['onThumbPointerUp'];\n  onThumbPointerDown: ScrollbarContextValue['onThumbPointerDown'];\n  onThumbPositionChange: ScrollbarContextValue['onThumbPositionChange'];\n  onWheelScroll(event: WheelEvent, maxScrollPos: number): void;\n  onDragScroll(pointerPos: { x: number; y: number }): void;\n  onResize(): void;\n}\n\ninterface ScrollbarProps\n  extends ScrollbarPrivateProps,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'onResize'> {}\n\nexport const Scrollbar = forwardRef<HTMLDivElement, ScrollbarProps>((props, forwardedRef) => {\n  const {\n    sizes,\n    hasThumb,\n    onThumbChange,\n    onThumbPointerUp,\n    onThumbPointerDown,\n    onThumbPositionChange,\n    onDragScroll,\n    onWheelScroll,\n    onResize,\n    ...scrollbarProps\n  } = props;\n  const context = useScrollAreaContext();\n  const [scrollbar, setScrollbar] = React.useState<HTMLDivElement | null>(null);\n  const composeRefs = useMergedRef(forwardedRef, (node) => setScrollbar(node));\n  const rectRef = React.useRef<ClientRect | null>(null);\n  const prevWebkitUserSelectRef = React.useRef<string>('');\n  const { viewport } = context;\n  const maxScrollPos = sizes.content - sizes.viewport;\n  const handleWheelScroll = useCallbackRef(onWheelScroll);\n  const handleThumbPositionChange = useCallbackRef(onThumbPositionChange);\n  const handleResize = useDebounceCallback(onResize, 10);\n\n  const handleDragScroll = (event: React.PointerEvent<HTMLElement>) => {\n    if (rectRef.current) {\n      const x = event.clientX - rectRef.current.left;\n      const y = event.clientY - rectRef.current.top;\n      onDragScroll({ x, y });\n    }\n  };\n\n  useEffect(() => {\n    const handleWheel = (event: WheelEvent) => {\n      const element = event.target as HTMLElement;\n      const isScrollbarWheel = scrollbar?.contains(element);\n      if (isScrollbarWheel) handleWheelScroll(event, maxScrollPos);\n    };\n    document.addEventListener('wheel', handleWheel, { passive: false });\n    return () => document.removeEventListener('wheel', handleWheel, { passive: false } as any);\n  }, [viewport, scrollbar, maxScrollPos, handleWheelScroll]);\n\n  useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]);\n\n  useResizeObserver(scrollbar, handleResize);\n  useResizeObserver(context.content, handleResize);\n\n  return (\n    <ScrollbarProvider\n      value={{\n        scrollbar,\n        hasThumb,\n        onThumbChange: useCallbackRef(onThumbChange),\n        onThumbPointerUp: useCallbackRef(onThumbPointerUp),\n        onThumbPositionChange: handleThumbPositionChange,\n        onThumbPointerDown: useCallbackRef(onThumbPointerDown),\n      }}\n    >\n      <div\n        {...scrollbarProps}\n        ref={composeRefs}\n        style={{ position: 'absolute', ...scrollbarProps.style }}\n        onPointerDown={composeEventHandlers(props.onPointerDown, (event) => {\n          const mainPointer = 0;\n          if (event.button === mainPointer) {\n            const element = event.target as HTMLElement;\n            element.setPointerCapture(event.pointerId);\n            rectRef.current = scrollbar!.getBoundingClientRect();\n            prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect;\n            document.body.style.webkitUserSelect = 'none';\n            handleDragScroll(event);\n          }\n        })}\n        onPointerMove={composeEventHandlers(props.onPointerMove, handleDragScroll)}\n        onPointerUp={composeEventHandlers(props.onPointerUp, (event) => {\n          const element = event.target as HTMLElement;\n          if (element.hasPointerCapture(event.pointerId)) {\n            element.releasePointerCapture(event.pointerId);\n          }\n          document.body.style.webkitUserSelect = prevWebkitUserSelectRef.current;\n          rectRef.current = null;\n        })}\n      />\n    </ScrollbarProvider>\n  );\n});\n"],"names":["forwardRef","useScrollAreaContext","React","useMergedRef","useCallbackRef","useDebounceCallback","useEffect","useResizeObserver","ScrollbarProvider","composeEventHandlers"],"mappings":"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"}

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

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var Scrollbar = require('./Scrollbar.js');
+var ScrollArea_context = require('../ScrollArea.context.js');
+var getThumbSize = require('../utils/get-thumb-size.js');
+var isScrollingWithinScrollbarBounds = require('../utils/is-scrolling-within-scrollbar-bounds.js');
+var toInt = require('../utils/to-int.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __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)
+              }
+            });
+          }
+        }
+      })
+    );
+  }
+);
+
+exports.ScrollAreaScrollbarX = ScrollAreaScrollbarX;
+//# sourceMappingURL=ScrollbarX.js.map

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

@@ -0,0 +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":";;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAMU,MAAC,oBAAoB,GAAGA,gBAAU;AAC9C,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK;AAC3B,IAAI,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC;AACxH,IAAI,MAAM,GAAG,GAAGC,uCAAoB,EAAE,CAAC;AACvC,IAAI,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGC,cAAQ,EAAE,CAAC;AACzD,IAAI,MAAM,GAAG,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAC;AAC7B,IAAI,MAAM,WAAW,GAAGC,kBAAY,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAChF,IAAIC,eAAS,CAAC,MAAM;AACpB,MAAM,IAAI,GAAG,CAAC,OAAO;AACrB,QAAQ,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;AACxD,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACd,IAAI,uBAAuBC,cAAK,CAAC,aAAa;AAC9C,MAAMC,mBAAS;AACf,MAAM,aAAa,CAAC,cAAc,CAAC;AACnC,QAAQ,kBAAkB,EAAE,YAAY;AACxC,OAAO,EAAE,MAAM,CAAC,EAAE;AAClB,QAAQ,GAAG,EAAE,WAAW;AACxB,QAAQ,KAAK;AACb,QAAQ,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE;AACxD,UAAU,CAAC,kBAAkB,GAAG,CAAC,EAAEC,yBAAY,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;AAC1D,SAAS,CAAC;AACV,QAAQ,kBAAkB,EAAE,CAAC,UAAU,KAAK,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC;AAClF,QAAQ,YAAY,EAAE,CAAC,UAAU,KAAK,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;AACtE,QAAQ,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK;AAChD,UAAU,IAAI,GAAG,CAAC,QAAQ,EAAE;AAC5B,YAAY,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;AACrE,YAAY,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;AAC3C,YAAY,IAAIC,iEAAgC,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE;AAC3E,cAAc,KAAK,CAAC,cAAc,EAAE,CAAC;AACrC,aAAa;AACb,WAAW;AACX,SAAS;AACT,QAAQ,QAAQ,EAAE,MAAM;AACxB,UAAU,IAAI,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,QAAQ,IAAI,aAAa,EAAE;AAC5D,YAAY,aAAa,CAAC;AAC1B,cAAc,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,WAAW;AAC/C,cAAc,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,WAAW;AAChD,cAAc,SAAS,EAAE;AACzB,gBAAgB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,WAAW;AAC7C,gBAAgB,YAAY,EAAEC,WAAK,CAAC,aAAa,CAAC,WAAW,CAAC;AAC9D,gBAAgB,UAAU,EAAEA,WAAK,CAAC,aAAa,CAAC,YAAY,CAAC;AAC7D,eAAe;AACf,aAAa,CAAC,CAAC;AACf,WAAW;AACX,SAAS;AACT,OAAO,CAAC;AACR,KAAK,CAAC;AACN,GAAG;AACH;;;;"}

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

@@ -0,0 +1,98 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var Scrollbar = require('./Scrollbar.js');
+var ScrollArea_context = require('../ScrollArea.context.js');
+var getThumbSize = require('../utils/get-thumb-size.js');
+var isScrollingWithinScrollbarBounds = require('../utils/is-scrolling-within-scrollbar-bounds.js');
+var toInt = require('../utils/to-int.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __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)
+              }
+            });
+          }
+        }
+      })
+    );
+  }
+);
+
+exports.ScrollAreaScrollbarY = ScrollAreaScrollbarY;
+//# sourceMappingURL=ScrollbarY.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,111 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var Scrollbar_context = require('../ScrollAreaScrollbar/Scrollbar.context.js');
+var ScrollArea_context = require('../ScrollArea.context.js');
+var composeEventHandlers = require('../utils/compose-event-handlers.js');
+var addUnlinkedScrollListener = require('../utils/add-unlinked-scroll-listener.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __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();
+        }
+      };
+      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)
+    })
+  );
+});
+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;
+  }
+);
+
+exports.ScrollAreaThumb = ScrollAreaThumb;
+exports.Thumb = Thumb;
+//# sourceMappingURL=ScrollAreaThumb.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var ScrollArea_context = require('../ScrollArea.context.js');
+var Box = require('../../../core/Box/Box.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __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)
+    );
+  }
+);
+ScrollAreaViewport.displayName = "@mantine/core/ScrollAreaViewport";
+
+exports.ScrollAreaViewport = ScrollAreaViewport;
+//# sourceMappingURL=ScrollAreaViewport.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,27 @@
+'use strict';
+
+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]);
+}
+
+exports.useResizeObserver = useResizeObserver;
+//# sourceMappingURL=use-resize-observer.js.map