@neynar/ui 0.3.1 → 0.5.0

package/dist/node_modules/@base-ui/react/esm/scroll-area/thumb/ScrollAreaThumb.js

@@ -0,0 +1,59 @@
+"use client";
+import * as React from "react";
+import { useScrollAreaRootContext } from "../root/ScrollAreaRootContext.js";
+import { useScrollAreaScrollbarContext } from "../scrollbar/ScrollAreaScrollbarContext.js";
+import { ScrollAreaScrollbarCssVars } from "../scrollbar/ScrollAreaScrollbarCssVars.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+const ScrollAreaThumb = /* @__PURE__ */ React.forwardRef(function ScrollAreaThumb2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    ...elementProps
+  } = componentProps;
+  const {
+    thumbYRef,
+    thumbXRef,
+    handlePointerDown,
+    handlePointerMove,
+    handlePointerUp,
+    setScrollingX,
+    setScrollingY
+  } = useScrollAreaRootContext();
+  const {
+    orientation
+  } = useScrollAreaScrollbarContext();
+  const state = React.useMemo(() => ({
+    orientation
+  }), [orientation]);
+  const element = useRenderElement("div", componentProps, {
+    ref: [forwardedRef, orientation === "vertical" ? thumbYRef : thumbXRef],
+    state,
+    props: [{
+      onPointerDown: handlePointerDown,
+      onPointerMove: handlePointerMove,
+      onPointerUp(event) {
+        if (orientation === "vertical") {
+          setScrollingY(false);
+        }
+        if (orientation === "horizontal") {
+          setScrollingX(false);
+        }
+        handlePointerUp(event);
+      },
+      style: {
+        ...orientation === "vertical" && {
+          height: `var(${ScrollAreaScrollbarCssVars.scrollAreaThumbHeight})`
+        },
+        ...orientation === "horizontal" && {
+          width: `var(${ScrollAreaScrollbarCssVars.scrollAreaThumbWidth})`
+        }
+      }
+    }, elementProps]
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") ScrollAreaThumb.displayName = "ScrollAreaThumb";
+export {
+  ScrollAreaThumb
+};
+//# sourceMappingURL=ScrollAreaThumb.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/thumb/ScrollAreaThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaThumb.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/thumb/ScrollAreaThumb.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useScrollAreaRootContext } from \"../root/ScrollAreaRootContext.js\";\nimport { useScrollAreaScrollbarContext } from \"../scrollbar/ScrollAreaScrollbarContext.js\";\nimport { ScrollAreaScrollbarCssVars } from \"../scrollbar/ScrollAreaScrollbarCssVars.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\n\n/**\n * The draggable part of the the scrollbar that indicates the current scroll position.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Scroll Area](https://base-ui.com/react/components/scroll-area)\n */\nexport const ScrollAreaThumb = /*#__PURE__*/React.forwardRef(function ScrollAreaThumb(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    ...elementProps\n  } = componentProps;\n  const {\n    thumbYRef,\n    thumbXRef,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    setScrollingX,\n    setScrollingY\n  } = useScrollAreaRootContext();\n  const {\n    orientation\n  } = useScrollAreaScrollbarContext();\n  const state = React.useMemo(() => ({\n    orientation\n  }), [orientation]);\n  const element = useRenderElement('div', componentProps, {\n    ref: [forwardedRef, orientation === 'vertical' ? thumbYRef : thumbXRef],\n    state,\n    props: [{\n      onPointerDown: handlePointerDown,\n      onPointerMove: handlePointerMove,\n      onPointerUp(event) {\n        if (orientation === 'vertical') {\n          setScrollingY(false);\n        }\n        if (orientation === 'horizontal') {\n          setScrollingX(false);\n        }\n        handlePointerUp(event);\n      },\n      style: {\n        ...(orientation === 'vertical' && {\n          height: `var(${ScrollAreaScrollbarCssVars.scrollAreaThumbHeight})`\n        }),\n        ...(orientation === 'horizontal' && {\n          width: `var(${ScrollAreaScrollbarCssVars.scrollAreaThumbWidth})`\n        })\n      }\n    }, elementProps]\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") ScrollAreaThumb.displayName = \"ScrollAreaThumb\";"],"names":[],"mappings":";;;;;;AAcY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AAAM;AACJ;AAEF;AAAmC;AACjC;AAEF;AAAwD;AACgB;AACtE;AACQ;AACS;AACA;AAEb;AACE;AAAmB;AAErB;AACE;AAAmB;AAErB;AAAqB;AACvB;AACO;AAC6B;AAC+B;AACzE;AAC4C;AAC2B;AACvE;AACA;AACmB;AAEjB;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/utils/getOffset.js

@@ -0,0 +1,15 @@
+function getOffset(element, prop, axis) {
+  if (!element) {
+    return 0;
+  }
+  const styles = getComputedStyle(element);
+  const propAxis = axis === "x" ? "Inline" : "Block";
+  if (axis === "x" && prop === "margin") {
+    return parseFloat(styles[`${prop}InlineStart`]) * 2;
+  }
+  return parseFloat(styles[`${prop}${propAxis}Start`]) + parseFloat(styles[`${prop}${propAxis}End`]);
+}
+export {
+  getOffset
+};
+//# sourceMappingURL=getOffset.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/utils/getOffset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOffset.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/utils/getOffset.js"],"sourcesContent":["export function getOffset(element, prop, axis) {\n  if (!element) {\n    return 0;\n  }\n  const styles = getComputedStyle(element);\n  const propAxis = axis === 'x' ? 'Inline' : 'Block';\n\n  // Safari misreports `marginInlineEnd` in RTL.\n  // We have to assume the start/end values are symmetrical, which is likely.\n  if (axis === 'x' && prop === 'margin') {\n    return parseFloat(styles[`${prop}InlineStart`]) * 2;\n  }\n  return parseFloat(styles[`${prop}${propAxis}Start`]) + parseFloat(styles[`${prop}${propAxis}End`]);\n}"],"names":[],"mappings":"AAAO,SAAS,UAAU,SAAS,MAAM,MAAM;AAC7C,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AACA,QAAM,SAAS,iBAAiB,OAAO;AACvC,QAAM,WAAW,SAAS,MAAM,WAAW;AAI3C,MAAI,SAAS,OAAO,SAAS,UAAU;AACrC,WAAO,WAAW,OAAO,GAAG,IAAI,aAAa,CAAC,IAAI;AAAA,EACpD;AACA,SAAO,WAAW,OAAO,GAAG,IAAI,GAAG,QAAQ,OAAO,CAAC,IAAI,WAAW,OAAO,GAAG,IAAI,GAAG,QAAQ,KAAK,CAAC;AACnG;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/utils/onVisible.js

@@ -0,0 +1,22 @@
+function onVisible(element, callback) {
+  if (typeof IntersectionObserver === "undefined") {
+    return () => {
+    };
+  }
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach((entry) => {
+      if (entry.intersectionRatio > 0) {
+        callback();
+        observer.disconnect();
+      }
+    });
+  });
+  observer.observe(element);
+  return () => {
+    observer.disconnect();
+  };
+}
+export {
+  onVisible
+};
+//# sourceMappingURL=onVisible.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/utils/onVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onVisible.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/utils/onVisible.js"],"sourcesContent":["/**\n * Executes a callback when an element becomes visible.\n */\nexport function onVisible(element, callback) {\n  if (typeof IntersectionObserver === 'undefined') {\n    return () => {};\n  }\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if (entry.intersectionRatio > 0) {\n        callback();\n        observer.disconnect();\n      }\n    });\n  });\n  observer.observe(element);\n  return () => {\n    observer.disconnect();\n  };\n}"],"names":[],"mappings":"AAGO,SAAS,UAAU,SAAS,UAAU;AAC3C,MAAI,OAAO,yBAAyB,aAAa;AAC/C,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB;AACA,QAAM,WAAW,IAAI,qBAAqB,aAAW;AACnD,YAAQ,QAAQ,WAAS;AACvB,UAAI,MAAM,oBAAoB,GAAG;AAC/B,iBAAQ;AACR,iBAAS,WAAU;AAAA,MACrB;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACD,WAAS,QAAQ,OAAO;AACxB,SAAO,MAAM;AACX,aAAS,WAAU;AAAA,EACrB;AACF;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewport.js

@@ -0,0 +1,290 @@
+"use client";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { isWebKit } from "../../../../utils/esm/detectBrowser.js";
+import { useTimeout } from "../../../../utils/esm/useTimeout.js";
+import { useScrollAreaRootContext } from "../root/ScrollAreaRootContext.js";
+import { ScrollAreaViewportContext } from "./ScrollAreaViewportContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useDirection } from "../../direction-provider/DirectionContext.js";
+import { getOffset } from "../utils/getOffset.js";
+import { MIN_THUMB_SIZE } from "../constants.js";
+import { clamp } from "../../utils/clamp.js";
+import { styleDisableScrollbar } from "../../utils/styles.js";
+import { onVisible } from "../utils/onVisible.js";
+import { scrollAreaStateAttributesMapping } from "../root/stateAttributes.js";
+import { ScrollAreaViewportCssVars } from "./ScrollAreaViewportCssVars.js";
+import { jsx } from "react/jsx-runtime";
+let scrollAreaOverflowVarsRegistered = false;
+function removeCSSVariableInheritance() {
+  if (scrollAreaOverflowVarsRegistered || // When `inherits: false`, specifying `inherit` on child elements doesn't work
+  // in Safari. To let CSS features work correctly, this optimization must be skipped.
+  isWebKit) {
+    return;
+  }
+  if (typeof CSS !== "undefined" && "registerProperty" in CSS) {
+    [ScrollAreaViewportCssVars.scrollAreaOverflowXStart, ScrollAreaViewportCssVars.scrollAreaOverflowXEnd, ScrollAreaViewportCssVars.scrollAreaOverflowYStart, ScrollAreaViewportCssVars.scrollAreaOverflowYEnd].forEach((name) => {
+      try {
+        CSS.registerProperty({
+          name,
+          syntax: "<length>",
+          inherits: false,
+          initialValue: "0px"
+        });
+      } catch {
+      }
+    });
+  }
+  scrollAreaOverflowVarsRegistered = true;
+}
+const ScrollAreaViewport = /* @__PURE__ */ React.forwardRef(function ScrollAreaViewport2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    ...elementProps
+  } = componentProps;
+  const {
+    viewportRef,
+    scrollbarYRef,
+    scrollbarXRef,
+    thumbYRef,
+    thumbXRef,
+    cornerRef,
+    setCornerSize,
+    setThumbSize,
+    rootId,
+    setHiddenState,
+    hiddenState,
+    handleScroll,
+    setHovering,
+    setOverflowEdges,
+    overflowEdges,
+    overflowEdgeThreshold
+  } = useScrollAreaRootContext();
+  const direction = useDirection();
+  const programmaticScrollRef = React.useRef(true);
+  const scrollEndTimeout = useTimeout();
+  const waitForAnimationsTimeout = useTimeout();
+  function computeThumbPositionHandler() {
+    const viewportEl = viewportRef.current;
+    const scrollbarYEl = scrollbarYRef.current;
+    const scrollbarXEl = scrollbarXRef.current;
+    const thumbYEl = thumbYRef.current;
+    const thumbXEl = thumbXRef.current;
+    const cornerEl = cornerRef.current;
+    if (!viewportEl) {
+      return;
+    }
+    const scrollableContentHeight = viewportEl.scrollHeight;
+    const scrollableContentWidth = viewportEl.scrollWidth;
+    const viewportHeight = viewportEl.clientHeight;
+    const viewportWidth = viewportEl.clientWidth;
+    const scrollTop = viewportEl.scrollTop;
+    const scrollLeft = viewportEl.scrollLeft;
+    if (scrollableContentHeight === 0 || scrollableContentWidth === 0) {
+      return;
+    }
+    const scrollbarYHidden = viewportHeight >= scrollableContentHeight;
+    const scrollbarXHidden = viewportWidth >= scrollableContentWidth;
+    const ratioX = viewportWidth / scrollableContentWidth;
+    const ratioY = viewportHeight / scrollableContentHeight;
+    const maxScrollLeft = Math.max(0, scrollableContentWidth - viewportWidth);
+    const maxScrollTop = Math.max(0, scrollableContentHeight - viewportHeight);
+    let scrollLeftFromStart = 0;
+    let scrollLeftFromEnd = 0;
+    if (!scrollbarXHidden) {
+      if (direction === "rtl") {
+        scrollLeftFromStart = clamp(-scrollLeft, 0, maxScrollLeft);
+      } else {
+        scrollLeftFromStart = clamp(scrollLeft, 0, maxScrollLeft);
+      }
+      scrollLeftFromEnd = maxScrollLeft - scrollLeftFromStart;
+    }
+    const scrollTopFromStart = !scrollbarYHidden ? clamp(scrollTop, 0, maxScrollTop) : 0;
+    const scrollTopFromEnd = !scrollbarYHidden ? maxScrollTop - scrollTopFromStart : 0;
+    const nextWidth = scrollbarXHidden ? 0 : viewportWidth;
+    const nextHeight = scrollbarYHidden ? 0 : viewportHeight;
+    const scrollbarXOffset = getOffset(scrollbarXEl, "padding", "x");
+    const scrollbarYOffset = getOffset(scrollbarYEl, "padding", "y");
+    const thumbXOffset = getOffset(thumbXEl, "margin", "x");
+    const thumbYOffset = getOffset(thumbYEl, "margin", "y");
+    const idealNextWidth = nextWidth - scrollbarXOffset - thumbXOffset;
+    const idealNextHeight = nextHeight - scrollbarYOffset - thumbYOffset;
+    const maxNextWidth = scrollbarXEl ? Math.min(scrollbarXEl.offsetWidth, idealNextWidth) : idealNextWidth;
+    const maxNextHeight = scrollbarYEl ? Math.min(scrollbarYEl.offsetHeight, idealNextHeight) : idealNextHeight;
+    const clampedNextWidth = Math.max(MIN_THUMB_SIZE, maxNextWidth * ratioX);
+    const clampedNextHeight = Math.max(MIN_THUMB_SIZE, maxNextHeight * ratioY);
+    setThumbSize((prevSize) => {
+      if (prevSize.height === clampedNextHeight && prevSize.width === clampedNextWidth) {
+        return prevSize;
+      }
+      return {
+        width: clampedNextWidth,
+        height: clampedNextHeight
+      };
+    });
+    if (scrollbarYEl && thumbYEl) {
+      const maxThumbOffsetY = scrollbarYEl.offsetHeight - clampedNextHeight - scrollbarYOffset - thumbYOffset;
+      const scrollRangeY = scrollableContentHeight - viewportHeight;
+      const scrollRatioY = scrollRangeY === 0 ? 0 : scrollTop / scrollRangeY;
+      const thumbOffsetY = Math.min(maxThumbOffsetY, Math.max(0, scrollRatioY * maxThumbOffsetY));
+      thumbYEl.style.transform = `translate3d(0,${thumbOffsetY}px,0)`;
+    }
+    if (scrollbarXEl && thumbXEl) {
+      const maxThumbOffsetX = scrollbarXEl.offsetWidth - clampedNextWidth - scrollbarXOffset - thumbXOffset;
+      const scrollRangeX = scrollableContentWidth - viewportWidth;
+      const scrollRatioX = scrollRangeX === 0 ? 0 : scrollLeft / scrollRangeX;
+      const thumbOffsetX = direction === "rtl" ? clamp(scrollRatioX * maxThumbOffsetX, -maxThumbOffsetX, 0) : clamp(scrollRatioX * maxThumbOffsetX, 0, maxThumbOffsetX);
+      thumbXEl.style.transform = `translate3d(${thumbOffsetX}px,0,0)`;
+    }
+    const clampedScrollLeftStart = clamp(scrollLeftFromStart, 0, maxScrollLeft);
+    const clampedScrollLeftEnd = clamp(scrollLeftFromEnd, 0, maxScrollLeft);
+    const clampedScrollTopStart = clamp(scrollTopFromStart, 0, maxScrollTop);
+    const clampedScrollTopEnd = clamp(scrollTopFromEnd, 0, maxScrollTop);
+    const overflowMetricsPx = [[ScrollAreaViewportCssVars.scrollAreaOverflowXStart, clampedScrollLeftStart], [ScrollAreaViewportCssVars.scrollAreaOverflowXEnd, clampedScrollLeftEnd], [ScrollAreaViewportCssVars.scrollAreaOverflowYStart, clampedScrollTopStart], [ScrollAreaViewportCssVars.scrollAreaOverflowYEnd, clampedScrollTopEnd]];
+    for (const [cssVar, value] of overflowMetricsPx) {
+      viewportEl.style.setProperty(cssVar, `${value}px`);
+    }
+    if (cornerEl) {
+      if (scrollbarXHidden || scrollbarYHidden) {
+        setCornerSize({
+          width: 0,
+          height: 0
+        });
+      } else if (!scrollbarXHidden && !scrollbarYHidden) {
+        const width = scrollbarYEl?.offsetWidth || 0;
+        const height = scrollbarXEl?.offsetHeight || 0;
+        setCornerSize({
+          width,
+          height
+        });
+      }
+    }
+    setHiddenState((prevState) => {
+      const cornerHidden = scrollbarYHidden || scrollbarXHidden;
+      if (prevState.scrollbarYHidden === scrollbarYHidden && prevState.scrollbarXHidden === scrollbarXHidden && prevState.cornerHidden === cornerHidden) {
+        return prevState;
+      }
+      return {
+        scrollbarYHidden,
+        scrollbarXHidden,
+        cornerHidden
+      };
+    });
+    const nextOverflowEdges = {
+      xStart: !scrollbarXHidden && clampedScrollLeftStart > overflowEdgeThreshold.xStart,
+      xEnd: !scrollbarXHidden && clampedScrollLeftEnd > overflowEdgeThreshold.xEnd,
+      yStart: !scrollbarYHidden && clampedScrollTopStart > overflowEdgeThreshold.yStart,
+      yEnd: !scrollbarYHidden && clampedScrollTopEnd > overflowEdgeThreshold.yEnd
+    };
+    setOverflowEdges((prev) => {
+      if (prev.xStart === nextOverflowEdges.xStart && prev.xEnd === nextOverflowEdges.xEnd && prev.yStart === nextOverflowEdges.yStart && prev.yEnd === nextOverflowEdges.yEnd) {
+        return prev;
+      }
+      return nextOverflowEdges;
+    });
+  }
+  const computeThumbPosition = useStableCallback(() => {
+    ReactDOM.flushSync(computeThumbPositionHandler);
+  });
+  useIsoLayoutEffect(() => {
+    if (!viewportRef.current) {
+      return void 0;
+    }
+    removeCSSVariableInheritance();
+    const cleanup = onVisible(viewportRef.current, computeThumbPosition);
+    return cleanup;
+  }, [computeThumbPosition, viewportRef]);
+  useIsoLayoutEffect(() => {
+    queueMicrotask(computeThumbPosition);
+  }, [computeThumbPosition, hiddenState, direction]);
+  useIsoLayoutEffect(() => {
+    if (viewportRef.current?.matches(":hover")) {
+      setHovering(true);
+    }
+  }, [viewportRef, setHovering]);
+  React.useEffect(() => {
+    const viewport = viewportRef.current;
+    if (typeof ResizeObserver === "undefined" || !viewport) {
+      return void 0;
+    }
+    const ro = new ResizeObserver(computeThumbPosition);
+    ro.observe(viewport);
+    waitForAnimationsTimeout.start(0, () => {
+      Promise.all(viewport.getAnimations({
+        subtree: true
+      }).map((animation) => animation.finished)).then(computeThumbPosition).catch(() => {
+      });
+    });
+    return () => {
+      ro.disconnect();
+      waitForAnimationsTimeout.clear();
+    };
+  }, [computeThumbPosition, viewportRef, waitForAnimationsTimeout]);
+  function handleUserInteraction() {
+    programmaticScrollRef.current = false;
+  }
+  const props = {
+    role: "presentation",
+    ...rootId && {
+      "data-id": `${rootId}-viewport`
+    },
+    // https://accessibilityinsights.io/info-examples/web/scrollable-region-focusable/
+    ...(!hiddenState.scrollbarXHidden || !hiddenState.scrollbarYHidden) && {
+      tabIndex: 0
+    },
+    className: styleDisableScrollbar.className,
+    style: {
+      overflow: "scroll"
+    },
+    onScroll() {
+      if (!viewportRef.current) {
+        return;
+      }
+      computeThumbPosition();
+      if (!programmaticScrollRef.current) {
+        handleScroll({
+          x: viewportRef.current.scrollLeft,
+          y: viewportRef.current.scrollTop
+        });
+      }
+      scrollEndTimeout.start(100, () => {
+        programmaticScrollRef.current = true;
+      });
+    },
+    onWheel: handleUserInteraction,
+    onTouchMove: handleUserInteraction,
+    onPointerMove: handleUserInteraction,
+    onPointerEnter: handleUserInteraction,
+    onKeyDown: handleUserInteraction
+  };
+  const viewportState = 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 element = useRenderElement("div", componentProps, {
+    ref: [forwardedRef, viewportRef],
+    state: viewportState,
+    props: [props, elementProps],
+    stateAttributesMapping: scrollAreaStateAttributesMapping
+  });
+  const contextValue = React.useMemo(() => ({
+    computeThumbPosition
+  }), [computeThumbPosition]);
+  return /* @__PURE__ */ jsx(ScrollAreaViewportContext.Provider, {
+    value: contextValue,
+    children: element
+  });
+});
+if (process.env.NODE_ENV !== "production") ScrollAreaViewport.displayName = "ScrollAreaViewport";
+export {
+  ScrollAreaViewport
+};
+//# sourceMappingURL=ScrollAreaViewport.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaViewport.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewport.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { isWebKit } from '@base-ui/utils/detectBrowser';\nimport { useTimeout } from '@base-ui/utils/useTimeout';\nimport { useScrollAreaRootContext } from \"../root/ScrollAreaRootContext.js\";\nimport { ScrollAreaViewportContext } from \"./ScrollAreaViewportContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useDirection } from \"../../direction-provider/DirectionContext.js\";\nimport { getOffset } from \"../utils/getOffset.js\";\nimport { MIN_THUMB_SIZE } from \"../constants.js\";\nimport { clamp } from \"../../utils/clamp.js\";\nimport { styleDisableScrollbar } from \"../../utils/styles.js\";\nimport { onVisible } from \"../utils/onVisible.js\";\nimport { scrollAreaStateAttributesMapping } from \"../root/stateAttributes.js\";\nimport { ScrollAreaViewportCssVars } from \"./ScrollAreaViewportCssVars.js\";\n\n// Module-level flag to ensure we only register the CSS properties once,\n// regardless of how many Scroll Area components are mounted.\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nlet scrollAreaOverflowVarsRegistered = false;\n\n/**\n * Removes inheritance of the scroll area overflow CSS variables, which\n * improves rendering performance in complex scroll areas with deep subtrees.\n * Instead, each child must manually opt-in to using these properties by\n * specifying `inherit`.\n * See https://motion.dev/blog/web-animation-performance-tier-list\n * under the \"Improving CSS variable performance\" section.\n */\nfunction removeCSSVariableInheritance() {\n  if (scrollAreaOverflowVarsRegistered ||\n  // When `inherits: false`, specifying `inherit` on child elements doesn't work\n  // in Safari. To let CSS features work correctly, this optimization must be skipped.\n  isWebKit) {\n    return;\n  }\n  if (typeof CSS !== 'undefined' && 'registerProperty' in CSS) {\n    [ScrollAreaViewportCssVars.scrollAreaOverflowXStart, ScrollAreaViewportCssVars.scrollAreaOverflowXEnd, ScrollAreaViewportCssVars.scrollAreaOverflowYStart, ScrollAreaViewportCssVars.scrollAreaOverflowYEnd].forEach(name => {\n      try {\n        CSS.registerProperty({\n          name,\n          syntax: '<length>',\n          inherits: false,\n          initialValue: '0px'\n        });\n      } catch {\n        /* ignore already-registered */\n      }\n    });\n  }\n  scrollAreaOverflowVarsRegistered = true;\n}\n\n/**\n * The actual scrollable container 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 ScrollAreaViewport = /*#__PURE__*/React.forwardRef(function ScrollAreaViewport(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    ...elementProps\n  } = componentProps;\n  const {\n    viewportRef,\n    scrollbarYRef,\n    scrollbarXRef,\n    thumbYRef,\n    thumbXRef,\n    cornerRef,\n    setCornerSize,\n    setThumbSize,\n    rootId,\n    setHiddenState,\n    hiddenState,\n    handleScroll,\n    setHovering,\n    setOverflowEdges,\n    overflowEdges,\n    overflowEdgeThreshold\n  } = useScrollAreaRootContext();\n  const direction = useDirection();\n  const programmaticScrollRef = React.useRef(true);\n  const scrollEndTimeout = useTimeout();\n  const waitForAnimationsTimeout = useTimeout();\n  function computeThumbPositionHandler() {\n    const viewportEl = viewportRef.current;\n    const scrollbarYEl = scrollbarYRef.current;\n    const scrollbarXEl = scrollbarXRef.current;\n    const thumbYEl = thumbYRef.current;\n    const thumbXEl = thumbXRef.current;\n    const cornerEl = cornerRef.current;\n    if (!viewportEl) {\n      return;\n    }\n    const scrollableContentHeight = viewportEl.scrollHeight;\n    const scrollableContentWidth = viewportEl.scrollWidth;\n    const viewportHeight = viewportEl.clientHeight;\n    const viewportWidth = viewportEl.clientWidth;\n    const scrollTop = viewportEl.scrollTop;\n    const scrollLeft = viewportEl.scrollLeft;\n    if (scrollableContentHeight === 0 || scrollableContentWidth === 0) {\n      return;\n    }\n    const scrollbarYHidden = viewportHeight >= scrollableContentHeight;\n    const scrollbarXHidden = viewportWidth >= scrollableContentWidth;\n    const ratioX = viewportWidth / scrollableContentWidth;\n    const ratioY = viewportHeight / scrollableContentHeight;\n    const maxScrollLeft = Math.max(0, scrollableContentWidth - viewportWidth);\n    const maxScrollTop = Math.max(0, scrollableContentHeight - viewportHeight);\n    let scrollLeftFromStart = 0;\n    let scrollLeftFromEnd = 0;\n    if (!scrollbarXHidden) {\n      if (direction === 'rtl') {\n        scrollLeftFromStart = clamp(-scrollLeft, 0, maxScrollLeft);\n      } else {\n        scrollLeftFromStart = clamp(scrollLeft, 0, maxScrollLeft);\n      }\n      scrollLeftFromEnd = maxScrollLeft - scrollLeftFromStart;\n    }\n    const scrollTopFromStart = !scrollbarYHidden ? clamp(scrollTop, 0, maxScrollTop) : 0;\n    const scrollTopFromEnd = !scrollbarYHidden ? maxScrollTop - scrollTopFromStart : 0;\n    const nextWidth = scrollbarXHidden ? 0 : viewportWidth;\n    const nextHeight = scrollbarYHidden ? 0 : viewportHeight;\n    const scrollbarXOffset = getOffset(scrollbarXEl, 'padding', 'x');\n    const scrollbarYOffset = getOffset(scrollbarYEl, 'padding', 'y');\n    const thumbXOffset = getOffset(thumbXEl, 'margin', 'x');\n    const thumbYOffset = getOffset(thumbYEl, 'margin', 'y');\n    const idealNextWidth = nextWidth - scrollbarXOffset - thumbXOffset;\n    const idealNextHeight = nextHeight - scrollbarYOffset - thumbYOffset;\n    const maxNextWidth = scrollbarXEl ? Math.min(scrollbarXEl.offsetWidth, idealNextWidth) : idealNextWidth;\n    const maxNextHeight = scrollbarYEl ? Math.min(scrollbarYEl.offsetHeight, idealNextHeight) : idealNextHeight;\n    const clampedNextWidth = Math.max(MIN_THUMB_SIZE, maxNextWidth * ratioX);\n    const clampedNextHeight = Math.max(MIN_THUMB_SIZE, maxNextHeight * ratioY);\n    setThumbSize(prevSize => {\n      if (prevSize.height === clampedNextHeight && prevSize.width === clampedNextWidth) {\n        return prevSize;\n      }\n      return {\n        width: clampedNextWidth,\n        height: clampedNextHeight\n      };\n    });\n\n    // Handle Y (vertical) scroll\n    if (scrollbarYEl && thumbYEl) {\n      const maxThumbOffsetY = scrollbarYEl.offsetHeight - clampedNextHeight - scrollbarYOffset - thumbYOffset;\n      const scrollRangeY = scrollableContentHeight - viewportHeight;\n      const scrollRatioY = scrollRangeY === 0 ? 0 : scrollTop / scrollRangeY;\n\n      // In Safari, don't allow it to go negative or too far as `scrollTop` considers the rubber\n      // band effect.\n      const thumbOffsetY = Math.min(maxThumbOffsetY, Math.max(0, scrollRatioY * maxThumbOffsetY));\n      thumbYEl.style.transform = `translate3d(0,${thumbOffsetY}px,0)`;\n    }\n\n    // Handle X (horizontal) scroll\n    if (scrollbarXEl && thumbXEl) {\n      const maxThumbOffsetX = scrollbarXEl.offsetWidth - clampedNextWidth - scrollbarXOffset - thumbXOffset;\n      const scrollRangeX = scrollableContentWidth - viewportWidth;\n      const scrollRatioX = scrollRangeX === 0 ? 0 : scrollLeft / scrollRangeX;\n\n      // In Safari, don't allow it to go negative or too far as `scrollLeft` considers the rubber\n      // band effect.\n      const thumbOffsetX = direction === 'rtl' ? clamp(scrollRatioX * maxThumbOffsetX, -maxThumbOffsetX, 0) : clamp(scrollRatioX * maxThumbOffsetX, 0, maxThumbOffsetX);\n      thumbXEl.style.transform = `translate3d(${thumbOffsetX}px,0,0)`;\n    }\n    const clampedScrollLeftStart = clamp(scrollLeftFromStart, 0, maxScrollLeft);\n    const clampedScrollLeftEnd = clamp(scrollLeftFromEnd, 0, maxScrollLeft);\n    const clampedScrollTopStart = clamp(scrollTopFromStart, 0, maxScrollTop);\n    const clampedScrollTopEnd = clamp(scrollTopFromEnd, 0, maxScrollTop);\n    const overflowMetricsPx = [[ScrollAreaViewportCssVars.scrollAreaOverflowXStart, clampedScrollLeftStart], [ScrollAreaViewportCssVars.scrollAreaOverflowXEnd, clampedScrollLeftEnd], [ScrollAreaViewportCssVars.scrollAreaOverflowYStart, clampedScrollTopStart], [ScrollAreaViewportCssVars.scrollAreaOverflowYEnd, clampedScrollTopEnd]];\n    for (const [cssVar, value] of overflowMetricsPx) {\n      viewportEl.style.setProperty(cssVar, `${value}px`);\n    }\n    if (cornerEl) {\n      if (scrollbarXHidden || scrollbarYHidden) {\n        setCornerSize({\n          width: 0,\n          height: 0\n        });\n      } else if (!scrollbarXHidden && !scrollbarYHidden) {\n        const width = scrollbarYEl?.offsetWidth || 0;\n        const height = scrollbarXEl?.offsetHeight || 0;\n        setCornerSize({\n          width,\n          height\n        });\n      }\n    }\n    setHiddenState(prevState => {\n      const cornerHidden = scrollbarYHidden || scrollbarXHidden;\n      if (prevState.scrollbarYHidden === scrollbarYHidden && prevState.scrollbarXHidden === scrollbarXHidden && prevState.cornerHidden === cornerHidden) {\n        return prevState;\n      }\n      return {\n        scrollbarYHidden,\n        scrollbarXHidden,\n        cornerHidden\n      };\n    });\n    const nextOverflowEdges = {\n      xStart: !scrollbarXHidden && clampedScrollLeftStart > overflowEdgeThreshold.xStart,\n      xEnd: !scrollbarXHidden && clampedScrollLeftEnd > overflowEdgeThreshold.xEnd,\n      yStart: !scrollbarYHidden && clampedScrollTopStart > overflowEdgeThreshold.yStart,\n      yEnd: !scrollbarYHidden && clampedScrollTopEnd > overflowEdgeThreshold.yEnd\n    };\n    setOverflowEdges(prev => {\n      if (prev.xStart === nextOverflowEdges.xStart && prev.xEnd === nextOverflowEdges.xEnd && prev.yStart === nextOverflowEdges.yStart && prev.yEnd === nextOverflowEdges.yEnd) {\n        return prev;\n      }\n      return nextOverflowEdges;\n    });\n  }\n  const computeThumbPosition = useStableCallback(() => {\n    ReactDOM.flushSync(computeThumbPositionHandler);\n  });\n  useIsoLayoutEffect(() => {\n    if (!viewportRef.current) {\n      return undefined;\n    }\n    removeCSSVariableInheritance();\n    const cleanup = onVisible(viewportRef.current, computeThumbPosition);\n    return cleanup;\n  }, [computeThumbPosition, viewportRef]);\n  useIsoLayoutEffect(() => {\n    // Wait for scrollbar-related refs to be set\n    queueMicrotask(computeThumbPosition);\n  }, [computeThumbPosition, hiddenState, direction]);\n  useIsoLayoutEffect(() => {\n    // `onMouseEnter` doesn't fire upon load, so we need to check if the viewport is already\n    // being hovered.\n    if (viewportRef.current?.matches(':hover')) {\n      setHovering(true);\n    }\n  }, [viewportRef, setHovering]);\n  React.useEffect(() => {\n    const viewport = viewportRef.current;\n    if (typeof ResizeObserver === 'undefined' || !viewport) {\n      return undefined;\n    }\n    const ro = new ResizeObserver(computeThumbPosition);\n    ro.observe(viewport);\n\n    // If there are animations in the viewport, wait for them to finish and then recompute the thumb position.\n    // This is necessary when the viewport contains a Dialog that is animating its popup on open\n    // and the popup is using a transform for the animation, which affects the size of the viewport.\n    // Without this, the thumb position will be incorrect until scrolling (i.e. if the scrollbar shows\n    // on hover, the thumb has an incorrect size).\n    // We assume the user is using `onOpenChangeComplete` to hide the scrollbar\n    // until animations complete because otherwise the scrollbar would show the thumb resizing mid-animation.\n    waitForAnimationsTimeout.start(0, () => {\n      Promise.all(viewport.getAnimations({\n        subtree: true\n      }).map(animation => animation.finished)).then(computeThumbPosition).catch(() => {});\n    });\n    return () => {\n      ro.disconnect();\n      waitForAnimationsTimeout.clear();\n    };\n  }, [computeThumbPosition, viewportRef, waitForAnimationsTimeout]);\n  function handleUserInteraction() {\n    programmaticScrollRef.current = false;\n  }\n  const props = {\n    role: 'presentation',\n    ...(rootId && {\n      'data-id': `${rootId}-viewport`\n    }),\n    // https://accessibilityinsights.io/info-examples/web/scrollable-region-focusable/\n    ...((!hiddenState.scrollbarXHidden || !hiddenState.scrollbarYHidden) && {\n      tabIndex: 0\n    }),\n    className: styleDisableScrollbar.className,\n    style: {\n      overflow: 'scroll'\n    },\n    onScroll() {\n      if (!viewportRef.current) {\n        return;\n      }\n      computeThumbPosition();\n      if (!programmaticScrollRef.current) {\n        handleScroll({\n          x: viewportRef.current.scrollLeft,\n          y: viewportRef.current.scrollTop\n        });\n      }\n\n      // Debounce the restoration of the programmatic flag so that it only\n      // flips back to `true` once scrolling has come to a rest. This ensures\n      // that momentum scrolling (where no further user-interaction events fire)\n      // is still treated as user-driven.\n      // 100 ms without scroll events ≈ scroll end\n      // https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollend_event\n      scrollEndTimeout.start(100, () => {\n        programmaticScrollRef.current = true;\n      });\n    },\n    onWheel: handleUserInteraction,\n    onTouchMove: handleUserInteraction,\n    onPointerMove: handleUserInteraction,\n    onPointerEnter: handleUserInteraction,\n    onKeyDown: handleUserInteraction\n  };\n  const viewportState = 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 element = useRenderElement('div', componentProps, {\n    ref: [forwardedRef, viewportRef],\n    state: viewportState,\n    props: [props, elementProps],\n    stateAttributesMapping: scrollAreaStateAttributesMapping\n  });\n  const contextValue = React.useMemo(() => ({\n    computeThumbPosition\n  }), [computeThumbPosition]);\n  return /*#__PURE__*/_jsx(ScrollAreaViewportContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") ScrollAreaViewport.displayName = \"ScrollAreaViewport\";"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA;AAUA;AACE;AAAI;AAAA;AAIF;AAAA;AAEF;AACE;AACE;AACE;AAAqB;AACnB;AACQ;AACE;AACI;AACf;AACK;AAER;AACD;AAEH;AACF;AAQY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AACA;AACA;AACA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AAAA;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AAAA;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACE;AAAyD;AAEzD;AAAwD;AAE1D;AAAoC;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACE;AAAO;AAET;AAAO;AACE;AACC;AAChB;AAII;AACE;AACA;AACA;AAIA;AACA;AAAwD;AAI1D;AACE;AACA;AACA;AAIA;AACA;AAAsD;AAExD;AACA;AACA;AACA;AACA;AACA;AACE;AAAiD;AAEnD;AACE;AACE;AAAc;AACL;AACC;AACT;AAED;AACA;AACA;AAAc;AACZ;AACA;AACD;AACH;AAEF;AACE;AACA;AACE;AAAO;AAET;AAAO;AACL;AACA;AACA;AACR;AAEI;AAA0B;AACoD;AACJ;AACG;AACJ;AAEzE;AACE;AACE;AAAO;AAET;AAAO;AACR;AAEH;AACE;AAA8C;AAEhD;AACE;AACE;AAAO;AAET;AACA;AACA;AAAO;AAET;AAEE;AAAmC;AAErC;AAGE;AACE;AAAgB;AAClB;AAEF;AACE;AACA;AACE;AAAO;AAET;AACA;AASA;AACE;AAAmC;AACxB;AACqE;AAAE;AAEpF;AACE;AACA;AAA8B;AAChC;AAEF;AACE;AAAgC;AAElC;AAAc;AACN;AACQ;AACQ;AAC1B;AAAA;AAE4E;AAC5D;AAChB;AACqC;AAC1B;AACK;AAChB;AAEM;AACE;AAAA;AAEF;AACA;AACE;AAAa;AACY;AACA;AACxB;AASH;AACE;AAAgC;AACjC;AACH;AACS;AACI;AACE;AACC;AACL;AAEb;AAA2C;AACd;AACA;AACG;AACF;AACE;AACF;AACF;AAE5B;AAAwD;AACvB;AACxB;AACoB;AACH;AAE1B;AAA0C;AACxC;AAEF;AAA6D;AACpD;AACG;AAEd;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewportContext.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+const ScrollAreaViewportContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ScrollAreaViewportContext.displayName = "ScrollAreaViewportContext";
+export {
+  ScrollAreaViewportContext
+};
+//# sourceMappingURL=ScrollAreaViewportContext.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewportContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaViewportContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewportContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const ScrollAreaViewportContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") ScrollAreaViewportContext.displayName = \"ScrollAreaViewportContext\";\nexport function useScrollAreaViewportContext() {\n  const context = React.useContext(ScrollAreaViewportContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: ScrollAreaViewportContext missing. ScrollAreaViewport parts must be placed within <ScrollArea.Viewport>.' : _formatErrorMessage(55));\n  }\n  return context;\n}"],"names":[],"mappings":";AAEY,MAAC,4BAAyC,sBAAM,cAAc,MAAS;AACnF,IAAI,QAAQ,IAAI,aAAa,aAAc,2BAA0B,cAAc;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewportCssVars.js

@@ -0,0 +1,11 @@
+let ScrollAreaViewportCssVars = /* @__PURE__ */ (function(ScrollAreaViewportCssVars2) {
+  ScrollAreaViewportCssVars2["scrollAreaOverflowXStart"] = "--scroll-area-overflow-x-start";
+  ScrollAreaViewportCssVars2["scrollAreaOverflowXEnd"] = "--scroll-area-overflow-x-end";
+  ScrollAreaViewportCssVars2["scrollAreaOverflowYStart"] = "--scroll-area-overflow-y-start";
+  ScrollAreaViewportCssVars2["scrollAreaOverflowYEnd"] = "--scroll-area-overflow-y-end";
+  return ScrollAreaViewportCssVars2;
+})({});
+export {
+  ScrollAreaViewportCssVars
+};
+//# sourceMappingURL=ScrollAreaViewportCssVars.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewportCssVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaViewportCssVars.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewportCssVars.js"],"sourcesContent":["export let ScrollAreaViewportCssVars = /*#__PURE__*/function (ScrollAreaViewportCssVars) {\n  /**\n   * The distance from the horizontal start edge in pixels.\n   * @type {number}\n   */\n  ScrollAreaViewportCssVars[\"scrollAreaOverflowXStart\"] = \"--scroll-area-overflow-x-start\";\n  /**\n   * The distance from the horizontal end edge in pixels.\n   * @type {number}\n   */\n  ScrollAreaViewportCssVars[\"scrollAreaOverflowXEnd\"] = \"--scroll-area-overflow-x-end\";\n  /**\n   * The distance from the vertical start edge in pixels.\n   * @type {number}\n   */\n  ScrollAreaViewportCssVars[\"scrollAreaOverflowYStart\"] = \"--scroll-area-overflow-y-start\";\n  /**\n   * The distance from the vertical end edge in pixels.\n   * @type {number}\n   */\n  ScrollAreaViewportCssVars[\"scrollAreaOverflowYEnd\"] = \"--scroll-area-overflow-y-end\";\n  return ScrollAreaViewportCssVars;\n}({});"],"names":["ScrollAreaViewportCssVars"],"mappings":"AAAU,IAAC,4BAAyC,0BAAUA,4BAA2B;AAKvF,EAAAA,2BAA0B,0BAA0B,IAAI;AAKxD,EAAAA,2BAA0B,wBAAwB,IAAI;AAKtD,EAAAA,2BAA0B,0BAA0B,IAAI;AAKxD,EAAAA,2BAA0B,wBAAwB,IAAI;AACtD,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/group/SelectGroup.js

@@ -0,0 +1,33 @@
+"use client";
+import * as React from "react";
+import { SelectGroupContext } from "./SelectGroupContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { jsx } from "react/jsx-runtime";
+const SelectGroup = /* @__PURE__ */ React.forwardRef(function SelectGroup2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const [labelId, setLabelId] = React.useState();
+  const contextValue = React.useMemo(() => ({
+    labelId,
+    setLabelId
+  }), [labelId, setLabelId]);
+  const element = useRenderElement("div", componentProps, {
+    ref: forwardedRef,
+    props: [{
+      role: "group",
+      "aria-labelledby": labelId
+    }, elementProps]
+  });
+  return /* @__PURE__ */ jsx(SelectGroupContext.Provider, {
+    value: contextValue,
+    children: element
+  });
+});
+if (process.env.NODE_ENV !== "production") SelectGroup.displayName = "SelectGroup";
+export {
+  SelectGroup
+};
+//# sourceMappingURL=SelectGroup.js.map

package/dist/node_modules/@base-ui/react/esm/select/group/SelectGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroup.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/group/SelectGroup.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { SelectGroupContext } from \"./SelectGroupContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\n\n/**\n * Groups related select items with the corresponding label.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const SelectGroup = /*#__PURE__*/React.forwardRef(function SelectGroup(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const [labelId, setLabelId] = React.useState();\n  const contextValue = React.useMemo(() => ({\n    labelId,\n    setLabelId\n  }), [labelId, setLabelId]);\n  const element = useRenderElement('div', componentProps, {\n    ref: forwardedRef,\n    props: [{\n      role: 'group',\n      'aria-labelledby': labelId\n    }, elementProps]\n  });\n  return /*#__PURE__*/_jsx(SelectGroupContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectGroup.displayName = \"SelectGroup\";"],"names":[],"mappings":";;;;;AAaY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AACA;AAA0C;AACxC;AACA;AAEF;AAAwD;AACjD;AACG;AACA;AACa;AACN;AAEjB;AAAsD;AAC7C;AACG;AAEd;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/group/SelectGroupContext.js

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

package/dist/node_modules/@base-ui/react/esm/select/group/SelectGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroupContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/group/SelectGroupContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectGroupContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectGroupContext.displayName = \"SelectGroupContext\";\nexport function useSelectGroupContext() {\n  const context = React.useContext(SelectGroupContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>.' : _formatErrorMessage(56));\n  }\n  return context;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,qBAAkC,sBAAM,cAAc,MAAS;AAC5E,IAAI,QAAQ,IAAI,aAAa,aAAc,oBAAmB,cAAc;AACrE,SAAS,wBAAwB;AACtC,QAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,oGAAoGA,mBAAoB,EAAE,CAAC;AAAA,EACrL;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/group-label/SelectGroupLabel.js

@@ -0,0 +1,33 @@
+"use client";
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useSelectGroupContext } from "../group/SelectGroupContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+const SelectGroupLabel = /* @__PURE__ */ React.forwardRef(function SelectGroupLabel2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    id: idProp,
+    ...elementProps
+  } = componentProps;
+  const {
+    setLabelId
+  } = useSelectGroupContext();
+  const id = useBaseUiId(idProp);
+  useIsoLayoutEffect(() => {
+    setLabelId(id);
+  }, [id, setLabelId]);
+  const element = useRenderElement("div", componentProps, {
+    ref: forwardedRef,
+    props: [{
+      id
+    }, elementProps]
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") SelectGroupLabel.displayName = "SelectGroupLabel";
+export {
+  SelectGroupLabel
+};
+//# sourceMappingURL=SelectGroupLabel.js.map

package/dist/node_modules/@base-ui/react/esm/select/group-label/SelectGroupLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroupLabel.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/group-label/SelectGroupLabel.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { useSelectGroupContext } from \"../group/SelectGroupContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\n\n/**\n * An accessible label that is automatically associated with its parent group.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectGroupLabel = /*#__PURE__*/React.forwardRef(function SelectGroupLabel(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const {\n    setLabelId\n  } = useSelectGroupContext();\n  const id = useBaseUiId(idProp);\n  useIsoLayoutEffect(() => {\n    setLabelId(id);\n  }, [id, setLabelId]);\n  const element = useRenderElement('div', componentProps, {\n    ref: forwardedRef,\n    props: [{\n      id\n    }, elementProps]\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectGroupLabel.displayName = \"SelectGroupLabel\";"],"names":[],"mappings":";;;;;;AAcY;AACV;AAAM;AACJ;AACA;AACI;AACD;AAEL;AAAM;AACJ;AAEF;AACA;AACE;AAAa;AAEf;AAAwD;AACjD;AACG;AACN;AACa;AAEjB;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/icon/SelectIcon.js

@@ -0,0 +1,36 @@
+"use client";
+import * as React from "react";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useSelectRootContext } from "../root/SelectRootContext.js";
+import { triggerOpenStateMapping } from "../../utils/popupStateMapping.js";
+import { selectors } from "../store.js";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+const SelectIcon = /* @__PURE__ */ React.forwardRef(function SelectIcon2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const {
+    store
+  } = useSelectRootContext();
+  const open = useStore(store, selectors.open);
+  const state = React.useMemo(() => ({
+    open
+  }), [open]);
+  const element = useRenderElement("span", componentProps, {
+    state,
+    ref: forwardedRef,
+    props: [{
+      "aria-hidden": true,
+      children: "▼"
+    }, elementProps],
+    stateAttributesMapping: triggerOpenStateMapping
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") SelectIcon.displayName = "SelectIcon";
+export {
+  SelectIcon
+};
+//# sourceMappingURL=SelectIcon.js.map

package/dist/node_modules/@base-ui/react/esm/select/icon/SelectIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectIcon.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/icon/SelectIcon.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.js\";\nimport { triggerOpenStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { selectors } from \"../store.js\";\n\n/**\n * An icon that indicates that the trigger button opens a select popup.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectIcon = /*#__PURE__*/React.forwardRef(function SelectIcon(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useSelectRootContext();\n  const open = useStore(store, selectors.open);\n  const state = React.useMemo(() => ({\n    open\n  }), [open]);\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: [{\n      'aria-hidden': true,\n      children: '▼'\n    }, elementProps],\n    stateAttributesMapping: triggerOpenStateMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectIcon.displayName = \"SelectIcon\";"],"names":[],"mappings":";;;;;;;AAeY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AAAM;AACJ;AAEF;AACA;AAAmC;AACjC;AAEF;AAAyD;AACvD;AACK;AACG;AACS;AACL;AACG;AACS;AAE1B;AACF;AACA;;;;","x_google_ignoreList":[0]}