@neynar/ui 0.4.0 → 0.5.0

package/dist/node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRoot.js

@@ -0,0 +1,248 @@
+"use client";
+import * as React from "react";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useTimeout } from "../../../../utils/esm/useTimeout.js";
+import { ScrollAreaRootContext } from "./ScrollAreaRootContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { ScrollAreaRootCssVars } from "./ScrollAreaRootCssVars.js";
+import { SCROLL_TIMEOUT } from "../constants.js";
+import { getOffset } from "../utils/getOffset.js";
+import { ScrollAreaScrollbarDataAttributes } from "../scrollbar/ScrollAreaScrollbarDataAttributes.js";
+import { styleDisableScrollbar } from "../../utils/styles.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { scrollAreaStateAttributesMapping } from "./stateAttributes.js";
+import { jsxs } from "react/jsx-runtime";
+import { contains } from "../../floating-ui-react/utils/element.js";
+const DEFAULT_SIZE = {
+  width: 0,
+  height: 0
+};
+const DEFAULT_OVERFLOW_EDGES = {
+  xStart: false,
+  xEnd: false,
+  yStart: false,
+  yEnd: false
+};
+const ScrollAreaRoot = /* @__PURE__ */ React.forwardRef(function ScrollAreaRoot2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    overflowEdgeThreshold: overflowEdgeThresholdProp,
+    ...elementProps
+  } = componentProps;
+  const [hovering, setHovering] = React.useState(false);
+  const [scrollingX, setScrollingX] = React.useState(false);
+  const [scrollingY, setScrollingY] = React.useState(false);
+  const [cornerSize, setCornerSize] = React.useState(DEFAULT_SIZE);
+  const [thumbSize, setThumbSize] = React.useState(DEFAULT_SIZE);
+  const [touchModality, setTouchModality] = React.useState(false);
+  const [overflowEdges, setOverflowEdges] = React.useState(DEFAULT_OVERFLOW_EDGES);
+  const rootId = useBaseUiId();
+  const rootRef = React.useRef(null);
+  const viewportRef = React.useRef(null);
+  const scrollbarYRef = React.useRef(null);
+  const scrollbarXRef = React.useRef(null);
+  const thumbYRef = React.useRef(null);
+  const thumbXRef = React.useRef(null);
+  const cornerRef = React.useRef(null);
+  const thumbDraggingRef = React.useRef(false);
+  const startYRef = React.useRef(0);
+  const startXRef = React.useRef(0);
+  const startScrollTopRef = React.useRef(0);
+  const startScrollLeftRef = React.useRef(0);
+  const currentOrientationRef = React.useRef("vertical");
+  const scrollYTimeout = useTimeout();
+  const scrollXTimeout = useTimeout();
+  const scrollPositionRef = React.useRef({
+    x: 0,
+    y: 0
+  });
+  const [hiddenState, setHiddenState] = React.useState({
+    scrollbarYHidden: false,
+    scrollbarXHidden: false,
+    cornerHidden: false
+  });
+  const overflowEdgeThreshold = normalizeOverflowEdgeThreshold(overflowEdgeThresholdProp);
+  const handleScroll = useStableCallback((scrollPosition) => {
+    const offsetX = scrollPosition.x - scrollPositionRef.current.x;
+    const offsetY = scrollPosition.y - scrollPositionRef.current.y;
+    scrollPositionRef.current = scrollPosition;
+    if (offsetY !== 0) {
+      setScrollingY(true);
+      scrollYTimeout.start(SCROLL_TIMEOUT, () => {
+        setScrollingY(false);
+      });
+    }
+    if (offsetX !== 0) {
+      setScrollingX(true);
+      scrollXTimeout.start(SCROLL_TIMEOUT, () => {
+        setScrollingX(false);
+      });
+    }
+  });
+  const handlePointerDown = useStableCallback((event) => {
+    if (event.button !== 0) {
+      return;
+    }
+    thumbDraggingRef.current = true;
+    startYRef.current = event.clientY;
+    startXRef.current = event.clientX;
+    currentOrientationRef.current = event.currentTarget.getAttribute(ScrollAreaScrollbarDataAttributes.orientation);
+    if (viewportRef.current) {
+      startScrollTopRef.current = viewportRef.current.scrollTop;
+      startScrollLeftRef.current = viewportRef.current.scrollLeft;
+    }
+    if (thumbYRef.current && currentOrientationRef.current === "vertical") {
+      thumbYRef.current.setPointerCapture(event.pointerId);
+    }
+    if (thumbXRef.current && currentOrientationRef.current === "horizontal") {
+      thumbXRef.current.setPointerCapture(event.pointerId);
+    }
+  });
+  const handlePointerMove = useStableCallback((event) => {
+    if (!thumbDraggingRef.current) {
+      return;
+    }
+    const deltaY = event.clientY - startYRef.current;
+    const deltaX = event.clientX - startXRef.current;
+    if (viewportRef.current) {
+      const scrollableContentHeight = viewportRef.current.scrollHeight;
+      const viewportHeight = viewportRef.current.clientHeight;
+      const scrollableContentWidth = viewportRef.current.scrollWidth;
+      const viewportWidth = viewportRef.current.clientWidth;
+      if (thumbYRef.current && scrollbarYRef.current && currentOrientationRef.current === "vertical") {
+        const scrollbarYOffset = getOffset(scrollbarYRef.current, "padding", "y");
+        const thumbYOffset = getOffset(thumbYRef.current, "margin", "y");
+        const thumbHeight = thumbYRef.current.offsetHeight;
+        const maxThumbOffsetY = scrollbarYRef.current.offsetHeight - thumbHeight - scrollbarYOffset - thumbYOffset;
+        const scrollRatioY = deltaY / maxThumbOffsetY;
+        viewportRef.current.scrollTop = startScrollTopRef.current + scrollRatioY * (scrollableContentHeight - viewportHeight);
+        event.preventDefault();
+        setScrollingY(true);
+        scrollYTimeout.start(SCROLL_TIMEOUT, () => {
+          setScrollingY(false);
+        });
+      }
+      if (thumbXRef.current && scrollbarXRef.current && currentOrientationRef.current === "horizontal") {
+        const scrollbarXOffset = getOffset(scrollbarXRef.current, "padding", "x");
+        const thumbXOffset = getOffset(thumbXRef.current, "margin", "x");
+        const thumbWidth = thumbXRef.current.offsetWidth;
+        const maxThumbOffsetX = scrollbarXRef.current.offsetWidth - thumbWidth - scrollbarXOffset - thumbXOffset;
+        const scrollRatioX = deltaX / maxThumbOffsetX;
+        viewportRef.current.scrollLeft = startScrollLeftRef.current + scrollRatioX * (scrollableContentWidth - viewportWidth);
+        event.preventDefault();
+        setScrollingX(true);
+        scrollXTimeout.start(SCROLL_TIMEOUT, () => {
+          setScrollingX(false);
+        });
+      }
+    }
+  });
+  const handlePointerUp = useStableCallback((event) => {
+    thumbDraggingRef.current = false;
+    if (thumbYRef.current && currentOrientationRef.current === "vertical") {
+      thumbYRef.current.releasePointerCapture(event.pointerId);
+    }
+    if (thumbXRef.current && currentOrientationRef.current === "horizontal") {
+      thumbXRef.current.releasePointerCapture(event.pointerId);
+    }
+  });
+  function handlePointerEnterOrMove(event) {
+    const isTouch = event.pointerType === "touch";
+    setTouchModality(isTouch);
+    if (!isTouch) {
+      const isTargetRootChild = contains(rootRef.current, event.target);
+      setHovering(isTargetRootChild);
+    }
+  }
+  const state = React.useMemo(() => ({
+    hasOverflowX: !hiddenState.scrollbarXHidden,
+    hasOverflowY: !hiddenState.scrollbarYHidden,
+    overflowXStart: overflowEdges.xStart,
+    overflowXEnd: overflowEdges.xEnd,
+    overflowYStart: overflowEdges.yStart,
+    overflowYEnd: overflowEdges.yEnd,
+    cornerHidden: hiddenState.cornerHidden
+  }), [hiddenState.scrollbarXHidden, hiddenState.scrollbarYHidden, hiddenState.cornerHidden, overflowEdges]);
+  const props = {
+    role: "presentation",
+    onPointerEnter: handlePointerEnterOrMove,
+    onPointerMove: handlePointerEnterOrMove,
+    onPointerDown({
+      pointerType
+    }) {
+      setTouchModality(pointerType === "touch");
+    },
+    onPointerLeave() {
+      setHovering(false);
+    },
+    style: {
+      position: "relative",
+      [ScrollAreaRootCssVars.scrollAreaCornerHeight]: `${cornerSize.height}px`,
+      [ScrollAreaRootCssVars.scrollAreaCornerWidth]: `${cornerSize.width}px`
+    }
+  };
+  const element = useRenderElement("div", componentProps, {
+    state,
+    ref: [forwardedRef, rootRef],
+    props: [props, elementProps],
+    stateAttributesMapping: scrollAreaStateAttributesMapping
+  });
+  const contextValue = React.useMemo(() => ({
+    handlePointerDown,
+    handlePointerMove,
+    handlePointerUp,
+    handleScroll,
+    cornerSize,
+    setCornerSize,
+    thumbSize,
+    setThumbSize,
+    touchModality,
+    cornerRef,
+    scrollingX,
+    setScrollingX,
+    scrollingY,
+    setScrollingY,
+    hovering,
+    setHovering,
+    viewportRef,
+    rootRef,
+    scrollbarYRef,
+    scrollbarXRef,
+    thumbYRef,
+    thumbXRef,
+    rootId,
+    hiddenState,
+    setHiddenState,
+    overflowEdges,
+    setOverflowEdges,
+    viewportState: state,
+    overflowEdgeThreshold
+  }), [handlePointerDown, handlePointerMove, handlePointerUp, handleScroll, cornerSize, thumbSize, touchModality, cornerRef, scrollingX, setScrollingX, scrollingY, setScrollingY, hovering, setHovering, viewportRef, rootRef, scrollbarYRef, scrollbarXRef, thumbYRef, thumbXRef, rootId, hiddenState, overflowEdges, state, overflowEdgeThreshold]);
+  return /* @__PURE__ */ jsxs(ScrollAreaRootContext.Provider, {
+    value: contextValue,
+    children: [styleDisableScrollbar.element, element]
+  });
+});
+if (process.env.NODE_ENV !== "production") ScrollAreaRoot.displayName = "ScrollAreaRoot";
+function normalizeOverflowEdgeThreshold(threshold) {
+  if (typeof threshold === "number") {
+    const value = Math.max(0, threshold);
+    return {
+      xStart: value,
+      xEnd: value,
+      yStart: value,
+      yEnd: value
+    };
+  }
+  return {
+    xStart: Math.max(0, threshold?.xStart || 0),
+    xEnd: Math.max(0, threshold?.xEnd || 0),
+    yStart: Math.max(0, threshold?.yStart || 0),
+    yEnd: Math.max(0, threshold?.yEnd || 0)
+  };
+}
+export {
+  ScrollAreaRoot
+};
+//# sourceMappingURL=ScrollAreaRoot.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaRoot.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRoot.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useTimeout } from '@base-ui/utils/useTimeout';\nimport { ScrollAreaRootContext } from \"./ScrollAreaRootContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { ScrollAreaRootCssVars } from \"./ScrollAreaRootCssVars.js\";\nimport { SCROLL_TIMEOUT } from \"../constants.js\";\nimport { getOffset } from \"../utils/getOffset.js\";\nimport { ScrollAreaScrollbarDataAttributes } from \"../scrollbar/ScrollAreaScrollbarDataAttributes.js\";\nimport { styleDisableScrollbar } from \"../../utils/styles.js\";\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { scrollAreaStateAttributesMapping } from \"./stateAttributes.js\";\nimport { contains } from \"../../floating-ui-react/utils.js\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst DEFAULT_SIZE = {\n  width: 0,\n  height: 0\n};\nconst DEFAULT_OVERFLOW_EDGES = {\n  xStart: false,\n  xEnd: false,\n  yStart: false,\n  yEnd: false\n};\n\n/**\n * Groups all parts of the scroll area.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Scroll Area](https://base-ui.com/react/components/scroll-area)\n */\nexport const ScrollAreaRoot = /*#__PURE__*/React.forwardRef(function ScrollAreaRoot(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    overflowEdgeThreshold: overflowEdgeThresholdProp,\n    ...elementProps\n  } = componentProps;\n  const [hovering, setHovering] = React.useState(false);\n  const [scrollingX, setScrollingX] = React.useState(false);\n  const [scrollingY, setScrollingY] = React.useState(false);\n  const [cornerSize, setCornerSize] = React.useState(DEFAULT_SIZE);\n  const [thumbSize, setThumbSize] = React.useState(DEFAULT_SIZE);\n  const [touchModality, setTouchModality] = React.useState(false);\n  const [overflowEdges, setOverflowEdges] = React.useState(DEFAULT_OVERFLOW_EDGES);\n  const rootId = useBaseUiId();\n  const rootRef = React.useRef(null);\n  const viewportRef = React.useRef(null);\n  const scrollbarYRef = React.useRef(null);\n  const scrollbarXRef = React.useRef(null);\n  const thumbYRef = React.useRef(null);\n  const thumbXRef = React.useRef(null);\n  const cornerRef = React.useRef(null);\n  const thumbDraggingRef = React.useRef(false);\n  const startYRef = React.useRef(0);\n  const startXRef = React.useRef(0);\n  const startScrollTopRef = React.useRef(0);\n  const startScrollLeftRef = React.useRef(0);\n  const currentOrientationRef = React.useRef('vertical');\n  const scrollYTimeout = useTimeout();\n  const scrollXTimeout = useTimeout();\n  const scrollPositionRef = React.useRef({\n    x: 0,\n    y: 0\n  });\n  const [hiddenState, setHiddenState] = React.useState({\n    scrollbarYHidden: false,\n    scrollbarXHidden: false,\n    cornerHidden: false\n  });\n  const overflowEdgeThreshold = normalizeOverflowEdgeThreshold(overflowEdgeThresholdProp);\n  const handleScroll = useStableCallback(scrollPosition => {\n    const offsetX = scrollPosition.x - scrollPositionRef.current.x;\n    const offsetY = scrollPosition.y - scrollPositionRef.current.y;\n    scrollPositionRef.current = scrollPosition;\n    if (offsetY !== 0) {\n      setScrollingY(true);\n      scrollYTimeout.start(SCROLL_TIMEOUT, () => {\n        setScrollingY(false);\n      });\n    }\n    if (offsetX !== 0) {\n      setScrollingX(true);\n      scrollXTimeout.start(SCROLL_TIMEOUT, () => {\n        setScrollingX(false);\n      });\n    }\n  });\n  const handlePointerDown = useStableCallback(event => {\n    if (event.button !== 0) {\n      return;\n    }\n    thumbDraggingRef.current = true;\n    startYRef.current = event.clientY;\n    startXRef.current = event.clientX;\n    currentOrientationRef.current = event.currentTarget.getAttribute(ScrollAreaScrollbarDataAttributes.orientation);\n    if (viewportRef.current) {\n      startScrollTopRef.current = viewportRef.current.scrollTop;\n      startScrollLeftRef.current = viewportRef.current.scrollLeft;\n    }\n    if (thumbYRef.current && currentOrientationRef.current === 'vertical') {\n      thumbYRef.current.setPointerCapture(event.pointerId);\n    }\n    if (thumbXRef.current && currentOrientationRef.current === 'horizontal') {\n      thumbXRef.current.setPointerCapture(event.pointerId);\n    }\n  });\n  const handlePointerMove = useStableCallback(event => {\n    if (!thumbDraggingRef.current) {\n      return;\n    }\n    const deltaY = event.clientY - startYRef.current;\n    const deltaX = event.clientX - startXRef.current;\n    if (viewportRef.current) {\n      const scrollableContentHeight = viewportRef.current.scrollHeight;\n      const viewportHeight = viewportRef.current.clientHeight;\n      const scrollableContentWidth = viewportRef.current.scrollWidth;\n      const viewportWidth = viewportRef.current.clientWidth;\n      if (thumbYRef.current && scrollbarYRef.current && currentOrientationRef.current === 'vertical') {\n        const scrollbarYOffset = getOffset(scrollbarYRef.current, 'padding', 'y');\n        const thumbYOffset = getOffset(thumbYRef.current, 'margin', 'y');\n        const thumbHeight = thumbYRef.current.offsetHeight;\n        const maxThumbOffsetY = scrollbarYRef.current.offsetHeight - thumbHeight - scrollbarYOffset - thumbYOffset;\n        const scrollRatioY = deltaY / maxThumbOffsetY;\n        viewportRef.current.scrollTop = startScrollTopRef.current + scrollRatioY * (scrollableContentHeight - viewportHeight);\n        event.preventDefault();\n        setScrollingY(true);\n        scrollYTimeout.start(SCROLL_TIMEOUT, () => {\n          setScrollingY(false);\n        });\n      }\n      if (thumbXRef.current && scrollbarXRef.current && currentOrientationRef.current === 'horizontal') {\n        const scrollbarXOffset = getOffset(scrollbarXRef.current, 'padding', 'x');\n        const thumbXOffset = getOffset(thumbXRef.current, 'margin', 'x');\n        const thumbWidth = thumbXRef.current.offsetWidth;\n        const maxThumbOffsetX = scrollbarXRef.current.offsetWidth - thumbWidth - scrollbarXOffset - thumbXOffset;\n        const scrollRatioX = deltaX / maxThumbOffsetX;\n        viewportRef.current.scrollLeft = startScrollLeftRef.current + scrollRatioX * (scrollableContentWidth - viewportWidth);\n        event.preventDefault();\n        setScrollingX(true);\n        scrollXTimeout.start(SCROLL_TIMEOUT, () => {\n          setScrollingX(false);\n        });\n      }\n    }\n  });\n  const handlePointerUp = useStableCallback(event => {\n    thumbDraggingRef.current = false;\n    if (thumbYRef.current && currentOrientationRef.current === 'vertical') {\n      thumbYRef.current.releasePointerCapture(event.pointerId);\n    }\n    if (thumbXRef.current && currentOrientationRef.current === 'horizontal') {\n      thumbXRef.current.releasePointerCapture(event.pointerId);\n    }\n  });\n  function handlePointerEnterOrMove(event) {\n    const isTouch = event.pointerType === 'touch';\n    setTouchModality(isTouch);\n    if (!isTouch) {\n      const isTargetRootChild = contains(rootRef.current, event.target);\n      setHovering(isTargetRootChild);\n    }\n  }\n  const state = React.useMemo(() => ({\n    hasOverflowX: !hiddenState.scrollbarXHidden,\n    hasOverflowY: !hiddenState.scrollbarYHidden,\n    overflowXStart: overflowEdges.xStart,\n    overflowXEnd: overflowEdges.xEnd,\n    overflowYStart: overflowEdges.yStart,\n    overflowYEnd: overflowEdges.yEnd,\n    cornerHidden: hiddenState.cornerHidden\n  }), [hiddenState.scrollbarXHidden, hiddenState.scrollbarYHidden, hiddenState.cornerHidden, overflowEdges]);\n  const props = {\n    role: 'presentation',\n    onPointerEnter: handlePointerEnterOrMove,\n    onPointerMove: handlePointerEnterOrMove,\n    onPointerDown({\n      pointerType\n    }) {\n      setTouchModality(pointerType === 'touch');\n    },\n    onPointerLeave() {\n      setHovering(false);\n    },\n    style: {\n      position: 'relative',\n      [ScrollAreaRootCssVars.scrollAreaCornerHeight]: `${cornerSize.height}px`,\n      [ScrollAreaRootCssVars.scrollAreaCornerWidth]: `${cornerSize.width}px`\n    }\n  };\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: [forwardedRef, rootRef],\n    props: [props, elementProps],\n    stateAttributesMapping: scrollAreaStateAttributesMapping\n  });\n  const contextValue = React.useMemo(() => ({\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    handleScroll,\n    cornerSize,\n    setCornerSize,\n    thumbSize,\n    setThumbSize,\n    touchModality,\n    cornerRef,\n    scrollingX,\n    setScrollingX,\n    scrollingY,\n    setScrollingY,\n    hovering,\n    setHovering,\n    viewportRef,\n    rootRef,\n    scrollbarYRef,\n    scrollbarXRef,\n    thumbYRef,\n    thumbXRef,\n    rootId,\n    hiddenState,\n    setHiddenState,\n    overflowEdges,\n    setOverflowEdges,\n    viewportState: state,\n    overflowEdgeThreshold\n  }), [handlePointerDown, handlePointerMove, handlePointerUp, handleScroll, cornerSize, thumbSize, touchModality, cornerRef, scrollingX, setScrollingX, scrollingY, setScrollingY, hovering, setHovering, viewportRef, rootRef, scrollbarYRef, scrollbarXRef, thumbYRef, thumbXRef, rootId, hiddenState, overflowEdges, state, overflowEdgeThreshold]);\n  return /*#__PURE__*/_jsxs(ScrollAreaRootContext.Provider, {\n    value: contextValue,\n    children: [styleDisableScrollbar.element, element]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") ScrollAreaRoot.displayName = \"ScrollAreaRoot\";\nfunction normalizeOverflowEdgeThreshold(threshold) {\n  if (typeof threshold === 'number') {\n    const value = Math.max(0, threshold);\n    return {\n      xStart: value,\n      xEnd: value,\n      yStart: value,\n      yEnd: value\n    };\n  }\n  return {\n    xStart: Math.max(0, threshold?.xStart || 0),\n    xEnd: Math.max(0, threshold?.xEnd || 0),\n    yStart: Math.max(0, threshold?.yStart || 0),\n    yEnd: Math.max(0, threshold?.yEnd || 0)\n  };\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBA;AAAqB;AACZ;AAET;AACA;AAA+B;AACrB;AACF;AACE;AAEV;AAQY;AACV;AAAM;AACJ;AACA;AACuB;AACpB;AAEL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAuC;AAClC;AACA;AAEL;AAAqD;AACjC;AACA;AACJ;AAEhB;AACA;AACE;AACA;AACA;AACA;AACE;AACA;AACE;AAAmB;AACpB;AAEH;AACE;AACA;AACE;AAAmB;AACpB;AACH;AAEF;AACE;AACE;AAAA;AAEF;AACA;AACA;AACA;AACA;AACE;AACA;AAAiD;AAEnD;AACE;AAAmD;AAErD;AACE;AAAmD;AACrD;AAEF;AACE;AACE;AAAA;AAEF;AACA;AACA;AACE;AACA;AACA;AACA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AAAmB;AACpB;AAEH;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AAAmB;AACpB;AACH;AACF;AAEF;AACE;AACA;AACE;AAAuD;AAEzD;AACE;AAAuD;AACzD;AAEF;AACE;AACA;AACA;AACE;AACA;AAA6B;AAC/B;AAEF;AAAmC;AACN;AACA;AACG;AACF;AACE;AACF;AACF;AAE5B;AAAc;AACN;AACU;AACD;AACD;AACZ;AAEA;AAAwC;AAC1C;AAEE;AAAiB;AACnB;AACO;AACK;AAC0D;AACF;AACxE;AAEE;AAAwD;AACtD;AAC2B;AACA;AACH;AAE1B;AAA0C;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe;AACf;AAEF;AAA0D;AACjD;AAC0C;AAErD;AACA;AACA;AACE;AACE;AACA;AAAO;AACG;AACF;AACE;AACF;AACZ;AAEE;AAAO;AACqC;AACJ;AACI;AACJ;AAE1C;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRootContext.js

@@ -0,0 +1,16 @@
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const ScrollAreaRootContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ScrollAreaRootContext.displayName = "ScrollAreaRootContext";
+function useScrollAreaRootContext() {
+  const context = React.useContext(ScrollAreaRootContext);
+  if (context === void 0) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ScrollAreaRootContext is missing. ScrollArea parts must be placed within <ScrollArea.Root>." : formatErrorMessage(53));
+  }
+  return context;
+}
+export {
+  ScrollAreaRootContext,
+  useScrollAreaRootContext
+};
+//# sourceMappingURL=ScrollAreaRootContext.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRootContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaRootContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRootContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const ScrollAreaRootContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") ScrollAreaRootContext.displayName = \"ScrollAreaRootContext\";\nexport function useScrollAreaRootContext() {\n  const context = React.useContext(ScrollAreaRootContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: ScrollAreaRootContext is missing. ScrollArea parts must be placed within <ScrollArea.Root>.' : _formatErrorMessage(53));\n  }\n  return context;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,wBAAqC,sBAAM,cAAc,MAAS;AAC/E,IAAI,QAAQ,IAAI,aAAa,aAAc,uBAAsB,cAAc;AACxE,SAAS,2BAA2B;AACzC,QAAM,UAAU,MAAM,WAAW,qBAAqB;AACtD,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,yGAAyGA,mBAAoB,EAAE,CAAC;AAAA,EAC1L;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRootCssVars.js

@@ -0,0 +1,9 @@
+let ScrollAreaRootCssVars = /* @__PURE__ */ (function(ScrollAreaRootCssVars2) {
+  ScrollAreaRootCssVars2["scrollAreaCornerHeight"] = "--scroll-area-corner-height";
+  ScrollAreaRootCssVars2["scrollAreaCornerWidth"] = "--scroll-area-corner-width";
+  return ScrollAreaRootCssVars2;
+})({});
+export {
+  ScrollAreaRootCssVars
+};
+//# sourceMappingURL=ScrollAreaRootCssVars.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRootCssVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaRootCssVars.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRootCssVars.js"],"sourcesContent":["export let ScrollAreaRootCssVars = /*#__PURE__*/function (ScrollAreaRootCssVars) {\n  /**\n   * The scroll area's corner height.\n   * @type {number}\n   */\n  ScrollAreaRootCssVars[\"scrollAreaCornerHeight\"] = \"--scroll-area-corner-height\";\n  /**\n   * The scroll area's corner width.\n   * @type {number}\n   */\n  ScrollAreaRootCssVars[\"scrollAreaCornerWidth\"] = \"--scroll-area-corner-width\";\n  return ScrollAreaRootCssVars;\n}({});"],"names":["ScrollAreaRootCssVars"],"mappings":"AAAU,IAAC,wBAAqC,0BAAUA,wBAAuB;AAK/E,EAAAA,uBAAsB,wBAAwB,IAAI;AAKlD,EAAAA,uBAAsB,uBAAuB,IAAI;AACjD,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRootDataAttributes.js

@@ -0,0 +1,13 @@
+let ScrollAreaRootDataAttributes = /* @__PURE__ */ (function(ScrollAreaRootDataAttributes2) {
+  ScrollAreaRootDataAttributes2["hasOverflowX"] = "data-has-overflow-x";
+  ScrollAreaRootDataAttributes2["hasOverflowY"] = "data-has-overflow-y";
+  ScrollAreaRootDataAttributes2["overflowXStart"] = "data-overflow-x-start";
+  ScrollAreaRootDataAttributes2["overflowXEnd"] = "data-overflow-x-end";
+  ScrollAreaRootDataAttributes2["overflowYStart"] = "data-overflow-y-start";
+  ScrollAreaRootDataAttributes2["overflowYEnd"] = "data-overflow-y-end";
+  return ScrollAreaRootDataAttributes2;
+})({});
+export {
+  ScrollAreaRootDataAttributes
+};
+//# sourceMappingURL=ScrollAreaRootDataAttributes.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRootDataAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaRootDataAttributes.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRootDataAttributes.js"],"sourcesContent":["export let ScrollAreaRootDataAttributes = /*#__PURE__*/function (ScrollAreaRootDataAttributes) {\n  /**\n   * Present when the scroll area content is wider than the viewport.\n   */\n  ScrollAreaRootDataAttributes[\"hasOverflowX\"] = \"data-has-overflow-x\";\n  /**\n   * Present when the scroll area content is taller than the viewport.\n   */\n  ScrollAreaRootDataAttributes[\"hasOverflowY\"] = \"data-has-overflow-y\";\n  /**\n   * Present when there is overflow on the horizontal start side.\n   */\n  ScrollAreaRootDataAttributes[\"overflowXStart\"] = \"data-overflow-x-start\";\n  /**\n   * Present when there is overflow on the horizontal end side.\n   */\n  ScrollAreaRootDataAttributes[\"overflowXEnd\"] = \"data-overflow-x-end\";\n  /**\n   * Present when there is overflow on the vertical start side.\n   */\n  ScrollAreaRootDataAttributes[\"overflowYStart\"] = \"data-overflow-y-start\";\n  /**\n   * Present when there is overflow on the vertical end side.\n   */\n  ScrollAreaRootDataAttributes[\"overflowYEnd\"] = \"data-overflow-y-end\";\n  return ScrollAreaRootDataAttributes;\n}({});"],"names":["ScrollAreaRootDataAttributes"],"mappings":"AAAU,IAAC,+BAA4C,0BAAUA,+BAA8B;AAI7F,EAAAA,8BAA6B,cAAc,IAAI;AAI/C,EAAAA,8BAA6B,cAAc,IAAI;AAI/C,EAAAA,8BAA6B,gBAAgB,IAAI;AAIjD,EAAAA,8BAA6B,cAAc,IAAI;AAI/C,EAAAA,8BAA6B,gBAAgB,IAAI;AAIjD,EAAAA,8BAA6B,cAAc,IAAI;AAC/C,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/root/stateAttributes.js

@@ -0,0 +1,26 @@
+import { ScrollAreaRootDataAttributes } from "./ScrollAreaRootDataAttributes.js";
+const scrollAreaStateAttributesMapping = {
+  hasOverflowX: (value) => value ? {
+    [ScrollAreaRootDataAttributes.hasOverflowX]: ""
+  } : null,
+  hasOverflowY: (value) => value ? {
+    [ScrollAreaRootDataAttributes.hasOverflowY]: ""
+  } : null,
+  overflowXStart: (value) => value ? {
+    [ScrollAreaRootDataAttributes.overflowXStart]: ""
+  } : null,
+  overflowXEnd: (value) => value ? {
+    [ScrollAreaRootDataAttributes.overflowXEnd]: ""
+  } : null,
+  overflowYStart: (value) => value ? {
+    [ScrollAreaRootDataAttributes.overflowYStart]: ""
+  } : null,
+  overflowYEnd: (value) => value ? {
+    [ScrollAreaRootDataAttributes.overflowYEnd]: ""
+  } : null,
+  cornerHidden: () => null
+};
+export {
+  scrollAreaStateAttributesMapping
+};
+//# sourceMappingURL=stateAttributes.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/root/stateAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateAttributes.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/root/stateAttributes.js"],"sourcesContent":["import { ScrollAreaRootDataAttributes } from \"./ScrollAreaRootDataAttributes.js\";\nexport const scrollAreaStateAttributesMapping = {\n  hasOverflowX: value => value ? {\n    [ScrollAreaRootDataAttributes.hasOverflowX]: ''\n  } : null,\n  hasOverflowY: value => value ? {\n    [ScrollAreaRootDataAttributes.hasOverflowY]: ''\n  } : null,\n  overflowXStart: value => value ? {\n    [ScrollAreaRootDataAttributes.overflowXStart]: ''\n  } : null,\n  overflowXEnd: value => value ? {\n    [ScrollAreaRootDataAttributes.overflowXEnd]: ''\n  } : null,\n  overflowYStart: value => value ? {\n    [ScrollAreaRootDataAttributes.overflowYStart]: ''\n  } : null,\n  overflowYEnd: value => value ? {\n    [ScrollAreaRootDataAttributes.overflowYEnd]: ''\n  } : null,\n  cornerHidden: () => null\n};"],"names":[],"mappings":";AACY,MAAC,mCAAmC;AAAA,EAC9C,cAAc,WAAS,QAAQ;AAAA,IAC7B,CAAC,6BAA6B,YAAY,GAAG;AAAA,EACjD,IAAM;AAAA,EACJ,cAAc,WAAS,QAAQ;AAAA,IAC7B,CAAC,6BAA6B,YAAY,GAAG;AAAA,EACjD,IAAM;AAAA,EACJ,gBAAgB,WAAS,QAAQ;AAAA,IAC/B,CAAC,6BAA6B,cAAc,GAAG;AAAA,EACnD,IAAM;AAAA,EACJ,cAAc,WAAS,QAAQ;AAAA,IAC7B,CAAC,6BAA6B,YAAY,GAAG;AAAA,EACjD,IAAM;AAAA,EACJ,gBAAgB,WAAS,QAAQ;AAAA,IAC/B,CAAC,6BAA6B,cAAc,GAAG;AAAA,EACnD,IAAM;AAAA,EACJ,cAAc,WAAS,QAAQ;AAAA,IAC7B,CAAC,6BAA6B,YAAY,GAAG;AAAA,EACjD,IAAM;AAAA,EACJ,cAAc,MAAM;AACtB;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbar.js

@@ -0,0 +1,183 @@
+"use client";
+import * as React from "react";
+import { useScrollAreaRootContext } from "../root/ScrollAreaRootContext.js";
+import { ScrollAreaScrollbarContext } from "./ScrollAreaScrollbarContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { getOffset } from "../utils/getOffset.js";
+import { ScrollAreaRootCssVars } from "../root/ScrollAreaRootCssVars.js";
+import { ScrollAreaScrollbarCssVars } from "./ScrollAreaScrollbarCssVars.js";
+import { useDirection } from "../../direction-provider/DirectionContext.js";
+import { scrollAreaStateAttributesMapping } from "../root/stateAttributes.js";
+import { jsx } from "react/jsx-runtime";
+const ScrollAreaScrollbar = /* @__PURE__ */ React.forwardRef(function ScrollAreaScrollbar2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    orientation = "vertical",
+    keepMounted = false,
+    ...elementProps
+  } = componentProps;
+  const {
+    hovering,
+    scrollingX,
+    scrollingY,
+    hiddenState,
+    overflowEdges,
+    scrollbarYRef,
+    scrollbarXRef,
+    viewportRef,
+    thumbYRef,
+    thumbXRef,
+    handlePointerDown,
+    handlePointerUp,
+    rootId,
+    thumbSize
+  } = useScrollAreaRootContext();
+  const state = React.useMemo(() => ({
+    hovering,
+    scrolling: {
+      horizontal: scrollingX,
+      vertical: scrollingY
+    }[orientation],
+    orientation,
+    hasOverflowX: !hiddenState.scrollbarXHidden,
+    hasOverflowY: !hiddenState.scrollbarYHidden,
+    overflowXStart: overflowEdges.xStart,
+    overflowXEnd: overflowEdges.xEnd,
+    overflowYStart: overflowEdges.yStart,
+    overflowYEnd: overflowEdges.yEnd,
+    cornerHidden: hiddenState.cornerHidden
+  }), [hovering, scrollingX, scrollingY, orientation, hiddenState, overflowEdges]);
+  const direction = useDirection();
+  React.useEffect(() => {
+    const viewportEl = viewportRef.current;
+    const scrollbarEl = orientation === "vertical" ? scrollbarYRef.current : scrollbarXRef.current;
+    if (!scrollbarEl) {
+      return void 0;
+    }
+    function handleWheel(event) {
+      if (!viewportEl || !scrollbarEl || event.ctrlKey) {
+        return;
+      }
+      event.preventDefault();
+      if (orientation === "vertical") {
+        if (viewportEl.scrollTop === 0 && event.deltaY < 0) {
+          return;
+        }
+      } else if (viewportEl.scrollLeft === 0 && event.deltaX < 0) {
+        return;
+      }
+      if (orientation === "vertical") {
+        if (viewportEl.scrollTop === viewportEl.scrollHeight - viewportEl.clientHeight && event.deltaY > 0) {
+          return;
+        }
+      } else if (viewportEl.scrollLeft === viewportEl.scrollWidth - viewportEl.clientWidth && event.deltaX > 0) {
+        return;
+      }
+      if (orientation === "vertical") {
+        viewportEl.scrollTop += event.deltaY;
+      } else {
+        viewportEl.scrollLeft += event.deltaX;
+      }
+    }
+    scrollbarEl.addEventListener("wheel", handleWheel, {
+      passive: false
+    });
+    return () => {
+      scrollbarEl.removeEventListener("wheel", handleWheel);
+    };
+  }, [orientation, scrollbarXRef, scrollbarYRef, viewportRef]);
+  const props = {
+    ...rootId && {
+      "data-id": `${rootId}-scrollbar`
+    },
+    onPointerDown(event) {
+      if (event.button !== 0) {
+        return;
+      }
+      if (event.currentTarget !== event.target) {
+        return;
+      }
+      if (!viewportRef.current) {
+        return;
+      }
+      if (thumbYRef.current && scrollbarYRef.current && orientation === "vertical") {
+        const thumbYOffset = getOffset(thumbYRef.current, "margin", "y");
+        const scrollbarYOffset = getOffset(scrollbarYRef.current, "padding", "y");
+        const thumbHeight = thumbYRef.current.offsetHeight;
+        const trackRectY = scrollbarYRef.current.getBoundingClientRect();
+        const clickY = event.clientY - trackRectY.top - thumbHeight / 2 - scrollbarYOffset + thumbYOffset / 2;
+        const scrollableContentHeight = viewportRef.current.scrollHeight;
+        const viewportHeight = viewportRef.current.clientHeight;
+        const maxThumbOffsetY = scrollbarYRef.current.offsetHeight - thumbHeight - scrollbarYOffset - thumbYOffset;
+        const scrollRatioY = clickY / maxThumbOffsetY;
+        const newScrollTop = scrollRatioY * (scrollableContentHeight - viewportHeight);
+        viewportRef.current.scrollTop = newScrollTop;
+      }
+      if (thumbXRef.current && scrollbarXRef.current && orientation === "horizontal") {
+        const thumbXOffset = getOffset(thumbXRef.current, "margin", "x");
+        const scrollbarXOffset = getOffset(scrollbarXRef.current, "padding", "x");
+        const thumbWidth = thumbXRef.current.offsetWidth;
+        const trackRectX = scrollbarXRef.current.getBoundingClientRect();
+        const clickX = event.clientX - trackRectX.left - thumbWidth / 2 - scrollbarXOffset + thumbXOffset / 2;
+        const scrollableContentWidth = viewportRef.current.scrollWidth;
+        const viewportWidth = viewportRef.current.clientWidth;
+        const maxThumbOffsetX = scrollbarXRef.current.offsetWidth - thumbWidth - scrollbarXOffset - thumbXOffset;
+        const scrollRatioX = clickX / maxThumbOffsetX;
+        let newScrollLeft;
+        if (direction === "rtl") {
+          newScrollLeft = (1 - scrollRatioX) * (scrollableContentWidth - viewportWidth);
+          if (viewportRef.current.scrollLeft <= 0) {
+            newScrollLeft = -newScrollLeft;
+          }
+        } else {
+          newScrollLeft = scrollRatioX * (scrollableContentWidth - viewportWidth);
+        }
+        viewportRef.current.scrollLeft = newScrollLeft;
+      }
+      handlePointerDown(event);
+    },
+    onPointerUp: handlePointerUp,
+    style: {
+      position: "absolute",
+      touchAction: "none",
+      WebkitUserSelect: "none",
+      userSelect: "none",
+      ...orientation === "vertical" && {
+        top: 0,
+        bottom: `var(${ScrollAreaRootCssVars.scrollAreaCornerHeight})`,
+        insetInlineEnd: 0,
+        [ScrollAreaScrollbarCssVars.scrollAreaThumbHeight]: `${thumbSize.height}px`
+      },
+      ...orientation === "horizontal" && {
+        insetInlineStart: 0,
+        insetInlineEnd: `var(${ScrollAreaRootCssVars.scrollAreaCornerWidth})`,
+        bottom: 0,
+        [ScrollAreaScrollbarCssVars.scrollAreaThumbWidth]: `${thumbSize.width}px`
+      }
+    }
+  };
+  const element = useRenderElement("div", componentProps, {
+    ref: [forwardedRef, orientation === "vertical" ? scrollbarYRef : scrollbarXRef],
+    state,
+    props: [props, elementProps],
+    stateAttributesMapping: scrollAreaStateAttributesMapping
+  });
+  const contextValue = React.useMemo(() => ({
+    orientation
+  }), [orientation]);
+  const isHidden = orientation === "vertical" ? hiddenState.scrollbarYHidden : hiddenState.scrollbarXHidden;
+  const shouldRender = keepMounted || !isHidden;
+  if (!shouldRender) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ScrollAreaScrollbarContext.Provider, {
+    value: contextValue,
+    children: element
+  });
+});
+if (process.env.NODE_ENV !== "production") ScrollAreaScrollbar.displayName = "ScrollAreaScrollbar";
+export {
+  ScrollAreaScrollbar
+};
+//# sourceMappingURL=ScrollAreaScrollbar.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaScrollbar.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbar.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useScrollAreaRootContext } from \"../root/ScrollAreaRootContext.js\";\nimport { ScrollAreaScrollbarContext } from \"./ScrollAreaScrollbarContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { getOffset } from \"../utils/getOffset.js\";\nimport { ScrollAreaRootCssVars } from \"../root/ScrollAreaRootCssVars.js\";\nimport { ScrollAreaScrollbarCssVars } from \"./ScrollAreaScrollbarCssVars.js\";\nimport { useDirection } from \"../../direction-provider/DirectionContext.js\";\nimport { scrollAreaStateAttributesMapping } from \"../root/stateAttributes.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * A vertical or horizontal scrollbar for the scroll area.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Scroll Area](https://base-ui.com/react/components/scroll-area)\n */\nexport const ScrollAreaScrollbar = /*#__PURE__*/React.forwardRef(function ScrollAreaScrollbar(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    orientation = 'vertical',\n    keepMounted = false,\n    ...elementProps\n  } = componentProps;\n  const {\n    hovering,\n    scrollingX,\n    scrollingY,\n    hiddenState,\n    overflowEdges,\n    scrollbarYRef,\n    scrollbarXRef,\n    viewportRef,\n    thumbYRef,\n    thumbXRef,\n    handlePointerDown,\n    handlePointerUp,\n    rootId,\n    thumbSize\n  } = useScrollAreaRootContext();\n  const state = React.useMemo(() => ({\n    hovering,\n    scrolling: {\n      horizontal: scrollingX,\n      vertical: scrollingY\n    }[orientation],\n    orientation,\n    hasOverflowX: !hiddenState.scrollbarXHidden,\n    hasOverflowY: !hiddenState.scrollbarYHidden,\n    overflowXStart: overflowEdges.xStart,\n    overflowXEnd: overflowEdges.xEnd,\n    overflowYStart: overflowEdges.yStart,\n    overflowYEnd: overflowEdges.yEnd,\n    cornerHidden: hiddenState.cornerHidden\n  }), [hovering, scrollingX, scrollingY, orientation, hiddenState, overflowEdges]);\n  const direction = useDirection();\n  React.useEffect(() => {\n    const viewportEl = viewportRef.current;\n    const scrollbarEl = orientation === 'vertical' ? scrollbarYRef.current : scrollbarXRef.current;\n    if (!scrollbarEl) {\n      return undefined;\n    }\n    function handleWheel(event) {\n      if (!viewportEl || !scrollbarEl || event.ctrlKey) {\n        return;\n      }\n      event.preventDefault();\n      if (orientation === 'vertical') {\n        if (viewportEl.scrollTop === 0 && event.deltaY < 0) {\n          return;\n        }\n      } else if (viewportEl.scrollLeft === 0 && event.deltaX < 0) {\n        return;\n      }\n      if (orientation === 'vertical') {\n        if (viewportEl.scrollTop === viewportEl.scrollHeight - viewportEl.clientHeight && event.deltaY > 0) {\n          return;\n        }\n      } else if (viewportEl.scrollLeft === viewportEl.scrollWidth - viewportEl.clientWidth && event.deltaX > 0) {\n        return;\n      }\n      if (orientation === 'vertical') {\n        viewportEl.scrollTop += event.deltaY;\n      } else {\n        viewportEl.scrollLeft += event.deltaX;\n      }\n    }\n    scrollbarEl.addEventListener('wheel', handleWheel, {\n      passive: false\n    });\n    return () => {\n      scrollbarEl.removeEventListener('wheel', handleWheel);\n    };\n  }, [orientation, scrollbarXRef, scrollbarYRef, viewportRef]);\n  const props = {\n    ...(rootId && {\n      'data-id': `${rootId}-scrollbar`\n    }),\n    onPointerDown(event) {\n      if (event.button !== 0) {\n        return;\n      }\n\n      // Ignore clicks on thumb\n      if (event.currentTarget !== event.target) {\n        return;\n      }\n      if (!viewportRef.current) {\n        return;\n      }\n\n      // Handle Y-axis (vertical) scroll\n      if (thumbYRef.current && scrollbarYRef.current && orientation === 'vertical') {\n        const thumbYOffset = getOffset(thumbYRef.current, 'margin', 'y');\n        const scrollbarYOffset = getOffset(scrollbarYRef.current, 'padding', 'y');\n        const thumbHeight = thumbYRef.current.offsetHeight;\n        const trackRectY = scrollbarYRef.current.getBoundingClientRect();\n        const clickY = event.clientY - trackRectY.top - thumbHeight / 2 - scrollbarYOffset + thumbYOffset / 2;\n        const scrollableContentHeight = viewportRef.current.scrollHeight;\n        const viewportHeight = viewportRef.current.clientHeight;\n        const maxThumbOffsetY = scrollbarYRef.current.offsetHeight - thumbHeight - scrollbarYOffset - thumbYOffset;\n        const scrollRatioY = clickY / maxThumbOffsetY;\n        const newScrollTop = scrollRatioY * (scrollableContentHeight - viewportHeight);\n        viewportRef.current.scrollTop = newScrollTop;\n      }\n      if (thumbXRef.current && scrollbarXRef.current && orientation === 'horizontal') {\n        const thumbXOffset = getOffset(thumbXRef.current, 'margin', 'x');\n        const scrollbarXOffset = getOffset(scrollbarXRef.current, 'padding', 'x');\n        const thumbWidth = thumbXRef.current.offsetWidth;\n        const trackRectX = scrollbarXRef.current.getBoundingClientRect();\n        const clickX = event.clientX - trackRectX.left - thumbWidth / 2 - scrollbarXOffset + thumbXOffset / 2;\n        const scrollableContentWidth = viewportRef.current.scrollWidth;\n        const viewportWidth = viewportRef.current.clientWidth;\n        const maxThumbOffsetX = scrollbarXRef.current.offsetWidth - thumbWidth - scrollbarXOffset - thumbXOffset;\n        const scrollRatioX = clickX / maxThumbOffsetX;\n        let newScrollLeft;\n        if (direction === 'rtl') {\n          // In RTL, invert the scroll direction\n          newScrollLeft = (1 - scrollRatioX) * (scrollableContentWidth - viewportWidth);\n\n          // Adjust for browsers that use negative scrollLeft in RTL\n          if (viewportRef.current.scrollLeft <= 0) {\n            newScrollLeft = -newScrollLeft;\n          }\n        } else {\n          newScrollLeft = scrollRatioX * (scrollableContentWidth - viewportWidth);\n        }\n        viewportRef.current.scrollLeft = newScrollLeft;\n      }\n      handlePointerDown(event);\n    },\n    onPointerUp: handlePointerUp,\n    style: {\n      position: 'absolute',\n      touchAction: 'none',\n      WebkitUserSelect: 'none',\n      userSelect: 'none',\n      ...(orientation === 'vertical' && {\n        top: 0,\n        bottom: `var(${ScrollAreaRootCssVars.scrollAreaCornerHeight})`,\n        insetInlineEnd: 0,\n        [ScrollAreaScrollbarCssVars.scrollAreaThumbHeight]: `${thumbSize.height}px`\n      }),\n      ...(orientation === 'horizontal' && {\n        insetInlineStart: 0,\n        insetInlineEnd: `var(${ScrollAreaRootCssVars.scrollAreaCornerWidth})`,\n        bottom: 0,\n        [ScrollAreaScrollbarCssVars.scrollAreaThumbWidth]: `${thumbSize.width}px`\n      })\n    }\n  };\n  const element = useRenderElement('div', componentProps, {\n    ref: [forwardedRef, orientation === 'vertical' ? scrollbarYRef : scrollbarXRef],\n    state,\n    props: [props, elementProps],\n    stateAttributesMapping: scrollAreaStateAttributesMapping\n  });\n  const contextValue = React.useMemo(() => ({\n    orientation\n  }), [orientation]);\n  const isHidden = orientation === 'vertical' ? hiddenState.scrollbarYHidden : hiddenState.scrollbarXHidden;\n  const shouldRender = keepMounted || !isHidden;\n  if (!shouldRender) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(ScrollAreaScrollbarContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") ScrollAreaScrollbar.displayName = \"ScrollAreaScrollbar\";"],"names":[],"mappings":";;;;;;;;;;;AAkBY;AACV;AAAM;AACJ;AACA;AACc;AACA;AACX;AAEL;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AAAmC;AACjC;AACW;AACG;AACF;AACC;AACb;AAC2B;AACA;AACG;AACF;AACE;AACF;AACF;AAE5B;AACA;AACE;AACA;AACA;AACE;AAAO;AAET;AACE;AACE;AAAA;AAEF;AACA;AACE;AACE;AAAA;AACF;AAEA;AAAA;AAEF;AACE;AACE;AAAA;AACF;AAEA;AAAA;AAEF;AACE;AAA8B;AAE9B;AAA+B;AACjC;AAEF;AAAmD;AACxC;AAEX;AACE;AAAoD;AACtD;AAEF;AAAc;AACE;AACQ;AAC1B;AAEM;AACE;AAAA;AAIF;AACE;AAAA;AAEF;AACE;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAElC;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEE;AAGA;AACE;AAAiB;AACnB;AAEA;AAAyD;AAE3D;AAAiC;AAEnC;AAAuB;AACzB;AACa;AACN;AACK;AACG;AACK;AACN;AACsB;AAC3B;AACsD;AAC3C;AACuD;AAC/E;AAC0C;AAChB;AACgD;AAC1D;AAC6D;AAC7E;AACA;AAEE;AAAwD;AACwB;AAC9E;AAC2B;AACH;AAE1B;AAA0C;AACxC;AAEF;AACA;AACA;AACE;AAAO;AAET;AAA8D;AACrD;AACG;AAEd;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbarContext.js

@@ -0,0 +1,16 @@
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const ScrollAreaScrollbarContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ScrollAreaScrollbarContext.displayName = "ScrollAreaScrollbarContext";
+function useScrollAreaScrollbarContext() {
+  const context = React.useContext(ScrollAreaScrollbarContext);
+  if (context === void 0) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ScrollAreaScrollbarContext is missing. ScrollAreaScrollbar parts must be placed within <ScrollArea.Scrollbar>." : formatErrorMessage(54));
+  }
+  return context;
+}
+export {
+  ScrollAreaScrollbarContext,
+  useScrollAreaScrollbarContext
+};
+//# sourceMappingURL=ScrollAreaScrollbarContext.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaScrollbarContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbarContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const ScrollAreaScrollbarContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") ScrollAreaScrollbarContext.displayName = \"ScrollAreaScrollbarContext\";\nexport function useScrollAreaScrollbarContext() {\n  const context = React.useContext(ScrollAreaScrollbarContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: ScrollAreaScrollbarContext is missing. ScrollAreaScrollbar parts must be placed within <ScrollArea.Scrollbar>.' : _formatErrorMessage(54));\n  }\n  return context;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,6BAA0C,sBAAM,cAAc,MAAS;AACpF,IAAI,QAAQ,IAAI,aAAa,aAAc,4BAA2B,cAAc;AAC7E,SAAS,gCAAgC;AAC9C,QAAM,UAAU,MAAM,WAAW,0BAA0B;AAC3D,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,4HAA4HA,mBAAoB,EAAE,CAAC;AAAA,EAC7M;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbarCssVars.js

@@ -0,0 +1,9 @@
+let ScrollAreaScrollbarCssVars = /* @__PURE__ */ (function(ScrollAreaScrollbarCssVars2) {
+  ScrollAreaScrollbarCssVars2["scrollAreaThumbHeight"] = "--scroll-area-thumb-height";
+  ScrollAreaScrollbarCssVars2["scrollAreaThumbWidth"] = "--scroll-area-thumb-width";
+  return ScrollAreaScrollbarCssVars2;
+})({});
+export {
+  ScrollAreaScrollbarCssVars
+};
+//# sourceMappingURL=ScrollAreaScrollbarCssVars.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbarCssVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaScrollbarCssVars.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbarCssVars.js"],"sourcesContent":["export let ScrollAreaScrollbarCssVars = /*#__PURE__*/function (ScrollAreaScrollbarCssVars) {\n  /**\n   * The scroll area thumb's height.\n   * @type {number}\n   */\n  ScrollAreaScrollbarCssVars[\"scrollAreaThumbHeight\"] = \"--scroll-area-thumb-height\";\n  /**\n   * The scroll area thumb's width.\n   * @type {number}\n   */\n  ScrollAreaScrollbarCssVars[\"scrollAreaThumbWidth\"] = \"--scroll-area-thumb-width\";\n  return ScrollAreaScrollbarCssVars;\n}({});"],"names":["ScrollAreaScrollbarCssVars"],"mappings":"AAAU,IAAC,6BAA0C,0BAAUA,6BAA4B;AAKzF,EAAAA,4BAA2B,uBAAuB,IAAI;AAKtD,EAAAA,4BAA2B,sBAAsB,IAAI;AACrD,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbarDataAttributes.js

@@ -0,0 +1,16 @@
+let ScrollAreaScrollbarDataAttributes = /* @__PURE__ */ (function(ScrollAreaScrollbarDataAttributes2) {
+  ScrollAreaScrollbarDataAttributes2["orientation"] = "data-orientation";
+  ScrollAreaScrollbarDataAttributes2["hovering"] = "data-hovering";
+  ScrollAreaScrollbarDataAttributes2["scrolling"] = "data-scrolling";
+  ScrollAreaScrollbarDataAttributes2["hasOverflowX"] = "data-has-overflow-x";
+  ScrollAreaScrollbarDataAttributes2["hasOverflowY"] = "data-has-overflow-y";
+  ScrollAreaScrollbarDataAttributes2["overflowXStart"] = "data-overflow-x-start";
+  ScrollAreaScrollbarDataAttributes2["overflowXEnd"] = "data-overflow-x-end";
+  ScrollAreaScrollbarDataAttributes2["overflowYStart"] = "data-overflow-y-start";
+  ScrollAreaScrollbarDataAttributes2["overflowYEnd"] = "data-overflow-y-end";
+  return ScrollAreaScrollbarDataAttributes2;
+})({});
+export {
+  ScrollAreaScrollbarDataAttributes
+};
+//# sourceMappingURL=ScrollAreaScrollbarDataAttributes.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbarDataAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaScrollbarDataAttributes.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbarDataAttributes.js"],"sourcesContent":["export let ScrollAreaScrollbarDataAttributes = /*#__PURE__*/function (ScrollAreaScrollbarDataAttributes) {\n  /**\n   * Indicates the orientation of the scrollbar.\n   * @type {'horizontal' | 'vertical'}\n   */\n  ScrollAreaScrollbarDataAttributes[\"orientation\"] = \"data-orientation\";\n  /**\n   * Present when the pointer is over the scroll area.\n   */\n  ScrollAreaScrollbarDataAttributes[\"hovering\"] = \"data-hovering\";\n  /**\n   * Present when the users scrolls inside the scroll area.\n   */\n  ScrollAreaScrollbarDataAttributes[\"scrolling\"] = \"data-scrolling\";\n  /**\n   * Present when the scroll area content is wider than the viewport.\n   */\n  ScrollAreaScrollbarDataAttributes[\"hasOverflowX\"] = \"data-has-overflow-x\";\n  /**\n   * Present when the scroll area content is taller than the viewport.\n   */\n  ScrollAreaScrollbarDataAttributes[\"hasOverflowY\"] = \"data-has-overflow-y\";\n  /**\n   * Present when there is overflow on the horizontal start side.\n   */\n  ScrollAreaScrollbarDataAttributes[\"overflowXStart\"] = \"data-overflow-x-start\";\n  /**\n   * Present when there is overflow on the horizontal end side.\n   */\n  ScrollAreaScrollbarDataAttributes[\"overflowXEnd\"] = \"data-overflow-x-end\";\n  /**\n   * Present when there is overflow on the vertical start side.\n   */\n  ScrollAreaScrollbarDataAttributes[\"overflowYStart\"] = \"data-overflow-y-start\";\n  /**\n   * Present when there is overflow on the vertical end side.\n   */\n  ScrollAreaScrollbarDataAttributes[\"overflowYEnd\"] = \"data-overflow-y-end\";\n  return ScrollAreaScrollbarDataAttributes;\n}({});"],"names":["ScrollAreaScrollbarDataAttributes"],"mappings":"AAAU,IAAC,oCAAiD,0BAAUA,oCAAmC;AAKvG,EAAAA,mCAAkC,aAAa,IAAI;AAInD,EAAAA,mCAAkC,UAAU,IAAI;AAIhD,EAAAA,mCAAkC,WAAW,IAAI;AAIjD,EAAAA,mCAAkC,cAAc,IAAI;AAIpD,EAAAA,mCAAkC,cAAc,IAAI;AAIpD,EAAAA,mCAAkC,gBAAgB,IAAI;AAItD,EAAAA,mCAAkC,cAAc,IAAI;AAIpD,EAAAA,mCAAkC,gBAAgB,IAAI;AAItD,EAAAA,mCAAkC,cAAc,IAAI;AACpD,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}