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

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

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import React, { forwardRef, useRef, useEffect } from 'react';
 import { useMergedRef } from '@mantine/hooks';
 import { Scrollbar } from './Scrollbar.js';
@@ -7,38 +6,85 @@ import { getThumbSize } from '../utils/get-thumb-size.js';
 import { isScrollingWithinScrollbarBounds } from '../utils/is-scrolling-within-scrollbar-bounds.js';
 import { toInt } from '../utils/to-int.js';
 
-const ScrollAreaScrollbarY = forwardRef((props, forwardedRef) => {
-    const { sizes, onSizesChange, style } = props, others = __rest(props, ["sizes", "onSizesChange", "style"]);
+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 = forwardRef(
+  (props, forwardedRef) => {
+    const _a = props, { sizes, onSizesChange, style } = _a, others = __objRest(_a, ["sizes", "onSizesChange", "style"]);
     const context = useScrollAreaContext();
     const [computedStyle, setComputedStyle] = React.useState();
     const ref = useRef(null);
     const composeRefs = useMergedRef(forwardedRef, ref, context.onScrollbarYChange);
     useEffect(() => {
-        if (ref.current)
-            setComputedStyle(getComputedStyle(ref.current));
+      if (ref.current)
+        setComputedStyle(getComputedStyle(ref.current));
     }, [ref]);
-    return (React.createElement(Scrollbar, Object.assign({}, others, { "data-orientation": "vertical", ref: composeRefs, sizes: sizes, style: Object.assign({ ['--sa-thumb-height']: `${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(scrollPos, maxScrollPos)) {
-                    event.preventDefault();
-                }
+    return /* @__PURE__ */ React.createElement(
+      Scrollbar,
+      __spreadProps(__spreadValues({}, others), {
+        "data-orientation": "vertical",
+        ref: composeRefs,
+        sizes,
+        style: __spreadValues({
+          ["--sa-thumb-height"]: `${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(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(computedStyle.paddingTop),
-                        paddingEnd: toInt(computedStyle.paddingBottom),
-                    },
-                });
-            }
-        } })));
-});
+          }
+        },
+        onResize: () => {
+          if (ref.current && context.viewport && computedStyle) {
+            onSizesChange({
+              content: context.viewport.scrollHeight,
+              viewport: context.viewport.offsetHeight,
+              scrollbar: {
+                size: ref.current.clientHeight,
+                paddingStart: toInt(computedStyle.paddingTop),
+                paddingEnd: toInt(computedStyle.paddingBottom)
+              }
+            });
+          }
+        }
+      })
+    );
+  }
+);
 
 export { ScrollAreaScrollbarY };
 //# sourceMappingURL=ScrollbarY.js.map

package/esm/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":[],"mappings":";;;;;;;;;MAOa,oBAAoB,GAAG,UAAU,CAC5C,CAAC,KAAK,EAAE,YAAY;IAClB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,KAAgB,KAAK,EAAhB,MAAM,UAAK,KAAK,EAAlD,mCAA0C,CAAQ,CAAC;IACzD,MAAM,OAAO,GAAG,oBAAoB,EAAE,CAAC;IACvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAuB,CAAC;IAChF,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,WAAW,GAAG,YAAY,CAAC,YAAY,EAAE,GAAG,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAEhF,SAAS,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,QACE,oBAAC,SAAS,oBACJ,MAAM,wBACO,UAAU,EAC3B,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,kBACH,CAAC,mBAA0B,GAAG,GAAG,YAAY,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,IAAI,gCAAgC,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,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;wBAC7C,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;qBAC/C;iBACF,CAAC,CAAC;aACJ;SACF,IACD,EACF;AACJ,CAAC;;;;"}
+{"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":[],"mappings":"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"}

package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import React, { forwardRef, useRef, useEffect } from 'react';
 import { useMergedRef, useDebounceCallback } from '@mantine/hooks';
 import { useScrollbarContext } from '../ScrollAreaScrollbar/Scrollbar.context.js';
@@ -6,52 +5,98 @@ import { useScrollAreaContext } from '../ScrollArea.context.js';
 import { composeEventHandlers } from '../utils/compose-event-handlers.js';
 import { addUnlinkedScrollListener } from '../utils/add-unlinked-scroll-listener.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 Thumb = forwardRef((props, forwardedRef) => {
-    const { style } = props, others = __rest(props, ["style"]);
-    const scrollAreaContext = useScrollAreaContext();
-    const scrollbarContext = useScrollbarContext();
-    const { onThumbPositionChange } = scrollbarContext;
-    const composedRef = useMergedRef(forwardedRef, (node) => scrollbarContext.onThumbChange(node));
-    const removeUnlinkedScrollListenerRef = useRef();
-    const debounceScrollEnd = useDebounceCallback(() => {
-        if (removeUnlinkedScrollListenerRef.current) {
-            removeUnlinkedScrollListenerRef.current();
-            removeUnlinkedScrollListenerRef.current = undefined;
-        }
-    }, 100);
-    useEffect(() => {
-        const { viewport } = scrollAreaContext;
-        if (viewport) {
-            const handleScroll = () => {
-                debounceScrollEnd();
-                if (!removeUnlinkedScrollListenerRef.current) {
-                    const listener = addUnlinkedScrollListener(viewport, onThumbPositionChange);
-                    removeUnlinkedScrollListenerRef.current = listener;
-                    onThumbPositionChange();
-                }
-            };
-            onThumbPositionChange();
-            viewport.addEventListener('scroll', handleScroll);
-            return () => viewport.removeEventListener('scroll', handleScroll);
+  const _a = props, { style } = _a, others = __objRest(_a, ["style"]);
+  const scrollAreaContext = useScrollAreaContext();
+  const scrollbarContext = useScrollbarContext();
+  const { onThumbPositionChange } = scrollbarContext;
+  const composedRef = useMergedRef(forwardedRef, (node) => scrollbarContext.onThumbChange(node));
+  const removeUnlinkedScrollListenerRef = useRef();
+  const debounceScrollEnd = useDebounceCallback(() => {
+    if (removeUnlinkedScrollListenerRef.current) {
+      removeUnlinkedScrollListenerRef.current();
+      removeUnlinkedScrollListenerRef.current = void 0;
+    }
+  }, 100);
+  useEffect(() => {
+    const { viewport } = scrollAreaContext;
+    if (viewport) {
+      const handleScroll = () => {
+        debounceScrollEnd();
+        if (!removeUnlinkedScrollListenerRef.current) {
+          const listener = addUnlinkedScrollListener(viewport, onThumbPositionChange);
+          removeUnlinkedScrollListenerRef.current = listener;
+          onThumbPositionChange();
         }
-        return undefined;
-    }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);
-    return (React.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(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(props.onPointerUp, scrollbarContext.onThumbPointerUp) })));
+      };
+      onThumbPositionChange();
+      viewport.addEventListener("scroll", handleScroll);
+      return () => viewport.removeEventListener("scroll", handleScroll);
+    }
+    return void 0;
+  }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);
+  return /* @__PURE__ */ React.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(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(props.onPointerUp, scrollbarContext.onThumbPointerUp)
+    })
+  );
 });
-const ScrollAreaThumb = React.forwardRef((props, forwardedRef) => {
-    const { forceMount } = props, thumbProps = __rest(props, ["forceMount"]);
+const ScrollAreaThumb = React.forwardRef(
+  (props, forwardedRef) => {
+    const _a = props, { forceMount } = _a, thumbProps = __objRest(_a, ["forceMount"]);
     const scrollbarContext = useScrollbarContext();
     if (forceMount || scrollbarContext.hasThumb) {
-        return React.createElement(Thumb, Object.assign({ ref: forwardedRef }, thumbProps));
+      return /* @__PURE__ */ React.createElement(Thumb, __spreadValues({ ref: forwardedRef }, thumbProps));
     }
     return null;
-});
+  }
+);
 
 export { ScrollAreaThumb, Thumb };
 //# sourceMappingURL=ScrollAreaThumb.js.map

package/esm/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":[],"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":[],"mappings":"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"}

package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js

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

package/esm/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":[],"mappings":";;;;;;MAOa,kBAAkB,GAAG,UAAU,CAC1C,CAAC,EAA8B,EAAE,GAAG;QAAnC,EAAE,QAAQ,EAAE,KAAK,OAAa,EAAR,MAAM,cAA5B,qBAA8B,CAAF;IAC3B,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,OAAO,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAExD,QACE,oBAAC,GAAG,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;QAGV,6BAAK,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;;;;"}
+{"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":[],"mappings":"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"}

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

@@ -1,22 +1,22 @@
 import { useCallbackRef, useIsomorphicEffect } from '@mantine/hooks';
 
 function useResizeObserver(element, onResize) {
-    const handleResize = useCallbackRef(onResize);
-    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]);
+  const handleResize = useCallbackRef(onResize);
+  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]);
 }
 
 export { useResizeObserver };

package/esm/components/ScrollArea/use-resize-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-resize-observer.js","sources":["../../../src/components/ScrollArea/use-resize-observer.ts"],"sourcesContent":["import { useIsomorphicEffect, useCallbackRef } from '@mantine/hooks';\n\nexport function useResizeObserver(element: HTMLElement | null, onResize: () => void) {\n  const handleResize = useCallbackRef(onResize);\n\n  useIsomorphicEffect(() => {\n    let rAF = 0;\n    if (element) {\n      const resizeObserver = new ResizeObserver(() => {\n        cancelAnimationFrame(rAF);\n        rAF = window.requestAnimationFrame(handleResize);\n      });\n\n      resizeObserver.observe(element);\n\n      return () => {\n        window.cancelAnimationFrame(rAF);\n        resizeObserver.unobserve(element);\n      };\n    }\n\n    return undefined;\n  }, [element, handleResize]);\n}\n"],"names":[],"mappings":";;SAEgB,iBAAiB,CAAC,OAA2B,EAAE,QAAoB;IACjF,MAAM,YAAY,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAE9C,mBAAmB,CAAC;QAClB,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,IAAI,OAAO,EAAE;YACX,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC;gBACxC,oBAAoB,CAAC,GAAG,CAAC,CAAC;gBAC1B,GAAG,GAAG,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC;aAClD,CAAC,CAAC;YAEH,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAEhC,OAAO;gBACL,MAAM,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;gBACjC,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aACnC,CAAC;SACH;QAED,OAAO,SAAS,CAAC;KAClB,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;AAC9B;;;;"}
+{"version":3,"file":"use-resize-observer.js","sources":["../../../src/components/ScrollArea/use-resize-observer.ts"],"sourcesContent":["import { useIsomorphicEffect, useCallbackRef } from '@mantine/hooks';\n\nexport function useResizeObserver(element: HTMLElement | null, onResize: () => void) {\n  const handleResize = useCallbackRef(onResize);\n\n  useIsomorphicEffect(() => {\n    let rAF = 0;\n    if (element) {\n      const resizeObserver = new ResizeObserver(() => {\n        cancelAnimationFrame(rAF);\n        rAF = window.requestAnimationFrame(handleResize);\n      });\n\n      resizeObserver.observe(element);\n\n      return () => {\n        window.cancelAnimationFrame(rAF);\n        resizeObserver.unobserve(element);\n      };\n    }\n\n    return undefined;\n  }, [element, handleResize]);\n}\n"],"names":[],"mappings":";;AACO,SAAS,iBAAiB,CAAC,OAAO,EAAE,QAAQ,EAAE;AACrD,EAAE,MAAM,YAAY,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAChD,EAAE,mBAAmB,CAAC,MAAM;AAC5B,IAAI,IAAI,GAAG,GAAG,CAAC,CAAC;AAChB,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAM;AACtD,QAAQ,oBAAoB,CAAC,GAAG,CAAC,CAAC;AAClC,QAAQ,GAAG,GAAG,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC;AACzD,OAAO,CAAC,CAAC;AACT,MAAM,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AACtC,MAAM,OAAO,MAAM;AACnB,QAAQ,MAAM,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;AACzC,QAAQ,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AAC1C,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;AAC9B;;;;"}

package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.js

@@ -1,17 +1,17 @@
-/* eslint-disable wrap-iife */
-function addUnlinkedScrollListener(node, handler = () => { }) {
-    let prevPosition = { left: node.scrollLeft, top: node.scrollTop };
-    let rAF = 0;
-    (function loop() {
-        const position = { left: node.scrollLeft, top: node.scrollTop };
-        const isHorizontalScroll = prevPosition.left !== position.left;
-        const isVerticalScroll = prevPosition.top !== position.top;
-        if (isHorizontalScroll || isVerticalScroll)
-            handler();
-        prevPosition = position;
-        rAF = window.requestAnimationFrame(loop);
-    })();
-    return () => window.cancelAnimationFrame(rAF);
+function addUnlinkedScrollListener(node, handler = () => {
+}) {
+  let prevPosition = { left: node.scrollLeft, top: node.scrollTop };
+  let rAF = 0;
+  (function loop() {
+    const position = { left: node.scrollLeft, top: node.scrollTop };
+    const isHorizontalScroll = prevPosition.left !== position.left;
+    const isVerticalScroll = prevPosition.top !== position.top;
+    if (isHorizontalScroll || isVerticalScroll)
+      handler();
+    prevPosition = position;
+    rAF = window.requestAnimationFrame(loop);
+  })();
+  return () => window.cancelAnimationFrame(rAF);
 }
 
 export { addUnlinkedScrollListener };

package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-unlinked-scroll-listener.js","sources":["../../../../src/components/ScrollArea/utils/add-unlinked-scroll-listener.tsx"],"sourcesContent":["/* eslint-disable wrap-iife */\nexport function addUnlinkedScrollListener(node: HTMLElement, handler = () => {}) {\n  let prevPosition = { left: node.scrollLeft, top: node.scrollTop };\n  let rAF = 0;\n  (function loop() {\n    const position = { left: node.scrollLeft, top: node.scrollTop };\n    const isHorizontalScroll = prevPosition.left !== position.left;\n    const isVerticalScroll = prevPosition.top !== position.top;\n    if (isHorizontalScroll || isVerticalScroll) handler();\n    prevPosition = position;\n    rAF = window.requestAnimationFrame(loop);\n  })();\n  return () => window.cancelAnimationFrame(rAF);\n}\n"],"names":[],"mappings":"AAAA;SACgB,yBAAyB,CAAC,IAAiB,EAAE,OAAO,GAAG,SAAQ;IAC7E,IAAI,YAAY,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;IAClE,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,CAAC,SAAS,IAAI;QACZ,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;QAChE,MAAM,kBAAkB,GAAG,YAAY,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC;QAC/D,MAAM,gBAAgB,GAAG,YAAY,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC;QAC3D,IAAI,kBAAkB,IAAI,gBAAgB;YAAE,OAAO,EAAE,CAAC;QACtD,YAAY,GAAG,QAAQ,CAAC;QACxB,GAAG,GAAG,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;KAC1C,GAAG,CAAC;IACL,OAAO,MAAM,MAAM,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;AAChD;;;;"}
+{"version":3,"file":"add-unlinked-scroll-listener.js","sources":["../../../../src/components/ScrollArea/utils/add-unlinked-scroll-listener.tsx"],"sourcesContent":["/* eslint-disable wrap-iife */\nexport function addUnlinkedScrollListener(node: HTMLElement, handler = () => {}) {\n  let prevPosition = { left: node.scrollLeft, top: node.scrollTop };\n  let rAF = 0;\n  (function loop() {\n    const position = { left: node.scrollLeft, top: node.scrollTop };\n    const isHorizontalScroll = prevPosition.left !== position.left;\n    const isVerticalScroll = prevPosition.top !== position.top;\n    if (isHorizontalScroll || isVerticalScroll) handler();\n    prevPosition = position;\n    rAF = window.requestAnimationFrame(loop);\n  })();\n  return () => window.cancelAnimationFrame(rAF);\n}\n"],"names":[],"mappings":"AAAO,SAAS,yBAAyB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM;AAChE,CAAC,EAAE;AACH,EAAE,IAAI,YAAY,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;AACpE,EAAE,IAAI,GAAG,GAAG,CAAC,CAAC;AACd,EAAE,CAAC,SAAS,IAAI,GAAG;AACnB,IAAI,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;AACpE,IAAI,MAAM,kBAAkB,GAAG,YAAY,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC;AACnE,IAAI,MAAM,gBAAgB,GAAG,YAAY,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC;AAC/D,IAAI,IAAI,kBAAkB,IAAI,gBAAgB;AAC9C,MAAM,OAAO,EAAE,CAAC;AAChB,IAAI,YAAY,GAAG,QAAQ,CAAC;AAC5B,IAAI,GAAG,GAAG,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;AAC7C,GAAG,GAAG,CAAC;AACP,EAAE,OAAO,MAAM,MAAM,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;AAChD;;;;"}

package/esm/components/ScrollArea/utils/compose-event-handlers.js

@@ -1,10 +1,10 @@
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-    return (event) => {
-        originalEventHandler === null || originalEventHandler === void 0 ? void 0 : originalEventHandler(event);
-        if (checkForDefaultPrevented === false || !event.defaultPrevented) {
-            ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
-        }
-    };
+  return (event) => {
+    originalEventHandler == null ? void 0 : originalEventHandler(event);
+    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+      ourEventHandler == null ? void 0 : ourEventHandler(event);
+    }
+  };
 }
 
 export { composeEventHandlers };

package/esm/components/ScrollArea/utils/compose-event-handlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"compose-event-handlers.js","sources":["../../../../src/components/ScrollArea/utils/compose-event-handlers.ts"],"sourcesContent":["export function composeEventHandlers<E>(\n  originalEventHandler?: (event: E) => void,\n  ourEventHandler?: (event: E) => void,\n  { checkForDefaultPrevented = true } = {}\n) {\n  return (event: E) => {\n    originalEventHandler?.(event);\n\n    if (checkForDefaultPrevented === false || !(event as unknown as Event).defaultPrevented) {\n      ourEventHandler?.(event);\n    }\n  };\n}\n"],"names":[],"mappings":"SAAgB,oBAAoB,CAClC,oBAAyC,EACzC,eAAoC,EACpC,EAAE,wBAAwB,GAAG,IAAI,EAAE,GAAG,EAAE;IAExC,OAAO,CAAC,KAAQ;QACd,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,KAAK,CAAC,CAAC;QAE9B,IAAI,wBAAwB,KAAK,KAAK,IAAI,CAAE,KAA0B,CAAC,gBAAgB,EAAE;YACvF,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,KAAK,CAAC,CAAC;SAC1B;KACF,CAAC;AACJ;;;;"}
+{"version":3,"file":"compose-event-handlers.js","sources":["../../../../src/components/ScrollArea/utils/compose-event-handlers.ts"],"sourcesContent":["export function composeEventHandlers<E>(\n  originalEventHandler?: (event: E) => void,\n  ourEventHandler?: (event: E) => void,\n  { checkForDefaultPrevented = true } = {}\n) {\n  return (event: E) => {\n    originalEventHandler?.(event);\n\n    if (checkForDefaultPrevented === false || !(event as unknown as Event).defaultPrevented) {\n      ourEventHandler?.(event);\n    }\n  };\n}\n"],"names":[],"mappings":"AAAO,SAAS,oBAAoB,CAAC,oBAAoB,EAAE,eAAe,EAAE,EAAE,wBAAwB,GAAG,IAAI,EAAE,GAAG,EAAE,EAAE;AACtH,EAAE,OAAO,CAAC,KAAK,KAAK;AACpB,IAAI,oBAAoB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;AACxE,IAAI,IAAI,wBAAwB,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;AACvE,MAAM,eAAe,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAChE,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.js

@@ -1,17 +1,17 @@
 import { getThumbSize } from './get-thumb-size.js';
 import { linearScale } from './linear-scale.js';
 
-function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = 'ltr') {
-    const thumbSizePx = getThumbSize(sizes);
-    const thumbCenter = thumbSizePx / 2;
-    const offset = pointerOffset || thumbCenter;
-    const thumbOffsetFromEnd = thumbSizePx - offset;
-    const minPointerPos = sizes.scrollbar.paddingStart + offset;
-    const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;
-    const maxScrollPos = sizes.content - sizes.viewport;
-    const scrollRange = dir === 'ltr' ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
-    const interpolate = linearScale([minPointerPos, maxPointerPos], scrollRange);
-    return interpolate(pointerPos);
+function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
+  const thumbSizePx = getThumbSize(sizes);
+  const thumbCenter = thumbSizePx / 2;
+  const offset = pointerOffset || thumbCenter;
+  const thumbOffsetFromEnd = thumbSizePx - offset;
+  const minPointerPos = sizes.scrollbar.paddingStart + offset;
+  const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;
+  const maxScrollPos = sizes.content - sizes.viewport;
+  const scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
+  const interpolate = linearScale([minPointerPos, maxPointerPos], scrollRange);
+  return interpolate(pointerPos);
 }
 
 export { getScrollPositionFromPointer };

package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-scroll-position-from-pointer.js","sources":["../../../../src/components/ScrollArea/utils/get-scroll-position-from-pointer.ts"],"sourcesContent":["import type { Sizes } from '../ScrollArea.types';\nimport { getThumbSize } from './get-thumb-size';\nimport { linearScale } from './linear-scale';\n\nexport function getScrollPositionFromPointer(\n  pointerPos: number,\n  pointerOffset: number,\n  sizes: Sizes,\n  dir: 'ltr' | 'rtl' = 'ltr'\n) {\n  const thumbSizePx = getThumbSize(sizes);\n  const thumbCenter = thumbSizePx / 2;\n  const offset = pointerOffset || thumbCenter;\n  const thumbOffsetFromEnd = thumbSizePx - offset;\n  const minPointerPos = sizes.scrollbar.paddingStart + offset;\n  const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;\n  const maxScrollPos = sizes.content - sizes.viewport;\n  const scrollRange = dir === 'ltr' ? [0, maxScrollPos] : [maxScrollPos * -1, 0];\n  const interpolate = linearScale([minPointerPos, maxPointerPos], scrollRange as [number, number]);\n  return interpolate(pointerPos);\n}\n"],"names":[],"mappings":";;;SAIgB,4BAA4B,CAC1C,UAAkB,EAClB,aAAqB,EACrB,KAAY,EACZ,MAAqB,KAAK;IAE1B,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,WAAW,GAAG,WAAW,GAAG,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,aAAa,IAAI,WAAW,CAAC;IAC5C,MAAM,kBAAkB,GAAG,WAAW,GAAG,MAAM,CAAC;IAChD,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,MAAM,CAAC;IAC5D,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,UAAU,GAAG,kBAAkB,CAAC;IAC7F,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;IACpD,MAAM,WAAW,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/E,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC,EAAE,WAA+B,CAAC,CAAC;IACjG,OAAO,WAAW,CAAC,UAAU,CAAC,CAAC;AACjC;;;;"}
+{"version":3,"file":"get-scroll-position-from-pointer.js","sources":["../../../../src/components/ScrollArea/utils/get-scroll-position-from-pointer.ts"],"sourcesContent":["import type { Sizes } from '../ScrollArea.types';\nimport { getThumbSize } from './get-thumb-size';\nimport { linearScale } from './linear-scale';\n\nexport function getScrollPositionFromPointer(\n  pointerPos: number,\n  pointerOffset: number,\n  sizes: Sizes,\n  dir: 'ltr' | 'rtl' = 'ltr'\n) {\n  const thumbSizePx = getThumbSize(sizes);\n  const thumbCenter = thumbSizePx / 2;\n  const offset = pointerOffset || thumbCenter;\n  const thumbOffsetFromEnd = thumbSizePx - offset;\n  const minPointerPos = sizes.scrollbar.paddingStart + offset;\n  const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;\n  const maxScrollPos = sizes.content - sizes.viewport;\n  const scrollRange = dir === 'ltr' ? [0, maxScrollPos] : [maxScrollPos * -1, 0];\n  const interpolate = linearScale([minPointerPos, maxPointerPos], scrollRange as [number, number]);\n  return interpolate(pointerPos);\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,4BAA4B,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,GAAG,KAAK,EAAE;AAC5F,EAAE,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;AAC1C,EAAE,MAAM,WAAW,GAAG,WAAW,GAAG,CAAC,CAAC;AACtC,EAAE,MAAM,MAAM,GAAG,aAAa,IAAI,WAAW,CAAC;AAC9C,EAAE,MAAM,kBAAkB,GAAG,WAAW,GAAG,MAAM,CAAC;AAClD,EAAE,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,MAAM,CAAC;AAC9D,EAAE,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,UAAU,GAAG,kBAAkB,CAAC;AAC/F,EAAE,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;AACtD,EAAE,MAAM,WAAW,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACjF,EAAE,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC,EAAE,WAAW,CAAC,CAAC;AAC/E,EAAE,OAAO,WAAW,CAAC,UAAU,CAAC,CAAC;AACjC;;;;"}

package/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.js

@@ -2,18 +2,18 @@ import { getThumbSize } from './get-thumb-size.js';
 import { linearScale } from './linear-scale.js';
 
 function clamp(value, [min, max]) {
-    return Math.min(max, Math.max(min, value));
+  return Math.min(max, Math.max(min, value));
 }
-function getThumbOffsetFromScroll(scrollPos, sizes, dir = 'ltr') {
-    const thumbSizePx = getThumbSize(sizes);
-    const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
-    const scrollbar = sizes.scrollbar.size - scrollbarPadding;
-    const maxScrollPos = sizes.content - sizes.viewport;
-    const maxThumbPos = scrollbar - thumbSizePx;
-    const scrollClampRange = dir === 'ltr' ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
-    const scrollWithoutMomentum = clamp(scrollPos, scrollClampRange);
-    const interpolate = linearScale([0, maxScrollPos], [0, maxThumbPos]);
-    return interpolate(scrollWithoutMomentum);
+function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
+  const thumbSizePx = getThumbSize(sizes);
+  const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
+  const scrollbar = sizes.scrollbar.size - scrollbarPadding;
+  const maxScrollPos = sizes.content - sizes.viewport;
+  const maxThumbPos = scrollbar - thumbSizePx;
+  const scrollClampRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
+  const scrollWithoutMomentum = clamp(scrollPos, scrollClampRange);
+  const interpolate = linearScale([0, maxScrollPos], [0, maxThumbPos]);
+  return interpolate(scrollWithoutMomentum);
 }
 
 export { getThumbOffsetFromScroll };