@mantine/core 7.0.0 → 7.0.1-alpha.0

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

@@ -0,0 +1,90 @@
+import React, { forwardRef, useRef, useEffect } from 'react';
+import { useMergedRef } from '@mantine/hooks';
+import { Scrollbar } from './Scrollbar.mjs';
+import { useScrollAreaContext } from '../ScrollArea.context.mjs';
+import { getThumbSize } from '../utils/get-thumb-size.mjs';
+import { isScrollingWithinScrollbarBounds } from '../utils/is-scrolling-within-scrollbar-bounds.mjs';
+import { toInt } from '../utils/to-int.mjs';
+
+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));
+    }, [ref]);
+    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)
+              }
+            });
+          }
+        }
+      })
+    );
+  }
+);
+
+export { ScrollAreaScrollbarY };
+//# sourceMappingURL=ScrollbarY.mjs.map

package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollbarY.mjs","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.mjs

@@ -0,0 +1,102 @@
+import React, { forwardRef, useRef, useEffect } from 'react';
+import { useMergedRef, useDebounceCallback } from '@mantine/hooks';
+import { useScrollbarContext } from '../ScrollAreaScrollbar/Scrollbar.context.mjs';
+import { useScrollAreaContext } from '../ScrollArea.context.mjs';
+import { composeEventHandlers } from '../utils/compose-event-handlers.mjs';
+import { addUnlinkedScrollListener } from '../utils/add-unlinked-scroll-listener.mjs';
+
+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 _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();
+        }
+      };
+      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 _a = props, { forceMount } = _a, thumbProps = __objRest(_a, ["forceMount"]);
+    const scrollbarContext = useScrollbarContext();
+    if (forceMount || scrollbarContext.hasThumb) {
+      return /* @__PURE__ */ React.createElement(Thumb, __spreadValues({ ref: forwardedRef }, thumbProps));
+    }
+    return null;
+  }
+);
+
+export { ScrollAreaThumb, Thumb };
+//# sourceMappingURL=ScrollAreaThumb.mjs.map

package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaThumb.mjs","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.mjs

@@ -0,0 +1,58 @@
+import React, { forwardRef } from 'react';
+import { useMergedRef } from '@mantine/hooks';
+import { useScrollAreaContext } from '../ScrollArea.context.mjs';
+import { Box } from '../../../core/Box/Box.mjs';
+
+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 /* @__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.mjs.map

package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaViewport.mjs","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.mjs

@@ -0,0 +1,23 @@
+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 void 0;
+  }, [element, handleResize]);
+}
+
+export { useResizeObserver };
+//# sourceMappingURL=use-resize-observer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-resize-observer.mjs","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.mjs

@@ -0,0 +1,18 @@
+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 };
+//# sourceMappingURL=add-unlinked-scroll-listener.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-unlinked-scroll-listener.mjs","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.mjs

@@ -0,0 +1,11 @@
+function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  return (event) => {
+    originalEventHandler == null ? void 0 : originalEventHandler(event);
+    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+      ourEventHandler == null ? void 0 : ourEventHandler(event);
+    }
+  };
+}
+
+export { composeEventHandlers };
+//# sourceMappingURL=compose-event-handlers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compose-event-handlers.mjs","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.mjs

@@ -0,0 +1,18 @@
+import { getThumbSize } from './get-thumb-size.mjs';
+import { linearScale } from './linear-scale.mjs';
+
+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 };
+//# sourceMappingURL=get-scroll-position-from-pointer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-scroll-position-from-pointer.mjs","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.mjs

@@ -0,0 +1,20 @@
+import { getThumbSize } from './get-thumb-size.mjs';
+import { linearScale } from './linear-scale.mjs';
+
+function clamp(value, [min, max]) {
+  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);
+}
+
+export { getThumbOffsetFromScroll };
+//# sourceMappingURL=get-thumb-offset-from-scroll.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-thumb-offset-from-scroll.mjs","sources":["../../../../src/components/ScrollArea/utils/get-thumb-offset-from-scroll.ts"],"sourcesContent":["import type { Sizes } from '../ScrollArea.types';\nimport { getThumbSize } from './get-thumb-size';\nimport { linearScale } from './linear-scale';\n\nfunction clamp(value: number, [min, max]: [number, number]): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nexport function getThumbOffsetFromScroll(\n  scrollPos: number,\n  sizes: Sizes,\n  dir: 'rtl' | 'ltr' = 'ltr'\n) {\n  const thumbSizePx = getThumbSize(sizes);\n  const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;\n  const scrollbar = sizes.scrollbar.size - scrollbarPadding;\n  const maxScrollPos = sizes.content - sizes.viewport;\n  const maxThumbPos = scrollbar - thumbSizePx;\n  const scrollClampRange = dir === 'ltr' ? [0, maxScrollPos] : [maxScrollPos * -1, 0];\n  const scrollWithoutMomentum = clamp(scrollPos, scrollClampRange as [number, number]);\n  const interpolate = linearScale([0, maxScrollPos], [0, maxThumbPos]);\n  return interpolate(scrollWithoutMomentum);\n}\n"],"names":[],"mappings":";;;AAEA,SAAS,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE;AAClC,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7C,CAAC;AACM,SAAS,wBAAwB,CAAC,SAAS,EAAE,KAAK,EAAE,GAAG,GAAG,KAAK,EAAE;AACxE,EAAE,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;AAC1C,EAAE,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;AACrF,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,gBAAgB,CAAC;AAC5D,EAAE,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;AACtD,EAAE,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,CAAC;AAC9C,EAAE,MAAM,gBAAgB,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACtF,EAAE,MAAM,qBAAqB,GAAG,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AACnE,EAAE,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;AACvE,EAAE,OAAO,WAAW,CAAC,qBAAqB,CAAC,CAAC;AAC5C;;;;"}

package/esm/components/ScrollArea/utils/get-thumb-ratio.mjs

@@ -0,0 +1,7 @@
+function getThumbRatio(viewportSize, contentSize) {
+  const ratio = viewportSize / contentSize;
+  return Number.isNaN(ratio) ? 0 : ratio;
+}
+
+export { getThumbRatio };
+//# sourceMappingURL=get-thumb-ratio.mjs.map

package/esm/components/ScrollArea/utils/get-thumb-ratio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-thumb-ratio.mjs","sources":["../../../../src/components/ScrollArea/utils/get-thumb-ratio.tsx"],"sourcesContent":["export function getThumbRatio(viewportSize: number, contentSize: number) {\n  const ratio = viewportSize / contentSize;\n  return Number.isNaN(ratio) ? 0 : ratio;\n}\n"],"names":[],"mappings":"AAAO,SAAS,aAAa,CAAC,YAAY,EAAE,WAAW,EAAE;AACzD,EAAE,MAAM,KAAK,GAAG,YAAY,GAAG,WAAW,CAAC;AAC3C,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACzC;;;;"}

package/esm/components/ScrollArea/utils/get-thumb-size.mjs

@@ -0,0 +1,11 @@
+import { getThumbRatio } from './get-thumb-ratio.mjs';
+
+function getThumbSize(sizes) {
+  const ratio = getThumbRatio(sizes.viewport, sizes.content);
+  const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
+  const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;
+  return Math.max(thumbSize, 18);
+}
+
+export { getThumbSize };
+//# sourceMappingURL=get-thumb-size.mjs.map

package/esm/components/ScrollArea/utils/get-thumb-size.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-thumb-size.mjs","sources":["../../../../src/components/ScrollArea/utils/get-thumb-size.tsx"],"sourcesContent":["import type { Sizes } from '../ScrollArea.types';\nimport { getThumbRatio } from './get-thumb-ratio';\n\nexport function getThumbSize(sizes: Sizes) {\n  const ratio = getThumbRatio(sizes.viewport, sizes.content);\n  const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;\n  const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;\n  return Math.max(thumbSize, 18);\n}\n"],"names":[],"mappings":";;AACO,SAAS,YAAY,CAAC,KAAK,EAAE;AACpC,EAAE,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;AAC7D,EAAE,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;AACrF,EAAE,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,gBAAgB,IAAI,KAAK,CAAC;AACtE,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;AACjC;;;;"}

package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.mjs

@@ -0,0 +1,6 @@
+function isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {
+  return scrollPos > 0 && scrollPos < maxScrollPos;
+}
+
+export { isScrollingWithinScrollbarBounds };
+//# sourceMappingURL=is-scrolling-within-scrollbar-bounds.mjs.map

package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-scrolling-within-scrollbar-bounds.mjs","sources":["../../../../src/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.ts"],"sourcesContent":["export function isScrollingWithinScrollbarBounds(scrollPos: number, maxScrollPos: number) {\n  return scrollPos > 0 && scrollPos < maxScrollPos;\n}\n"],"names":[],"mappings":"AAAO,SAAS,gCAAgC,CAAC,SAAS,EAAE,YAAY,EAAE;AAC1E,EAAE,OAAO,SAAS,GAAG,CAAC,IAAI,SAAS,GAAG,YAAY,CAAC;AACnD;;;;"}

package/esm/components/ScrollArea/utils/linear-scale.mjs

@@ -0,0 +1,11 @@
+function linearScale(input, output) {
+  return (value) => {
+    if (input[0] === input[1] || output[0] === output[1])
+      return output[0];
+    const ratio = (output[1] - output[0]) / (input[1] - input[0]);
+    return output[0] + ratio * (value - input[0]);
+  };
+}
+
+export { linearScale };
+//# sourceMappingURL=linear-scale.mjs.map

package/esm/components/ScrollArea/utils/linear-scale.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"linear-scale.mjs","sources":["../../../../src/components/ScrollArea/utils/linear-scale.ts"],"sourcesContent":["export function linearScale(input: readonly [number, number], output: readonly [number, number]) {\n  return (value: number) => {\n    if (input[0] === input[1] || output[0] === output[1]) return output[0];\n    const ratio = (output[1] - output[0]) / (input[1] - input[0]);\n    return output[0] + ratio * (value - input[0]);\n  };\n}\n"],"names":[],"mappings":"AAAO,SAAS,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE;AAC3C,EAAE,OAAO,CAAC,KAAK,KAAK;AACpB,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC;AACxD,MAAM,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;AACvB,IAAI,MAAM,KAAK,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAClD,GAAG,CAAC;AACJ;;;;"}

package/esm/components/ScrollArea/utils/to-int.mjs

@@ -0,0 +1,6 @@
+function toInt(value) {
+  return value ? parseInt(value, 10) : 0;
+}
+
+export { toInt };
+//# sourceMappingURL=to-int.mjs.map

package/esm/components/ScrollArea/utils/to-int.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-int.mjs","sources":["../../../../src/components/ScrollArea/utils/to-int.ts"],"sourcesContent":["export function toInt(value?: string) {\n  return value ? parseInt(value, 10) : 0;\n}\n"],"names":[],"mappings":"AAAO,SAAS,KAAK,CAAC,KAAK,EAAE;AAC7B,EAAE,OAAO,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;AACzC;;;;"}