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

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

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import React, { forwardRef, useRef, useState } from 'react';
 import { useScrollAreaContext } from '../ScrollArea.context.js';
 import { ScrollAreaScrollbarX } from './ScrollbarX.js';
@@ -8,58 +7,112 @@ import { getThumbOffsetFromScroll } from '../utils/get-thumb-offset-from-scroll.
 import { getScrollPositionFromPointer } from '../utils/get-scroll-position-from-pointer.js';
 import { useDirection } from '../../../core/DirectionProvider/DirectionProvider.js';
 
-const ScrollAreaScrollbarVisible = forwardRef((props, forwardedRef) => {
-    const { orientation = 'vertical' } = props, scrollbarProps = __rest(props, ["orientation"]);
-    const { dir } = useDirection();
-    const context = useScrollAreaContext();
-    const thumbRef = useRef(null);
-    const pointerOffsetRef = useRef(0);
-    const [sizes, setSizes] = useState({
-        content: 0,
-        viewport: 0,
-        scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 },
-    });
-    const thumbRatio = getThumbRatio(sizes.viewport, sizes.content);
-    const commonProps = Object.assign(Object.assign({}, scrollbarProps), { sizes, onSizesChange: setSizes, hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1), onThumbChange: (thumb) => {
-            thumbRef.current = thumb;
-        }, onThumbPointerUp: () => {
-            pointerOffsetRef.current = 0;
-        }, onThumbPointerDown: (pointerPos) => {
-            pointerOffsetRef.current = pointerPos;
-        } });
-    const getScrollPosition = (pointerPos, direction) => getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, direction);
-    if (orientation === 'horizontal') {
-        return (React.createElement(ScrollAreaScrollbarX, Object.assign({}, commonProps, { ref: forwardedRef, onThumbPositionChange: () => {
-                if (context.viewport && thumbRef.current) {
-                    const scrollPos = context.viewport.scrollLeft;
-                    const offset = getThumbOffsetFromScroll(scrollPos, sizes, dir);
-                    thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;
-                }
-            }, onWheelScroll: (scrollPos) => {
-                if (context.viewport)
-                    context.viewport.scrollLeft = scrollPos;
-            }, onDragScroll: (pointerPos) => {
-                if (context.viewport) {
-                    context.viewport.scrollLeft = getScrollPosition(pointerPos, dir);
-                }
-            } })));
+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];
     }
-    if (orientation === 'vertical') {
-        return (React.createElement(ScrollAreaScrollbarY, Object.assign({}, commonProps, { ref: forwardedRef, onThumbPositionChange: () => {
-                if (context.viewport && thumbRef.current) {
-                    const scrollPos = context.viewport.scrollTop;
-                    const offset = getThumbOffsetFromScroll(scrollPos, sizes);
-                    thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;
-                }
-            }, onWheelScroll: (scrollPos) => {
-                if (context.viewport)
-                    context.viewport.scrollTop = scrollPos;
-            }, onDragScroll: (pointerPos) => {
-                if (context.viewport)
-                    context.viewport.scrollTop = getScrollPosition(pointerPos);
-            } })));
+  return target;
+};
+const ScrollAreaScrollbarVisible = forwardRef((props, forwardedRef) => {
+  const _a = props, { orientation = "vertical" } = _a, scrollbarProps = __objRest(_a, ["orientation"]);
+  const { dir } = useDirection();
+  const context = useScrollAreaContext();
+  const thumbRef = useRef(null);
+  const pointerOffsetRef = useRef(0);
+  const [sizes, setSizes] = useState({
+    content: 0,
+    viewport: 0,
+    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
+  });
+  const thumbRatio = getThumbRatio(sizes.viewport, sizes.content);
+  const commonProps = __spreadProps(__spreadValues({}, scrollbarProps), {
+    sizes,
+    onSizesChange: setSizes,
+    hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1),
+    onThumbChange: (thumb) => {
+      thumbRef.current = thumb;
+    },
+    onThumbPointerUp: () => {
+      pointerOffsetRef.current = 0;
+    },
+    onThumbPointerDown: (pointerPos) => {
+      pointerOffsetRef.current = pointerPos;
     }
-    return null;
+  });
+  const getScrollPosition = (pointerPos, direction) => getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, direction);
+  if (orientation === "horizontal") {
+    return /* @__PURE__ */ React.createElement(
+      ScrollAreaScrollbarX,
+      __spreadProps(__spreadValues({}, commonProps), {
+        ref: forwardedRef,
+        onThumbPositionChange: () => {
+          if (context.viewport && thumbRef.current) {
+            const scrollPos = context.viewport.scrollLeft;
+            const offset = getThumbOffsetFromScroll(scrollPos, sizes, dir);
+            thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;
+          }
+        },
+        onWheelScroll: (scrollPos) => {
+          if (context.viewport)
+            context.viewport.scrollLeft = scrollPos;
+        },
+        onDragScroll: (pointerPos) => {
+          if (context.viewport) {
+            context.viewport.scrollLeft = getScrollPosition(pointerPos, dir);
+          }
+        }
+      })
+    );
+  }
+  if (orientation === "vertical") {
+    return /* @__PURE__ */ React.createElement(
+      ScrollAreaScrollbarY,
+      __spreadProps(__spreadValues({}, commonProps), {
+        ref: forwardedRef,
+        onThumbPositionChange: () => {
+          if (context.viewport && thumbRef.current) {
+            const scrollPos = context.viewport.scrollTop;
+            const offset = getThumbOffsetFromScroll(scrollPos, sizes);
+            thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;
+          }
+        },
+        onWheelScroll: (scrollPos) => {
+          if (context.viewport)
+            context.viewport.scrollTop = scrollPos;
+        },
+        onDragScroll: (pointerPos) => {
+          if (context.viewport)
+            context.viewport.scrollTop = getScrollPosition(pointerPos);
+        }
+      })
+    );
+  }
+  return null;
 });
 
 export { ScrollAreaScrollbarVisible };

package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaScrollbarVisible.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef } from 'react';\nimport { useDirection } from '../../../core';\nimport {\n  ScrollAreaScrollbarAxisPrivateProps,\n  ScrollAreaScrollbarAxisProps,\n  Sizes,\n} from '../ScrollArea.types';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarX } from './ScrollbarX';\nimport { ScrollAreaScrollbarY } from './ScrollbarY';\nimport { getThumbRatio, getThumbOffsetFromScroll, getScrollPositionFromPointer } from '../utils';\n\nexport interface ScrollAreaScrollbarVisibleProps\n  extends Omit<ScrollAreaScrollbarAxisProps, keyof ScrollAreaScrollbarAxisPrivateProps> {\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport const ScrollAreaScrollbarVisible = forwardRef<\n  HTMLDivElement,\n  ScrollAreaScrollbarVisibleProps\n>((props, forwardedRef) => {\n  const { orientation = 'vertical', ...scrollbarProps } = props;\n  const { dir } = useDirection();\n  const context = useScrollAreaContext();\n  const thumbRef = useRef<HTMLDivElement | null>(null);\n  const pointerOffsetRef = useRef(0);\n  const [sizes, setSizes] = useState<Sizes>({\n    content: 0,\n    viewport: 0,\n    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 },\n  });\n  const thumbRatio = getThumbRatio(sizes.viewport, sizes.content);\n\n  const commonProps: Omit<\n    ScrollAreaScrollbarAxisPrivateProps,\n    'onThumbPositionChange' | 'onDragScroll' | 'onWheelScroll'\n  > = {\n    ...scrollbarProps,\n    sizes,\n    onSizesChange: setSizes,\n    hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1),\n    onThumbChange: (thumb) => {\n      thumbRef.current = thumb;\n    },\n    onThumbPointerUp: () => {\n      pointerOffsetRef.current = 0;\n    },\n    onThumbPointerDown: (pointerPos) => {\n      pointerOffsetRef.current = pointerPos;\n    },\n  };\n\n  const getScrollPosition = (pointerPos: number, direction?: 'ltr' | 'rtl') =>\n    getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, direction);\n\n  if (orientation === 'horizontal') {\n    return (\n      <ScrollAreaScrollbarX\n        {...commonProps}\n        ref={forwardedRef}\n        onThumbPositionChange={() => {\n          if (context.viewport && thumbRef.current) {\n            const scrollPos = context.viewport.scrollLeft;\n            const offset = getThumbOffsetFromScroll(scrollPos, sizes, dir);\n            thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;\n          }\n        }}\n        onWheelScroll={(scrollPos) => {\n          if (context.viewport) context.viewport.scrollLeft = scrollPos;\n        }}\n        onDragScroll={(pointerPos) => {\n          if (context.viewport) {\n            context.viewport.scrollLeft = getScrollPosition(pointerPos, dir);\n          }\n        }}\n      />\n    );\n  }\n\n  if (orientation === 'vertical') {\n    return (\n      <ScrollAreaScrollbarY\n        {...commonProps}\n        ref={forwardedRef}\n        onThumbPositionChange={() => {\n          if (context.viewport && thumbRef.current) {\n            const scrollPos = context.viewport.scrollTop;\n            const offset = getThumbOffsetFromScroll(scrollPos, sizes);\n            thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;\n          }\n        }}\n        onWheelScroll={(scrollPos) => {\n          if (context.viewport) context.viewport.scrollTop = scrollPos;\n        }}\n        onDragScroll={(pointerPos) => {\n          if (context.viewport) context.viewport.scrollTop = getScrollPosition(pointerPos);\n        }}\n      />\n    );\n  }\n\n  return null;\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ScrollAreaScrollbarVisible.js","sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef } from 'react';\nimport { useDirection } from '../../../core';\nimport {\n  ScrollAreaScrollbarAxisPrivateProps,\n  ScrollAreaScrollbarAxisProps,\n  Sizes,\n} from '../ScrollArea.types';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarX } from './ScrollbarX';\nimport { ScrollAreaScrollbarY } from './ScrollbarY';\nimport { getThumbRatio, getThumbOffsetFromScroll, getScrollPositionFromPointer } from '../utils';\n\nexport interface ScrollAreaScrollbarVisibleProps\n  extends Omit<ScrollAreaScrollbarAxisProps, keyof ScrollAreaScrollbarAxisPrivateProps> {\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport const ScrollAreaScrollbarVisible = forwardRef<\n  HTMLDivElement,\n  ScrollAreaScrollbarVisibleProps\n>((props, forwardedRef) => {\n  const { orientation = 'vertical', ...scrollbarProps } = props;\n  const { dir } = useDirection();\n  const context = useScrollAreaContext();\n  const thumbRef = useRef<HTMLDivElement | null>(null);\n  const pointerOffsetRef = useRef(0);\n  const [sizes, setSizes] = useState<Sizes>({\n    content: 0,\n    viewport: 0,\n    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 },\n  });\n  const thumbRatio = getThumbRatio(sizes.viewport, sizes.content);\n\n  const commonProps: Omit<\n    ScrollAreaScrollbarAxisPrivateProps,\n    'onThumbPositionChange' | 'onDragScroll' | 'onWheelScroll'\n  > = {\n    ...scrollbarProps,\n    sizes,\n    onSizesChange: setSizes,\n    hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1),\n    onThumbChange: (thumb) => {\n      thumbRef.current = thumb;\n    },\n    onThumbPointerUp: () => {\n      pointerOffsetRef.current = 0;\n    },\n    onThumbPointerDown: (pointerPos) => {\n      pointerOffsetRef.current = pointerPos;\n    },\n  };\n\n  const getScrollPosition = (pointerPos: number, direction?: 'ltr' | 'rtl') =>\n    getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, direction);\n\n  if (orientation === 'horizontal') {\n    return (\n      <ScrollAreaScrollbarX\n        {...commonProps}\n        ref={forwardedRef}\n        onThumbPositionChange={() => {\n          if (context.viewport && thumbRef.current) {\n            const scrollPos = context.viewport.scrollLeft;\n            const offset = getThumbOffsetFromScroll(scrollPos, sizes, dir);\n            thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;\n          }\n        }}\n        onWheelScroll={(scrollPos) => {\n          if (context.viewport) context.viewport.scrollLeft = scrollPos;\n        }}\n        onDragScroll={(pointerPos) => {\n          if (context.viewport) {\n            context.viewport.scrollLeft = getScrollPosition(pointerPos, dir);\n          }\n        }}\n      />\n    );\n  }\n\n  if (orientation === 'vertical') {\n    return (\n      <ScrollAreaScrollbarY\n        {...commonProps}\n        ref={forwardedRef}\n        onThumbPositionChange={() => {\n          if (context.viewport && thumbRef.current) {\n            const scrollPos = context.viewport.scrollTop;\n            const offset = getThumbOffsetFromScroll(scrollPos, sizes);\n            thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;\n          }\n        }}\n        onWheelScroll={(scrollPos) => {\n          if (context.viewport) context.viewport.scrollTop = scrollPos;\n        }}\n        onDragScroll={(pointerPos) => {\n          if (context.viewport) context.viewport.scrollTop = getScrollPosition(pointerPos);\n        }}\n      />\n    );\n  }\n\n  return null;\n});\n"],"names":[],"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;AAOU,MAAC,0BAA0B,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK;AAC9E,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,EAAE,EAAE,cAAc,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACvG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;AACjC,EAAE,MAAM,OAAO,GAAG,oBAAoB,EAAE,CAAC;AACzC,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAChC,EAAE,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACrC,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACrC,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,QAAQ,EAAE,CAAC;AACf,IAAI,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE;AAC1D,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;AAClE,EAAE,MAAM,WAAW,GAAG,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,cAAc,CAAC,EAAE;AACxE,IAAI,KAAK;AACT,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,QAAQ,EAAE,OAAO,CAAC,UAAU,GAAG,CAAC,IAAI,UAAU,GAAG,CAAC,CAAC;AACvD,IAAI,aAAa,EAAE,CAAC,KAAK,KAAK;AAC9B,MAAM,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;AAC/B,KAAK;AACL,IAAI,gBAAgB,EAAE,MAAM;AAC5B,MAAM,gBAAgB,CAAC,OAAO,GAAG,CAAC,CAAC;AACnC,KAAK;AACL,IAAI,kBAAkB,EAAE,CAAC,UAAU,KAAK;AACxC,MAAM,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC;AAC5C,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,iBAAiB,GAAG,CAAC,UAAU,EAAE,SAAS,KAAK,4BAA4B,CAAC,UAAU,EAAE,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;AAC5I,EAAE,IAAI,WAAW,KAAK,YAAY,EAAE;AACpC,IAAI,uBAAuB,KAAK,CAAC,aAAa;AAC9C,MAAM,oBAAoB;AAC1B,MAAM,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE;AACrD,QAAQ,GAAG,EAAE,YAAY;AACzB,QAAQ,qBAAqB,EAAE,MAAM;AACrC,UAAU,IAAI,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;AACpD,YAAY,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC;AAC1D,YAAY,MAAM,MAAM,GAAG,wBAAwB,CAAC,SAAS,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAC3E,YAAY,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;AAChF,WAAW;AACX,SAAS;AACT,QAAQ,aAAa,EAAE,CAAC,SAAS,KAAK;AACtC,UAAU,IAAI,OAAO,CAAC,QAAQ;AAC9B,YAAY,OAAO,CAAC,QAAQ,CAAC,UAAU,GAAG,SAAS,CAAC;AACpD,SAAS;AACT,QAAQ,YAAY,EAAE,CAAC,UAAU,KAAK;AACtC,UAAU,IAAI,OAAO,CAAC,QAAQ,EAAE;AAChC,YAAY,OAAO,CAAC,QAAQ,CAAC,UAAU,GAAG,iBAAiB,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;AAC7E,WAAW;AACX,SAAS;AACT,OAAO,CAAC;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE,IAAI,WAAW,KAAK,UAAU,EAAE;AAClC,IAAI,uBAAuB,KAAK,CAAC,aAAa;AAC9C,MAAM,oBAAoB;AAC1B,MAAM,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE;AACrD,QAAQ,GAAG,EAAE,YAAY;AACzB,QAAQ,qBAAqB,EAAE,MAAM;AACrC,UAAU,IAAI,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;AACpD,YAAY,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC;AACzD,YAAY,MAAM,MAAM,GAAG,wBAAwB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AACtE,YAAY,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;AAChF,WAAW;AACX,SAAS;AACT,QAAQ,aAAa,EAAE,CAAC,SAAS,KAAK;AACtC,UAAU,IAAI,OAAO,CAAC,QAAQ;AAC9B,YAAY,OAAO,CAAC,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC;AACnD,SAAS;AACT,QAAQ,YAAY,EAAE,CAAC,UAAU,KAAK;AACtC,UAAU,IAAI,OAAO,CAAC,QAAQ;AAC9B,YAAY,OAAO,CAAC,QAAQ,CAAC,SAAS,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC;AACvE,SAAS;AACT,OAAO,CAAC;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;;;;"}

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

@@ -1,6 +1,8 @@
 import { createSafeContext } from '../../../core/utils/create-safe-context/create-safe-context.js';
 
-const [ScrollbarProvider, useScrollbarContext] = createSafeContext('ScrollAreaScrollbar was not found in tree');
+const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
+  "ScrollAreaScrollbar was not found in tree"
+);
 
 export { ScrollbarProvider, useScrollbarContext };
 //# sourceMappingURL=Scrollbar.context.js.map

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

@@ -1 +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":[],"mappings":";;MAWa,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,GAAG,iBAAiB,CACvE,2CAA2C;;;;"}
+{"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":[],"mappings":";;AACY,MAAC,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,GAAG,iBAAiB;AACzE,EAAE,2CAA2C;AAC7C;;;;"}

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

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import React, { forwardRef, useEffect } from 'react';
 import { useMergedRef, useCallbackRef, useDebounceCallback } from '@mantine/hooks';
 import { useResizeObserver } from '../use-resize-observer.js';
@@ -6,64 +5,129 @@ import { useScrollAreaContext } from '../ScrollArea.context.js';
 import { ScrollbarProvider } from './Scrollbar.context.js';
 import { composeEventHandlers } from '../utils/compose-event-handlers.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 Scrollbar = forwardRef((props, forwardedRef) => {
-    const { sizes, hasThumb, onThumbChange, onThumbPointerUp, onThumbPointerDown, onThumbPositionChange, onDragScroll, onWheelScroll, onResize } = props, scrollbarProps = __rest(props, ["sizes", "hasThumb", "onThumbChange", "onThumbPointerUp", "onThumbPointerDown", "onThumbPositionChange", "onDragScroll", "onWheelScroll", "onResize"]);
-    const context = useScrollAreaContext();
-    const [scrollbar, setScrollbar] = React.useState(null);
-    const composeRefs = useMergedRef(forwardedRef, (node) => setScrollbar(node));
-    const rectRef = React.useRef(null);
-    const prevWebkitUserSelectRef = React.useRef('');
-    const { viewport } = context;
-    const maxScrollPos = sizes.content - sizes.viewport;
-    const handleWheelScroll = useCallbackRef(onWheelScroll);
-    const handleThumbPositionChange = useCallbackRef(onThumbPositionChange);
-    const handleResize = 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 });
-        }
+  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 = useScrollAreaContext();
+  const [scrollbar, setScrollbar] = React.useState(null);
+  const composeRefs = useMergedRef(forwardedRef, (node) => setScrollbar(node));
+  const rectRef = React.useRef(null);
+  const prevWebkitUserSelectRef = React.useRef("");
+  const { viewport } = context;
+  const maxScrollPos = sizes.content - sizes.viewport;
+  const handleWheelScroll = useCallbackRef(onWheelScroll);
+  const handleThumbPositionChange = useCallbackRef(onThumbPositionChange);
+  const handleResize = 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 });
+    }
+  };
+  useEffect(() => {
+    const handleWheel = (event) => {
+      const element = event.target;
+      const isScrollbarWheel = scrollbar == null ? void 0 : scrollbar.contains(element);
+      if (isScrollbarWheel)
+        handleWheelScroll(event, maxScrollPos);
     };
-    useEffect(() => {
-        const handleWheel = (event) => {
+    document.addEventListener("wheel", handleWheel, { passive: false });
+    return () => document.removeEventListener("wheel", handleWheel, { passive: false });
+  }, [viewport, scrollbar, maxScrollPos, handleWheelScroll]);
+  useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]);
+  useResizeObserver(scrollbar, handleResize);
+  useResizeObserver(context.content, handleResize);
+  return /* @__PURE__ */ React.createElement(
+    ScrollbarProvider,
+    {
+      value: {
+        scrollbar,
+        hasThumb,
+        onThumbChange: useCallbackRef(onThumbChange),
+        onThumbPointerUp: useCallbackRef(onThumbPointerUp),
+        onThumbPositionChange: handleThumbPositionChange,
+        onThumbPointerDown: useCallbackRef(onThumbPointerDown)
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      __spreadProps(__spreadValues({}, scrollbarProps), {
+        ref: composeRefs,
+        style: __spreadValues({ position: "absolute" }, scrollbarProps.style),
+        onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
+          const mainPointer = 0;
+          if (event.button === mainPointer) {
             const element = event.target;
-            const isScrollbarWheel = scrollbar === null || scrollbar === void 0 ? 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]);
-    useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]);
-    useResizeObserver(scrollbar, handleResize);
-    useResizeObserver(context.content, handleResize);
-    return (React.createElement(ScrollbarProvider, { value: {
-            scrollbar,
-            hasThumb,
-            onThumbChange: useCallbackRef(onThumbChange),
-            onThumbPointerUp: useCallbackRef(onThumbPointerUp),
-            onThumbPositionChange: handleThumbPositionChange,
-            onThumbPointerDown: useCallbackRef(onThumbPointerDown),
-        } },
-        React.createElement("div", Object.assign({}, scrollbarProps, { ref: composeRefs, style: Object.assign({ position: 'absolute' }, scrollbarProps.style), onPointerDown: 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(props.onPointerMove, handleDragScroll), onPointerUp: 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;
-            }) }))));
+            element.setPointerCapture(event.pointerId);
+            rectRef.current = scrollbar.getBoundingClientRect();
+            prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect;
+            document.body.style.webkitUserSelect = "none";
+            handleDragScroll(event);
+          }
+        }),
+        onPointerMove: composeEventHandlers(props.onPointerMove, handleDragScroll),
+        onPointerUp: 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;
+        })
+      })
+    )
+  );
 });
 
 export { Scrollbar };

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

@@ -1 +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":[],"mappings":"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"}
+{"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":[],"mappings":"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"}

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

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import { useMergedRef } from '@mantine/hooks';
 import { Scrollbar } from './Scrollbar.js';
@@ -7,38 +6,86 @@ 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 ScrollAreaScrollbarX = 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 ScrollAreaScrollbarX = forwardRef(
+  (props, forwardedRef) => {
+    const _a = props, { sizes, onSizesChange, style } = _a, others = __objRest(_a, ["sizes", "onSizesChange", "style"]);
     const ctx = useScrollAreaContext();
     const [computedStyle, setComputedStyle] = useState();
     const ref = useRef(null);
     const composeRefs = useMergedRef(forwardedRef, ref, ctx.onScrollbarXChange);
     useEffect(() => {
-        if (ref.current)
-            setComputedStyle(getComputedStyle(ref.current));
+      if (ref.current)
+        setComputedStyle(getComputedStyle(ref.current));
     }, [ref]);
-    return (React.createElement(Scrollbar, Object.assign({ "data-orientation": "horizontal" }, others, { ref: composeRefs, sizes: sizes, style: Object.assign(Object.assign({}, style), { ['--sa-thumb-width']: `${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(scrollPos, maxScrollPos)) {
-                    event.preventDefault();
-                }
+    return /* @__PURE__ */ React.createElement(
+      Scrollbar,
+      __spreadProps(__spreadValues({
+        "data-orientation": "horizontal"
+      }, others), {
+        ref: composeRefs,
+        sizes,
+        style: __spreadProps(__spreadValues({}, style), {
+          ["--sa-thumb-width"]: `${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(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(computedStyle.paddingLeft),
-                        paddingEnd: toInt(computedStyle.paddingRight),
-                    },
-                });
-            }
-        } })));
-});
+          }
+        },
+        onResize: () => {
+          if (ref.current && ctx.viewport && computedStyle) {
+            onSizesChange({
+              content: ctx.viewport.scrollWidth,
+              viewport: ctx.viewport.offsetWidth,
+              scrollbar: {
+                size: ref.current.clientWidth,
+                paddingStart: toInt(computedStyle.paddingLeft),
+                paddingEnd: toInt(computedStyle.paddingRight)
+              }
+            });
+          }
+        }
+      })
+    );
+  }
+);
 
 export { ScrollAreaScrollbarX };
 //# sourceMappingURL=ScrollbarX.js.map

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

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