@neynar/ui 0.4.0 → 0.5.0

package/dist/node_modules/@base-ui/react/esm/select/popup/SelectPopup.js

@@ -0,0 +1,345 @@
+"use client";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { useTimeout } from "../../../../utils/esm/useTimeout.js";
+import { isWebKit } from "../../../../utils/esm/detectBrowser.js";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { ownerDocument } from "../../../../utils/esm/owner.js";
+import { isMouseWithinBounds } from "../../../../utils/esm/isMouseWithinBounds.js";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useAnimationFrame } from "../../../../utils/esm/useAnimationFrame.js";
+import { useSelectRootContext, useSelectFloatingContext } from "../root/SelectRootContext.js";
+import { popupStateMapping } from "../../utils/popupStateMapping.js";
+import { useSelectPositionerContext } from "../positioner/SelectPositionerContext.js";
+import { styleDisableScrollbar } from "../../utils/styles.js";
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { selectors } from "../store.js";
+import { clearStyles, LIST_FUNCTIONAL_STYLES } from "./utils.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { useToolbarRootContext } from "../../toolbar/root/ToolbarRootContext.js";
+import { COMPOSITE_KEYS } from "../../composite/composite.js";
+import { getDisabledMountTransitionStyles } from "../../utils/getDisabledMountTransitionStyles.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { getWindow } from "../../../../../@floating-ui/utils/dist/floating-ui.utils.dom.js";
+import { FloatingFocusManager } from "../../floating-ui-react/components/FloatingFocusManager.js";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+import { windowResize } from "../../utils/reason-parts.js";
+const stateAttributesMapping = {
+  ...popupStateMapping,
+  ...transitionStatusMapping
+};
+const SelectPopup = /* @__PURE__ */ React.forwardRef(function SelectPopup2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    ...elementProps
+  } = componentProps;
+  const {
+    store,
+    popupRef,
+    onOpenChangeComplete,
+    setOpen,
+    valueRef,
+    selectedItemTextRef,
+    keyboardActiveRef,
+    multiple,
+    handleScrollArrowVisibility,
+    scrollHandlerRef
+  } = useSelectRootContext();
+  const {
+    side,
+    align,
+    alignItemWithTriggerActive,
+    setControlledAlignItemWithTrigger,
+    scrollDownArrowRef,
+    scrollUpArrowRef
+  } = useSelectPositionerContext();
+  const insideToolbar = useToolbarRootContext() != null;
+  const floatingRootContext = useSelectFloatingContext();
+  const highlightTimeout = useTimeout();
+  const id = useStore(store, selectors.id);
+  const open = useStore(store, selectors.open);
+  const mounted = useStore(store, selectors.mounted);
+  const popupProps = useStore(store, selectors.popupProps);
+  const transitionStatus = useStore(store, selectors.transitionStatus);
+  const triggerElement = useStore(store, selectors.triggerElement);
+  const positionerElement = useStore(store, selectors.positionerElement);
+  const listElement = useStore(store, selectors.listElement);
+  const initialHeightRef = React.useRef(0);
+  const reachedMaxHeightRef = React.useRef(false);
+  const maxHeightRef = React.useRef(0);
+  const initialPlacedRef = React.useRef(false);
+  const originalPositionerStylesRef = React.useRef({});
+  const scrollArrowFrame = useAnimationFrame();
+  const handleScroll = useStableCallback((scroller) => {
+    if (!positionerElement || !popupRef.current || !initialPlacedRef.current) {
+      return;
+    }
+    if (reachedMaxHeightRef.current || !alignItemWithTriggerActive) {
+      handleScrollArrowVisibility();
+      return;
+    }
+    const isTopPositioned = positionerElement.style.top === "0px";
+    const isBottomPositioned = positionerElement.style.bottom === "0px";
+    const currentHeight = positionerElement.getBoundingClientRect().height;
+    const doc = ownerDocument(positionerElement);
+    const positionerStyles = getComputedStyle(positionerElement);
+    const marginTop = parseFloat(positionerStyles.marginTop);
+    const marginBottom = parseFloat(positionerStyles.marginBottom);
+    const viewportHeight = doc.documentElement.clientHeight - marginTop - marginBottom;
+    const scrollTop = scroller.scrollTop;
+    const scrollHeight = scroller.scrollHeight;
+    const clientHeight = scroller.clientHeight;
+    const maxScrollTop = scrollHeight - clientHeight;
+    let nextPositionerHeight = null;
+    let nextScrollTop = null;
+    let setReachedMax = false;
+    if (isTopPositioned) {
+      const diff = maxScrollTop - scrollTop;
+      const idealHeight = currentHeight + diff;
+      const nextHeight = Math.min(idealHeight, viewportHeight);
+      nextPositionerHeight = nextHeight;
+      if (nextHeight !== viewportHeight) {
+        nextScrollTop = maxScrollTop;
+      } else {
+        setReachedMax = true;
+      }
+    } else if (isBottomPositioned) {
+      const diff = scrollTop - 0;
+      const idealHeight = currentHeight + diff;
+      const nextHeight = Math.min(idealHeight, viewportHeight);
+      const overshoot = idealHeight - viewportHeight;
+      nextPositionerHeight = nextHeight;
+      if (nextHeight !== viewportHeight) {
+        nextScrollTop = 0;
+      } else {
+        setReachedMax = true;
+        if (scrollTop < maxScrollTop) {
+          nextScrollTop = scrollTop - (diff - overshoot);
+        }
+      }
+    }
+    if (nextPositionerHeight != null) {
+      positionerElement.style.height = `${nextPositionerHeight}px`;
+    }
+    if (nextScrollTop != null) {
+      scroller.scrollTop = nextScrollTop;
+    }
+    if (setReachedMax) {
+      reachedMaxHeightRef.current = true;
+    }
+    handleScrollArrowVisibility();
+  });
+  React.useImperativeHandle(scrollHandlerRef, () => handleScroll, [handleScroll]);
+  useOpenChangeComplete({
+    open,
+    ref: popupRef,
+    onComplete() {
+      if (open) {
+        onOpenChangeComplete?.(true);
+      }
+    }
+  });
+  const state = React.useMemo(() => ({
+    open,
+    transitionStatus,
+    side,
+    align
+  }), [open, transitionStatus, side, align]);
+  useIsoLayoutEffect(() => {
+    if (!positionerElement || !popupRef.current || Object.keys(originalPositionerStylesRef.current).length) {
+      return;
+    }
+    originalPositionerStylesRef.current = {
+      top: positionerElement.style.top || "0",
+      left: positionerElement.style.left || "0",
+      right: positionerElement.style.right,
+      height: positionerElement.style.height,
+      bottom: positionerElement.style.bottom,
+      minHeight: positionerElement.style.minHeight,
+      maxHeight: positionerElement.style.maxHeight,
+      marginTop: positionerElement.style.marginTop,
+      marginBottom: positionerElement.style.marginBottom
+    };
+  }, [popupRef, positionerElement]);
+  useIsoLayoutEffect(() => {
+    if (mounted || alignItemWithTriggerActive) {
+      return;
+    }
+    initialPlacedRef.current = false;
+    reachedMaxHeightRef.current = false;
+    initialHeightRef.current = 0;
+    maxHeightRef.current = 0;
+    clearStyles(positionerElement, originalPositionerStylesRef.current);
+  }, [mounted, alignItemWithTriggerActive, positionerElement, popupRef]);
+  useIsoLayoutEffect(() => {
+    const popupElement = popupRef.current;
+    if (!mounted || !triggerElement || !positionerElement || !popupElement) {
+      return;
+    }
+    if (!alignItemWithTriggerActive) {
+      initialPlacedRef.current = true;
+      scrollArrowFrame.request(handleScrollArrowVisibility);
+      return;
+    }
+    queueMicrotask(() => {
+      const positionerStyles = getComputedStyle(positionerElement);
+      const popupStyles = getComputedStyle(popupElement);
+      const doc = ownerDocument(triggerElement);
+      const win = getWindow(positionerElement);
+      const triggerRect = triggerElement.getBoundingClientRect();
+      const positionerRect = positionerElement.getBoundingClientRect();
+      const triggerX = triggerRect.left;
+      const triggerHeight = triggerRect.height;
+      const scroller = listElement || popupElement;
+      const scrollHeight = scroller.scrollHeight;
+      const borderBottom = parseFloat(popupStyles.borderBottomWidth);
+      const marginTop = parseFloat(positionerStyles.marginTop) || 10;
+      const marginBottom = parseFloat(positionerStyles.marginBottom) || 10;
+      const minHeight = parseFloat(positionerStyles.minHeight) || 100;
+      const paddingLeft = 5;
+      const paddingRight = 5;
+      const triggerCollisionThreshold = 20;
+      const viewportHeight = doc.documentElement.clientHeight - marginTop - marginBottom;
+      const viewportWidth = doc.documentElement.clientWidth;
+      const availableSpaceBeneathTrigger = viewportHeight - triggerRect.bottom + triggerHeight;
+      const textElement = selectedItemTextRef.current;
+      const valueElement = valueRef.current;
+      let offsetX = 0;
+      let offsetY = 0;
+      if (textElement && valueElement) {
+        const valueRect = valueElement.getBoundingClientRect();
+        const textRect = textElement.getBoundingClientRect();
+        const valueLeftFromTriggerLeft = valueRect.left - triggerX;
+        const textLeftFromPositionerLeft = textRect.left - positionerRect.left;
+        const valueCenterFromPositionerTop = valueRect.top - triggerRect.top + valueRect.height / 2;
+        const textCenterFromTriggerTop = textRect.top - positionerRect.top + textRect.height / 2;
+        offsetX = valueLeftFromTriggerLeft - textLeftFromPositionerLeft;
+        offsetY = textCenterFromTriggerTop - valueCenterFromPositionerTop;
+      }
+      const idealHeight = availableSpaceBeneathTrigger + offsetY + marginBottom + borderBottom;
+      let height = Math.min(viewportHeight, idealHeight);
+      const maxHeight = viewportHeight - marginTop - marginBottom;
+      const scrollTop = idealHeight - height;
+      const left = Math.max(paddingLeft, triggerX + offsetX);
+      const maxRight = viewportWidth - paddingRight;
+      const rightOverflow = Math.max(0, left + positionerRect.width - maxRight);
+      positionerElement.style.left = `${left - rightOverflow}px`;
+      positionerElement.style.height = `${height}px`;
+      positionerElement.style.maxHeight = "auto";
+      positionerElement.style.marginTop = `${marginTop}px`;
+      positionerElement.style.marginBottom = `${marginBottom}px`;
+      popupElement.style.height = "100%";
+      const maxScrollTop = scroller.scrollHeight - scroller.clientHeight;
+      const isTopPositioned = scrollTop >= maxScrollTop;
+      if (isTopPositioned) {
+        height = Math.min(viewportHeight, positionerRect.height) - (scrollTop - maxScrollTop);
+      }
+      const fallbackToAlignPopupToTrigger = triggerRect.top < triggerCollisionThreshold || triggerRect.bottom > viewportHeight - triggerCollisionThreshold || height < Math.min(scrollHeight, minHeight);
+      const isPinchZoomed = (win.visualViewport?.scale ?? 1) !== 1 && isWebKit;
+      if (fallbackToAlignPopupToTrigger || isPinchZoomed) {
+        initialPlacedRef.current = true;
+        clearStyles(positionerElement, originalPositionerStylesRef.current);
+        ReactDOM.flushSync(() => setControlledAlignItemWithTrigger(false));
+        return;
+      }
+      if (isTopPositioned) {
+        const topOffset = Math.max(0, viewportHeight - idealHeight);
+        positionerElement.style.top = positionerRect.height >= maxHeight ? "0" : `${topOffset}px`;
+        positionerElement.style.height = `${height}px`;
+        scroller.scrollTop = scroller.scrollHeight - scroller.clientHeight;
+        initialHeightRef.current = Math.max(minHeight, height);
+      } else {
+        positionerElement.style.bottom = "0";
+        initialHeightRef.current = Math.max(minHeight, height);
+        scroller.scrollTop = scrollTop;
+      }
+      if (initialHeightRef.current === viewportHeight) {
+        reachedMaxHeightRef.current = true;
+      }
+      handleScrollArrowVisibility();
+      setTimeout(() => {
+        initialPlacedRef.current = true;
+      });
+    });
+  }, [store, mounted, positionerElement, triggerElement, valueRef, selectedItemTextRef, popupRef, handleScrollArrowVisibility, alignItemWithTriggerActive, setControlledAlignItemWithTrigger, scrollArrowFrame, scrollDownArrowRef, scrollUpArrowRef, listElement]);
+  React.useEffect(() => {
+    if (!alignItemWithTriggerActive || !positionerElement || !mounted) {
+      return void 0;
+    }
+    const win = getWindow(positionerElement);
+    function handleResize(event) {
+      setOpen(false, createChangeEventDetails(windowResize, event));
+    }
+    win.addEventListener("resize", handleResize);
+    return () => {
+      win.removeEventListener("resize", handleResize);
+    };
+  }, [setOpen, alignItemWithTriggerActive, positionerElement, mounted]);
+  const defaultProps = {
+    ...listElement ? {
+      role: "presentation",
+      "aria-orientation": void 0
+    } : {
+      role: "listbox",
+      "aria-multiselectable": multiple || void 0,
+      id: `${id}-list`
+    },
+    onKeyDown(event) {
+      keyboardActiveRef.current = true;
+      if (insideToolbar && COMPOSITE_KEYS.has(event.key)) {
+        event.stopPropagation();
+      }
+    },
+    onMouseMove() {
+      keyboardActiveRef.current = false;
+    },
+    onPointerLeave(event) {
+      if (isMouseWithinBounds(event) || event.pointerType === "touch") {
+        return;
+      }
+      const popup = event.currentTarget;
+      highlightTimeout.start(0, () => {
+        store.set("activeIndex", null);
+        popup.focus({
+          preventScroll: true
+        });
+      });
+    },
+    onScroll(event) {
+      if (listElement) {
+        return;
+      }
+      scrollHandlerRef.current?.(event.currentTarget);
+    },
+    ...alignItemWithTriggerActive && {
+      style: listElement ? {
+        height: "100%"
+      } : LIST_FUNCTIONAL_STYLES
+    }
+  };
+  const element = useRenderElement("div", componentProps, {
+    ref: [forwardedRef, popupRef],
+    state,
+    stateAttributesMapping,
+    props: [popupProps, defaultProps, getDisabledMountTransitionStyles(transitionStatus), {
+      className: !listElement && alignItemWithTriggerActive ? styleDisableScrollbar.className : void 0
+    }, elementProps]
+  });
+  return /* @__PURE__ */ jsxs(React.Fragment, {
+    children: [styleDisableScrollbar.element, /* @__PURE__ */ jsx(FloatingFocusManager, {
+      context: floatingRootContext,
+      modal: false,
+      disabled: !mounted,
+      restoreFocus: true,
+      children: element
+    })]
+  });
+});
+if (process.env.NODE_ENV !== "production") SelectPopup.displayName = "SelectPopup";
+export {
+  SelectPopup
+};
+//# sourceMappingURL=SelectPopup.js.map

package/dist/node_modules/@base-ui/react/esm/select/popup/SelectPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPopup.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/popup/SelectPopup.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { useTimeout } from '@base-ui/utils/useTimeout';\nimport { isWebKit } from '@base-ui/utils/detectBrowser';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { ownerDocument, ownerWindow } from '@base-ui/utils/owner';\nimport { isMouseWithinBounds } from '@base-ui/utils/isMouseWithinBounds';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStore } from '@base-ui/utils/store';\nimport { useAnimationFrame } from '@base-ui/utils/useAnimationFrame';\nimport { FloatingFocusManager } from \"../../floating-ui-react/index.js\";\nimport { useSelectFloatingContext, useSelectRootContext } from \"../root/SelectRootContext.js\";\nimport { popupStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { useSelectPositionerContext } from \"../positioner/SelectPositionerContext.js\";\nimport { styleDisableScrollbar } from \"../../utils/styles.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { selectors } from \"../store.js\";\nimport { clearStyles, LIST_FUNCTIONAL_STYLES } from \"./utils.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { useToolbarRootContext } from \"../../toolbar/root/ToolbarRootContext.js\";\nimport { COMPOSITE_KEYS } from \"../../composite/composite.js\";\nimport { getDisabledMountTransitionStyles } from \"../../utils/getDisabledMountTransitionStyles.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst stateAttributesMapping = {\n  ...popupStateMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * A container for the select list.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectPopup = /*#__PURE__*/React.forwardRef(function SelectPopup(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    ...elementProps\n  } = componentProps;\n  const {\n    store,\n    popupRef,\n    onOpenChangeComplete,\n    setOpen,\n    valueRef,\n    selectedItemTextRef,\n    keyboardActiveRef,\n    multiple,\n    handleScrollArrowVisibility,\n    scrollHandlerRef\n  } = useSelectRootContext();\n  const {\n    side,\n    align,\n    alignItemWithTriggerActive,\n    setControlledAlignItemWithTrigger,\n    scrollDownArrowRef,\n    scrollUpArrowRef\n  } = useSelectPositionerContext();\n  const insideToolbar = useToolbarRootContext(true) != null;\n  const floatingRootContext = useSelectFloatingContext();\n  const highlightTimeout = useTimeout();\n  const id = useStore(store, selectors.id);\n  const open = useStore(store, selectors.open);\n  const mounted = useStore(store, selectors.mounted);\n  const popupProps = useStore(store, selectors.popupProps);\n  const transitionStatus = useStore(store, selectors.transitionStatus);\n  const triggerElement = useStore(store, selectors.triggerElement);\n  const positionerElement = useStore(store, selectors.positionerElement);\n  const listElement = useStore(store, selectors.listElement);\n  const initialHeightRef = React.useRef(0);\n  const reachedMaxHeightRef = React.useRef(false);\n  const maxHeightRef = React.useRef(0);\n  const initialPlacedRef = React.useRef(false);\n  const originalPositionerStylesRef = React.useRef({});\n  const scrollArrowFrame = useAnimationFrame();\n  const handleScroll = useStableCallback(scroller => {\n    if (!positionerElement || !popupRef.current || !initialPlacedRef.current) {\n      return;\n    }\n    if (reachedMaxHeightRef.current || !alignItemWithTriggerActive) {\n      handleScrollArrowVisibility();\n      return;\n    }\n    const isTopPositioned = positionerElement.style.top === '0px';\n    const isBottomPositioned = positionerElement.style.bottom === '0px';\n    const currentHeight = positionerElement.getBoundingClientRect().height;\n    const doc = ownerDocument(positionerElement);\n    const positionerStyles = getComputedStyle(positionerElement);\n    const marginTop = parseFloat(positionerStyles.marginTop);\n    const marginBottom = parseFloat(positionerStyles.marginBottom);\n    const viewportHeight = doc.documentElement.clientHeight - marginTop - marginBottom;\n    const scrollTop = scroller.scrollTop;\n    const scrollHeight = scroller.scrollHeight;\n    const clientHeight = scroller.clientHeight;\n    const maxScrollTop = scrollHeight - clientHeight;\n    let nextPositionerHeight = null;\n    let nextScrollTop = null;\n    let setReachedMax = false;\n    if (isTopPositioned) {\n      const diff = maxScrollTop - scrollTop;\n      const idealHeight = currentHeight + diff;\n      const nextHeight = Math.min(idealHeight, viewportHeight);\n      nextPositionerHeight = nextHeight;\n      if (nextHeight !== viewportHeight) {\n        nextScrollTop = maxScrollTop;\n      } else {\n        setReachedMax = true;\n      }\n    } else if (isBottomPositioned) {\n      const diff = scrollTop - 0;\n      const idealHeight = currentHeight + diff;\n      const nextHeight = Math.min(idealHeight, viewportHeight);\n      const overshoot = idealHeight - viewportHeight;\n      nextPositionerHeight = nextHeight;\n      if (nextHeight !== viewportHeight) {\n        nextScrollTop = 0;\n      } else {\n        setReachedMax = true;\n        if (scrollTop < maxScrollTop) {\n          nextScrollTop = scrollTop - (diff - overshoot);\n        }\n      }\n    }\n    if (nextPositionerHeight != null) {\n      positionerElement.style.height = `${nextPositionerHeight}px`;\n    }\n    if (nextScrollTop != null) {\n      scroller.scrollTop = nextScrollTop;\n    }\n    if (setReachedMax) {\n      reachedMaxHeightRef.current = true;\n    }\n    handleScrollArrowVisibility();\n  });\n  React.useImperativeHandle(scrollHandlerRef, () => handleScroll, [handleScroll]);\n  useOpenChangeComplete({\n    open,\n    ref: popupRef,\n    onComplete() {\n      if (open) {\n        onOpenChangeComplete?.(true);\n      }\n    }\n  });\n  const state = React.useMemo(() => ({\n    open,\n    transitionStatus,\n    side,\n    align\n  }), [open, transitionStatus, side, align]);\n  useIsoLayoutEffect(() => {\n    if (!positionerElement || !popupRef.current || Object.keys(originalPositionerStylesRef.current).length) {\n      return;\n    }\n    originalPositionerStylesRef.current = {\n      top: positionerElement.style.top || '0',\n      left: positionerElement.style.left || '0',\n      right: positionerElement.style.right,\n      height: positionerElement.style.height,\n      bottom: positionerElement.style.bottom,\n      minHeight: positionerElement.style.minHeight,\n      maxHeight: positionerElement.style.maxHeight,\n      marginTop: positionerElement.style.marginTop,\n      marginBottom: positionerElement.style.marginBottom\n    };\n  }, [popupRef, positionerElement]);\n  useIsoLayoutEffect(() => {\n    if (mounted || alignItemWithTriggerActive) {\n      return;\n    }\n    initialPlacedRef.current = false;\n    reachedMaxHeightRef.current = false;\n    initialHeightRef.current = 0;\n    maxHeightRef.current = 0;\n    clearStyles(positionerElement, originalPositionerStylesRef.current);\n  }, [mounted, alignItemWithTriggerActive, positionerElement, popupRef]);\n  useIsoLayoutEffect(() => {\n    const popupElement = popupRef.current;\n    if (!mounted || !triggerElement || !positionerElement || !popupElement) {\n      return;\n    }\n    if (!alignItemWithTriggerActive) {\n      initialPlacedRef.current = true;\n      scrollArrowFrame.request(handleScrollArrowVisibility);\n      return;\n    }\n\n    // Wait for `selectedItemTextRef.current` to be set.\n    queueMicrotask(() => {\n      const positionerStyles = getComputedStyle(positionerElement);\n      const popupStyles = getComputedStyle(popupElement);\n      const doc = ownerDocument(triggerElement);\n      const win = ownerWindow(positionerElement);\n      const triggerRect = triggerElement.getBoundingClientRect();\n      const positionerRect = positionerElement.getBoundingClientRect();\n      const triggerX = triggerRect.left;\n      const triggerHeight = triggerRect.height;\n      const scroller = listElement || popupElement;\n      const scrollHeight = scroller.scrollHeight;\n      const borderBottom = parseFloat(popupStyles.borderBottomWidth);\n      const marginTop = parseFloat(positionerStyles.marginTop) || 10;\n      const marginBottom = parseFloat(positionerStyles.marginBottom) || 10;\n      const minHeight = parseFloat(positionerStyles.minHeight) || 100;\n      const paddingLeft = 5;\n      const paddingRight = 5;\n      const triggerCollisionThreshold = 20;\n      const viewportHeight = doc.documentElement.clientHeight - marginTop - marginBottom;\n      const viewportWidth = doc.documentElement.clientWidth;\n      const availableSpaceBeneathTrigger = viewportHeight - triggerRect.bottom + triggerHeight;\n      const textElement = selectedItemTextRef.current;\n      const valueElement = valueRef.current;\n      let offsetX = 0;\n      let offsetY = 0;\n      if (textElement && valueElement) {\n        const valueRect = valueElement.getBoundingClientRect();\n        const textRect = textElement.getBoundingClientRect();\n        const valueLeftFromTriggerLeft = valueRect.left - triggerX;\n        const textLeftFromPositionerLeft = textRect.left - positionerRect.left;\n        const valueCenterFromPositionerTop = valueRect.top - triggerRect.top + valueRect.height / 2;\n        const textCenterFromTriggerTop = textRect.top - positionerRect.top + textRect.height / 2;\n        offsetX = valueLeftFromTriggerLeft - textLeftFromPositionerLeft;\n        offsetY = textCenterFromTriggerTop - valueCenterFromPositionerTop;\n      }\n      const idealHeight = availableSpaceBeneathTrigger + offsetY + marginBottom + borderBottom;\n      let height = Math.min(viewportHeight, idealHeight);\n      const maxHeight = viewportHeight - marginTop - marginBottom;\n      const scrollTop = idealHeight - height;\n      const left = Math.max(paddingLeft, triggerX + offsetX);\n      const maxRight = viewportWidth - paddingRight;\n      const rightOverflow = Math.max(0, left + positionerRect.width - maxRight);\n      positionerElement.style.left = `${left - rightOverflow}px`;\n      positionerElement.style.height = `${height}px`;\n      positionerElement.style.maxHeight = 'auto';\n      positionerElement.style.marginTop = `${marginTop}px`;\n      positionerElement.style.marginBottom = `${marginBottom}px`;\n      popupElement.style.height = '100%';\n      const maxScrollTop = scroller.scrollHeight - scroller.clientHeight;\n      const isTopPositioned = scrollTop >= maxScrollTop;\n      if (isTopPositioned) {\n        height = Math.min(viewportHeight, positionerRect.height) - (scrollTop - maxScrollTop);\n      }\n\n      // When the trigger is too close to the top or bottom of the viewport, or the minHeight is\n      // reached, we fallback to aligning the popup to the trigger as the UX is poor otherwise.\n      const fallbackToAlignPopupToTrigger = triggerRect.top < triggerCollisionThreshold || triggerRect.bottom > viewportHeight - triggerCollisionThreshold || height < Math.min(scrollHeight, minHeight);\n\n      // Safari doesn't position the popup correctly when pinch-zoomed.\n      const isPinchZoomed = (win.visualViewport?.scale ?? 1) !== 1 && isWebKit;\n      if (fallbackToAlignPopupToTrigger || isPinchZoomed) {\n        initialPlacedRef.current = true;\n        clearStyles(positionerElement, originalPositionerStylesRef.current);\n        ReactDOM.flushSync(() => setControlledAlignItemWithTrigger(false));\n        return;\n      }\n      if (isTopPositioned) {\n        const topOffset = Math.max(0, viewportHeight - idealHeight);\n        positionerElement.style.top = positionerRect.height >= maxHeight ? '0' : `${topOffset}px`;\n        positionerElement.style.height = `${height}px`;\n        scroller.scrollTop = scroller.scrollHeight - scroller.clientHeight;\n        initialHeightRef.current = Math.max(minHeight, height);\n      } else {\n        positionerElement.style.bottom = '0';\n        initialHeightRef.current = Math.max(minHeight, height);\n        scroller.scrollTop = scrollTop;\n      }\n      if (initialHeightRef.current === viewportHeight) {\n        reachedMaxHeightRef.current = true;\n      }\n      handleScrollArrowVisibility();\n\n      // Avoid the `onScroll` event logic from triggering before the popup is placed.\n      setTimeout(() => {\n        initialPlacedRef.current = true;\n      });\n    });\n  }, [store, mounted, positionerElement, triggerElement, valueRef, selectedItemTextRef, popupRef, handleScrollArrowVisibility, alignItemWithTriggerActive, setControlledAlignItemWithTrigger, scrollArrowFrame, scrollDownArrowRef, scrollUpArrowRef, listElement]);\n  React.useEffect(() => {\n    if (!alignItemWithTriggerActive || !positionerElement || !mounted) {\n      return undefined;\n    }\n    const win = ownerWindow(positionerElement);\n    function handleResize(event) {\n      setOpen(false, createChangeEventDetails(REASONS.windowResize, event));\n    }\n    win.addEventListener('resize', handleResize);\n    return () => {\n      win.removeEventListener('resize', handleResize);\n    };\n  }, [setOpen, alignItemWithTriggerActive, positionerElement, mounted]);\n  const defaultProps = {\n    ...(listElement ? {\n      role: 'presentation',\n      'aria-orientation': undefined\n    } : {\n      role: 'listbox',\n      'aria-multiselectable': multiple || undefined,\n      id: `${id}-list`\n    }),\n    onKeyDown(event) {\n      keyboardActiveRef.current = true;\n      if (insideToolbar && COMPOSITE_KEYS.has(event.key)) {\n        event.stopPropagation();\n      }\n    },\n    onMouseMove() {\n      keyboardActiveRef.current = false;\n    },\n    onPointerLeave(event) {\n      if (isMouseWithinBounds(event) || event.pointerType === 'touch') {\n        return;\n      }\n      const popup = event.currentTarget;\n      highlightTimeout.start(0, () => {\n        store.set('activeIndex', null);\n        popup.focus({\n          preventScroll: true\n        });\n      });\n    },\n    onScroll(event) {\n      if (listElement) {\n        return;\n      }\n      scrollHandlerRef.current?.(event.currentTarget);\n    },\n    ...(alignItemWithTriggerActive && {\n      style: listElement ? {\n        height: '100%'\n      } : LIST_FUNCTIONAL_STYLES\n    })\n  };\n  const element = useRenderElement('div', componentProps, {\n    ref: [forwardedRef, popupRef],\n    state,\n    stateAttributesMapping,\n    props: [popupProps, defaultProps, getDisabledMountTransitionStyles(transitionStatus), {\n      className: !listElement && alignItemWithTriggerActive ? styleDisableScrollbar.className : undefined\n    }, elementProps]\n  });\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [styleDisableScrollbar.element, /*#__PURE__*/_jsx(FloatingFocusManager, {\n      context: floatingRootContext,\n      modal: false,\n      disabled: !mounted,\n      restoreFocus: true,\n      children: element\n    })]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectPopup.displayName = \"SelectPopup\";"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AAA+B;AAC1B;AAEL;AAQY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACA;AACA;AACA;AACA;AACE;AAAgB;AAEhB;AAAgB;AAClB;AAEA;AACA;AACA;AACA;AACA;AACA;AACE;AAAgB;AAEhB;AACA;AACE;AAAoC;AACtC;AACF;AAEF;AACE;AAAwD;AAE1D;AACE;AAAqB;AAEvB;AACE;AAA8B;AAEhC;AAA2B;AAE7B;AACA;AAAsB;AACpB;AACK;AAEH;AACE;AAA2B;AAC7B;AACF;AAEF;AAAmC;AACjC;AACA;AACA;AACA;AAEF;AACE;AACE;AAAA;AAEF;AAAsC;AACA;AACE;AACP;AACC;AACA;AACG;AACA;AACA;AACG;AAC5C;AAEE;AACE;AACE;AAAA;AAEF;AACA;AACA;AACA;AACA;AAAkE;AAEpE;AACE;AACA;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAIF;AACE;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAqC;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AAAwE;AAK1E;AAGA;AACA;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AAAqD;AAErD;AACA;AACA;AAAqB;AAEvB;AACE;AAA8B;AAEhC;AAGA;AACE;AAA2B;AAC5B;AACF;AAEH;AACE;AACE;AAAO;AAET;AACA;AACE;AAAoE;AAEtE;AACA;AACE;AAA8C;AAChD;AAEF;AAAqB;AACD;AACV;AACc;AAClB;AACI;AAC8B;AAC3B;AACf;AAEM;AACA;AACE;AAAqB;AACvB;AACF;AAEE;AAA4B;AAC9B;AAEE;AACE;AAAA;AAEF;AACA;AACE;AACA;AAAY;AACK;AAChB;AACF;AACH;AAEE;AACE;AAAA;AAEF;AAA8C;AAChD;AACkC;AACX;AACX;AACN;AACV;AAEE;AAAwD;AAC1B;AAC5B;AACA;AACsF;AACM;AAC7E;AAEjB;AAA0C;AAC0C;AACvE;AACF;AACI;AACG;AACJ;AACV;AAEN;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/popup/utils.js

@@ -0,0 +1,16 @@
+function clearStyles(element, originalStyles) {
+  if (element) {
+    Object.assign(element.style, originalStyles);
+  }
+}
+const LIST_FUNCTIONAL_STYLES = {
+  position: "relative",
+  maxHeight: "100%",
+  overflowX: "hidden",
+  overflowY: "auto"
+};
+export {
+  LIST_FUNCTIONAL_STYLES,
+  clearStyles
+};
+//# sourceMappingURL=utils.js.map

package/dist/node_modules/@base-ui/react/esm/select/popup/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/popup/utils.js"],"sourcesContent":["export function clearStyles(element, originalStyles) {\n  if (element) {\n    Object.assign(element.style, originalStyles);\n  }\n}\nexport const LIST_FUNCTIONAL_STYLES = {\n  position: 'relative',\n  maxHeight: '100%',\n  overflowX: 'hidden',\n  overflowY: 'auto'\n};"],"names":[],"mappings":"AAAO,SAAS,YAAY,SAAS,gBAAgB;AACnD,MAAI,SAAS;AACX,WAAO,OAAO,QAAQ,OAAO,cAAc;AAAA,EAC7C;AACF;AACY,MAAC,yBAAyB;AAAA,EACpC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/portal/SelectPortal.js

@@ -0,0 +1,31 @@
+"use client";
+import * as React from "react";
+import { SelectPortalContext } from "./SelectPortalContext.js";
+import { useSelectRootContext } from "../root/SelectRootContext.js";
+import { selectors } from "../store.js";
+import { jsx } from "react/jsx-runtime";
+import { FloatingPortal } from "../../floating-ui-react/components/FloatingPortal.js";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+const SelectPortal = /* @__PURE__ */ React.forwardRef(function SelectPortal2(portalProps, forwardedRef) {
+  const {
+    store
+  } = useSelectRootContext();
+  const mounted = useStore(store, selectors.mounted);
+  const forceMount = useStore(store, selectors.forceMount);
+  const shouldRender = mounted || forceMount;
+  if (!shouldRender) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(SelectPortalContext.Provider, {
+    value: true,
+    children: /* @__PURE__ */ jsx(FloatingPortal, {
+      ref: forwardedRef,
+      ...portalProps
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") SelectPortal.displayName = "SelectPortal";
+export {
+  SelectPortal
+};
+//# sourceMappingURL=SelectPortal.js.map

package/dist/node_modules/@base-ui/react/esm/select/portal/SelectPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPortal.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/portal/SelectPortal.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { FloatingPortal } from \"../../floating-ui-react/index.js\";\nimport { SelectPortalContext } from \"./SelectPortalContext.js\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.js\";\nimport { selectors } from \"../store.js\";\n\n/**\n * A portal element that moves the popup to a different part of the DOM.\n * By default, the portal element is appended to `<body>`.\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 SelectPortal = /*#__PURE__*/React.forwardRef(function SelectPortal(portalProps, forwardedRef) {\n  const {\n    store\n  } = useSelectRootContext();\n  const mounted = useStore(store, selectors.mounted);\n  const forceMount = useStore(store, selectors.forceMount);\n  const shouldRender = mounted || forceMount;\n  if (!shouldRender) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(SelectPortalContext.Provider, {\n    value: true,\n    children: /*#__PURE__*/_jsx(FloatingPortal, {\n      ref: forwardedRef,\n      ...portalProps\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectPortal.displayName = \"SelectPortal\";"],"names":[],"mappings":";;;;;;;;AAiBY;AACV;AAAM;AACJ;AAEF;AACA;AACA;AACA;AACE;AAAO;AAET;AAAuD;AAC9C;AACqC;AACrC;AACF;AACJ;AAEL;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/portal/SelectPortalContext.js

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

package/dist/node_modules/@base-ui/react/esm/select/portal/SelectPortalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPortalContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/portal/SelectPortalContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectPortalContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectPortalContext.displayName = \"SelectPortalContext\";\nexport function useSelectPortalContext() {\n  const value = React.useContext(SelectPortalContext);\n  if (value === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: <Select.Portal> is missing.' : _formatErrorMessage(58));\n  }\n  return value;\n}"],"names":[],"mappings":";AAEY,MAAC,sBAAmC,sBAAM,cAAc,MAAS;AAC7E,IAAI,QAAQ,IAAI,aAAa,aAAc,qBAAoB,cAAc;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/positioner/SelectPositioner.js

@@ -0,0 +1,205 @@
+"use client";
+import * as React from "react";
+import { inertValue } from "../../../../utils/esm/inertValue.js";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useScrollLock } from "../../../../utils/esm/useScrollLock.js";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useSelectRootContext, useSelectFloatingContext } from "../root/SelectRootContext.js";
+import { CompositeList } from "../../composite/list/CompositeList.js";
+import { popupStateMapping } from "../../utils/popupStateMapping.js";
+import { useAnchorPositioning } from "../../utils/useAnchorPositioning.js";
+import { SelectPositionerContext } from "./SelectPositionerContext.js";
+import { InternalBackdrop } from "../../utils/InternalBackdrop.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { DROPDOWN_COLLISION_AVOIDANCE } from "../../utils/constants.js";
+import { clearStyles } from "../popup/utils.js";
+import { selectors } from "../store.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { findItemIndex, itemIncludes } from "../../utils/itemEquality.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+import { none } from "../../utils/reason-parts.js";
+const FIXED = {
+  position: "fixed"
+};
+const SelectPositioner = /* @__PURE__ */ React.forwardRef(function SelectPositioner2(componentProps, forwardedRef) {
+  const {
+    anchor,
+    positionMethod = "absolute",
+    className,
+    render,
+    side = "bottom",
+    align = "center",
+    sideOffset = 0,
+    alignOffset = 0,
+    collisionBoundary = "clipping-ancestors",
+    collisionPadding,
+    arrowPadding = 5,
+    sticky = false,
+    disableAnchorTracking,
+    alignItemWithTrigger = true,
+    collisionAvoidance = DROPDOWN_COLLISION_AVOIDANCE,
+    ...elementProps
+  } = componentProps;
+  const {
+    store,
+    listRef,
+    labelsRef,
+    alignItemWithTriggerActiveRef,
+    selectedItemTextRef,
+    valuesRef,
+    initialValueRef,
+    popupRef,
+    setValue
+  } = useSelectRootContext();
+  const floatingRootContext = useSelectFloatingContext();
+  const open = useStore(store, selectors.open);
+  const mounted = useStore(store, selectors.mounted);
+  const modal = useStore(store, selectors.modal);
+  const value = useStore(store, selectors.value);
+  const openMethod = useStore(store, selectors.openMethod);
+  const positionerElement = useStore(store, selectors.positionerElement);
+  const triggerElement = useStore(store, selectors.triggerElement);
+  const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);
+  const scrollUpArrowRef = React.useRef(null);
+  const scrollDownArrowRef = React.useRef(null);
+  const [controlledAlignItemWithTrigger, setControlledAlignItemWithTrigger] = React.useState(alignItemWithTrigger);
+  const alignItemWithTriggerActive = mounted && controlledAlignItemWithTrigger && openMethod !== "touch";
+  if (!mounted && controlledAlignItemWithTrigger !== alignItemWithTrigger) {
+    setControlledAlignItemWithTrigger(alignItemWithTrigger);
+  }
+  useIsoLayoutEffect(() => {
+    if (!mounted) {
+      if (selectors.scrollUpArrowVisible(store.state)) {
+        store.set("scrollUpArrowVisible", false);
+      }
+      if (selectors.scrollDownArrowVisible(store.state)) {
+        store.set("scrollDownArrowVisible", false);
+      }
+    }
+  }, [store, mounted]);
+  React.useImperativeHandle(alignItemWithTriggerActiveRef, () => alignItemWithTriggerActive);
+  useScrollLock((alignItemWithTriggerActive || modal) && open && openMethod !== "touch", triggerElement);
+  const positioning = useAnchorPositioning({
+    anchor,
+    floatingRootContext,
+    positionMethod,
+    mounted,
+    side,
+    sideOffset,
+    align,
+    alignOffset,
+    arrowPadding,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    disableAnchorTracking: disableAnchorTracking ?? alignItemWithTriggerActive,
+    collisionAvoidance,
+    keepMounted: true
+  });
+  const renderedSide = alignItemWithTriggerActive ? "none" : positioning.side;
+  const positionerStyles = alignItemWithTriggerActive ? FIXED : positioning.positionerStyles;
+  const defaultProps = React.useMemo(() => {
+    const hiddenStyles = {};
+    if (!open) {
+      hiddenStyles.pointerEvents = "none";
+    }
+    return {
+      role: "presentation",
+      hidden: !mounted,
+      style: {
+        ...positionerStyles,
+        ...hiddenStyles
+      }
+    };
+  }, [open, mounted, positionerStyles]);
+  const state = React.useMemo(() => ({
+    open,
+    side: renderedSide,
+    align: positioning.align,
+    anchorHidden: positioning.anchorHidden
+  }), [open, renderedSide, positioning.align, positioning.anchorHidden]);
+  const setPositionerElement = useStableCallback((element2) => {
+    store.set("positionerElement", element2);
+  });
+  const element = useRenderElement("div", componentProps, {
+    ref: [forwardedRef, setPositionerElement],
+    state,
+    stateAttributesMapping: popupStateMapping,
+    props: [defaultProps, elementProps]
+  });
+  const prevMapSizeRef = React.useRef(0);
+  const onMapChange = useStableCallback((map) => {
+    if (map.size === 0 && prevMapSizeRef.current === 0) {
+      return;
+    }
+    if (valuesRef.current.length === 0) {
+      return;
+    }
+    const prevSize = prevMapSizeRef.current;
+    prevMapSizeRef.current = map.size;
+    if (map.size === prevSize) {
+      return;
+    }
+    const eventDetails = createChangeEventDetails(none);
+    if (prevSize !== 0 && !store.state.multiple && value !== null) {
+      const valueIndex = findItemIndex(valuesRef.current, value, isItemEqualToValue);
+      if (valueIndex === -1) {
+        const initial = initialValueRef.current;
+        const hasInitial = initial != null && itemIncludes(valuesRef.current, initial, isItemEqualToValue);
+        const nextValue = hasInitial ? initial : null;
+        setValue(nextValue, eventDetails);
+        if (nextValue === null) {
+          store.set("selectedIndex", null);
+          selectedItemTextRef.current = null;
+        }
+      }
+    }
+    if (prevSize !== 0 && store.state.multiple && Array.isArray(value)) {
+      const nextValue = value.filter((v) => itemIncludes(valuesRef.current, v, isItemEqualToValue));
+      if (nextValue.length !== value.length || nextValue.some((v) => !itemIncludes(value, v, isItemEqualToValue))) {
+        setValue(nextValue, eventDetails);
+        if (nextValue.length === 0) {
+          store.set("selectedIndex", null);
+          selectedItemTextRef.current = null;
+        }
+      }
+    }
+    if (open && alignItemWithTriggerActive) {
+      store.update({
+        scrollUpArrowVisible: false,
+        scrollDownArrowVisible: false
+      });
+      const stylesToClear = {
+        height: ""
+      };
+      clearStyles(positionerElement, stylesToClear);
+      clearStyles(popupRef.current, stylesToClear);
+    }
+  });
+  const contextValue = React.useMemo(() => ({
+    ...positioning,
+    side: renderedSide,
+    alignItemWithTriggerActive,
+    setControlledAlignItemWithTrigger,
+    scrollUpArrowRef,
+    scrollDownArrowRef
+  }), [positioning, renderedSide, alignItemWithTriggerActive, setControlledAlignItemWithTrigger]);
+  return /* @__PURE__ */ jsx(CompositeList, {
+    elementsRef: listRef,
+    labelsRef,
+    onMapChange,
+    children: /* @__PURE__ */ jsxs(SelectPositionerContext.Provider, {
+      value: contextValue,
+      children: [mounted && modal && /* @__PURE__ */ jsx(InternalBackdrop, {
+        inert: inertValue(!open),
+        cutout: triggerElement
+      }), element]
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") SelectPositioner.displayName = "SelectPositioner";
+export {
+  SelectPositioner
+};
+//# sourceMappingURL=SelectPositioner.js.map