@tamagui/select 1.0.1-beta.118 → 1.0.1-beta.121

package/dist/esm/SelectImpl.js

@@ -1,43 +1,46 @@
 import {
-  detectOverflow,
   flip,
+  inner,
   offset,
+  shift,
   size,
   useClick,
   useDismiss,
   useFloating,
+  useInnerOffset,
   useInteractions,
   useListNavigation,
   useRole,
   useTypeahead
 } from "@floating-ui/react-dom-interactions";
-import { usePrevious } from "@radix-ui/react-use-previous";
+import { useIsTouchDevice } from "@tamagui/core";
 import * as React from "react";
-import { FALLBACK_THRESHOLD, MIN_HEIGHT, SCROLL_ARROW_THRESHOLD, WINDOW_PADDING } from "./constants";
+import { flushSync } from "react-dom";
+import { SCROLL_ARROW_THRESHOLD, WINDOW_PADDING } from "./constants";
 import { SelectProvider, useSelectContext } from "./context";
 const SelectInlineImpl = (props) => {
-  const {
-    __scopeSelect,
-    children,
-    open = false,
-    activeIndexRef,
-    selectedIndexRef,
-    listContentRef
-  } = props;
+  const { __scopeSelect, children, open = false, selectedIndexRef, listContentRef } = props;
   const selectContext = useSelectContext("SelectSheetImpl", __scopeSelect);
   const { setActiveIndex, setOpen, setSelectedIndex, selectedIndex, activeIndex, forceUpdate } = selectContext;
-  const [showArrows, setShowArrows] = React.useState(false);
   const [scrollTop, setScrollTop] = React.useState(0);
-  const prevActiveIndex = usePrevious(activeIndex);
+  const touch = useIsTouchDevice();
   const listItemsRef = React.useRef([]);
+  const overflowRef = React.useRef(null);
+  const upArrowRef = React.useRef(null);
+  const downArrowRef = React.useRef(null);
+  const allowSelectRef = React.useRef(false);
+  const allowMouseUpRef = React.useRef(true);
+  const selectTimeoutRef = React.useRef();
   const [controlledScrolling, setControlledScrolling] = React.useState(false);
-  const [middlewareType, setMiddlewareType] = React.useState("align");
+  const [fallback, setFallback] = React.useState(false);
+  const [innerOffset, setInnerOffset] = React.useState(0);
+  const [blockSelection, setBlockSelection] = React.useState(false);
+  const floatingStyle = React.useRef({});
   React.useEffect(() => {
     const frame = requestAnimationFrame(() => {
-      setShowArrows(open);
       if (!open) {
         setScrollTop(0);
-        setMiddlewareType("align");
+        setFallback(false);
         setActiveIndex(null);
         setControlledScrolling(false);
       }
@@ -46,92 +49,56 @@ const SelectInlineImpl = (props) => {
       cancelAnimationFrame(frame);
     };
   }, [open, setActiveIndex]);
-  function getFloatingPadding(floating2) {
-    var _a;
-    if (!floating2) {
-      return 0;
-    }
-    return Number((_a = getComputedStyle(floating2).paddingLeft) == null ? void 0 : _a.replace("px", ""));
-  }
-  const { x, y, reference, floating, strategy, context, refs, middlewareData, update } = useFloating({
+  const updateFloatingSize = size({
+    apply({
+      availableHeight,
+      rects: {
+        reference: { width }
+      }
+    }) {
+      floatingStyle.current = {
+        width,
+        maxHeight: availableHeight
+      };
+    },
+    padding: WINDOW_PADDING
+  });
+  const { x, y, reference, floating, strategy, context, refs } = useFloating({
     open,
     onOpenChange: setOpen,
-    placement: "bottom",
-    middleware: middlewareType === "align" ? [
-      offset(({ rects }) => {
-        const index = activeIndexRef.current ?? selectedIndexRef.current;
-        if (index == null) {
-          return 0;
-        }
-        const item = listItemsRef.current[index];
-        if (item == null) {
-          return 0;
-        }
-        const offsetTop = item.offsetTop;
-        const itemHeight = item.offsetHeight;
-        const height = rects.reference.height;
-        return -offsetTop - height - (itemHeight - height) / 2;
-      }),
-      {
-        name: "size",
-        async fn(args) {
-          var _a;
-          const {
-            elements: { floating: floating2 },
-            rects: { reference: reference2 },
-            middlewareData: middlewareData2
-          } = args;
-          const overflow = await detectOverflow(args, {
-            padding: WINDOW_PADDING
-          });
-          const top = Math.max(0, overflow.top);
-          const bottom = Math.max(0, overflow.bottom);
-          const nextY = args.y + top;
-          if ((_a = middlewareData2.size) == null ? void 0 : _a.skip) {
-            return {
-              y: nextY,
-              data: {
-                y: middlewareData2.size.y
-              }
-            };
-          }
-          Object.assign(floating2.style, {
-            maxHeight: `${floating2.scrollHeight - Math.abs(top + bottom)}px`,
-            minWidth: `${reference2.width + getFloatingPadding(floating2) * 2}px`
-          });
-          return {
-            y: nextY,
-            data: {
-              y: top,
-              skip: true
-            },
-            reset: {
-              rects: true
-            }
-          };
-        }
-      }
-    ] : [
+    placement: "bottom-start",
+    middleware: fallback ? [
       offset(5),
-      flip(),
-      size({
-        apply({ rects, availableHeight, elements }) {
-          Object.assign(elements.floating.style, {
-            width: `${rects.reference.width}px`,
-            maxHeight: `${availableHeight}px`
-          });
-        },
-        padding: WINDOW_PADDING
-      })
+      ...[
+        touch ? shift({ crossAxis: true, padding: WINDOW_PADDING }) : flip({ padding: WINDOW_PADDING })
+      ],
+      updateFloatingSize
+    ] : [
+      inner({
+        listRef: listItemsRef,
+        overflowRef,
+        index: selectedIndex,
+        offset: innerOffset,
+        onFallbackChange: setFallback,
+        padding: 10,
+        minItemsVisible: touch ? 10 : 4,
+        referenceOverflowThreshold: 20
+      }),
+      updateFloatingSize
     ]
   });
   const floatingRef = refs.floating;
-  const showUpArrow = showArrows && scrollTop > SCROLL_ARROW_THRESHOLD;
-  const showDownArrow = showArrows && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - SCROLL_ARROW_THRESHOLD;
+  const showUpArrow = open && scrollTop > SCROLL_ARROW_THRESHOLD;
+  const showDownArrow = open && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - SCROLL_ARROW_THRESHOLD;
   const interactions = useInteractions([
     useClick(context, { pointerDown: true }),
+    useDismiss(context, { outsidePointerDown: false }),
     useRole(context, { role: "listbox" }),
-    useDismiss(context),
+    useInnerOffset(context, {
+      enabled: !fallback,
+      onChange: setInnerOffset,
+      overflowRef
+    }),
     useListNavigation(context, {
       listRef: listItemsRef,
       activeIndex,
@@ -145,230 +112,135 @@ const SelectInlineImpl = (props) => {
       activeIndex
     })
   ]);
-  const increaseHeight = React.useCallback((floating2, amount = 0) => {
-    if (middlewareType === "fallback") {
-      return;
-    }
-    const currentMaxHeight = Number(floating2.style.maxHeight.replace("px", ""));
-    const currentTop = Number(floating2.style.top.replace("px", ""));
-    const rect = floating2.getBoundingClientRect();
-    const rectTop = rect.top;
-    const rectBottom = rect.bottom;
-    const viewportHeight = (visualViewport == null ? void 0 : visualViewport.height) ?? 0;
-    const visualMaxHeight = viewportHeight - WINDOW_PADDING * 2;
-    if (amount < 0 && selectedIndexRef.current != null && Math.round(rectBottom) < Math.round(viewportHeight + getVisualOffsetTop() - WINDOW_PADDING)) {
-      floating2.style.maxHeight = `${Math.min(visualMaxHeight, currentMaxHeight - amount)}px`;
-    }
-    if (amount > 0 && Math.round(rectTop) > Math.round(WINDOW_PADDING - getVisualOffsetTop()) && floating2.scrollHeight > floating2.offsetHeight) {
-      const nextTop = Math.max(WINDOW_PADDING + getVisualOffsetTop(), currentTop - amount);
-      const nextMaxHeight = Math.min(visualMaxHeight, currentMaxHeight + amount);
-      Object.assign(floating2.style, {
-        maxHeight: `${nextMaxHeight}px`,
-        top: `${nextTop}px`
-      });
-      if (nextTop - WINDOW_PADDING > getVisualOffsetTop()) {
-        floating2.scrollTop -= nextMaxHeight - currentMaxHeight + getFloatingPadding(floating2);
-      }
-      return currentTop - nextTop;
-    }
-  }, [middlewareType, selectedIndexRef]);
-  const touchPageYRef = React.useRef(null);
-  const handleWheel = React.useCallback((event) => {
-    var _a;
-    const pinching = event.ctrlKey;
-    const currentTarget = event.currentTarget;
-    function isWheelEvent(event2) {
-      return typeof event2.deltaY === "number";
-    }
-    function isTouchEvent(event2) {
-      return event2.touches != null;
-    }
-    if (Math.abs(((currentTarget == null ? void 0 : currentTarget.offsetHeight) ?? 0) - (((visualViewport == null ? void 0 : visualViewport.height) ?? 0) - WINDOW_PADDING * 2)) > 1 && !pinching) {
-      event.preventDefault();
-    } else if (isWheelEvent(event) && isFirefox) {
-      currentTarget.scrollTop += event.deltaY;
-    }
-    if (!pinching) {
-      let delta = 5;
-      if (isTouchEvent(event)) {
-        const currentPageY = touchPageYRef.current;
-        const pageY = (_a = event.touches[0]) == null ? void 0 : _a.pageY;
-        if (pageY != null) {
-          touchPageYRef.current = pageY;
-          if (currentPageY != null) {
-            delta = currentPageY - pageY;
+  const interactionsContext = {
+    ...interactions,
+    getReferenceProps() {
+      return interactions.getReferenceProps({
+        ref: reference,
+        className: "SelectTrigger",
+        onKeyDown(event) {
+          if (event.key === "Enter" || event.key === " " && !context.dataRef.current.typing) {
+            event.preventDefault();
+            setOpen(true);
           }
         }
-      }
-      increaseHeight(currentTarget, isWheelEvent(event) ? event.deltaY : delta);
-      setScrollTop(currentTarget.scrollTop);
-      forceUpdate();
-    }
-  }, [forceUpdate, increaseHeight]);
-  React.useEffect(() => {
-    function onTouchEnd() {
-      touchPageYRef.current = null;
+      });
+    },
+    getFloatingProps(props2) {
+      return interactions.getFloatingProps({
+        ref: floating,
+        className: "Select",
+        ...props2,
+        style: {
+          position: strategy,
+          top: y ?? "",
+          left: x ?? "",
+          outline: 0,
+          listStyleType: "none",
+          scrollbarWidth: "none",
+          ...floatingStyle.current,
+          ...props2 == null ? void 0 : props2.style
+        },
+        onPointerEnter() {
+          setControlledScrolling(false);
+        },
+        onPointerMove() {
+          setControlledScrolling(false);
+        },
+        onKeyDown() {
+          setControlledScrolling(true);
+        },
+        onContextMenu(e) {
+          e.preventDefault();
+        },
+        onScroll(event) {
+          flushSync(() => setScrollTop(event.currentTarget.scrollTop));
+        }
+      });
     }
-    const floating2 = floatingRef.current;
-    if (open && floating2 && middlewareType === "align") {
-      floating2.addEventListener("wheel", handleWheel);
-      floating2.addEventListener("touchmove", handleWheel);
-      floating2.addEventListener("touchend", onTouchEnd, { passive: true });
+  };
+  React.useLayoutEffect(() => {
+    if (open) {
+      selectTimeoutRef.current = setTimeout(() => {
+        allowSelectRef.current = true;
+      }, 300);
       return () => {
-        floating2.removeEventListener("wheel", handleWheel);
-        floating2.removeEventListener("touchmove", handleWheel);
-        floating2.removeEventListener("touchend", onTouchEnd);
+        clearTimeout(selectTimeoutRef.current);
       };
+    } else {
+      allowSelectRef.current = false;
+      allowMouseUpRef.current = true;
+      setInnerOffset(0);
+      setFallback(false);
+      setBlockSelection(false);
     }
-  }, [open, floatingRef, handleWheel, middlewareType]);
-  React.useEffect(() => {
-    window.addEventListener("resize", update);
-    return () => {
-      window.removeEventListener("resize", update);
-    };
-  }, [update]);
+  }, [open]);
   React.useLayoutEffect(() => {
-    var _a;
-    const floating2 = floatingRef.current;
-    if (open && controlledScrolling && floating2) {
-      const item = activeIndex != null ? listItemsRef.current[activeIndex] : selectedIndex != null ? listItemsRef.current[selectedIndex] : null;
-      if (item && prevActiveIndex != null) {
-        const itemHeight = ((_a = listItemsRef.current[prevActiveIndex]) == null ? void 0 : _a.offsetHeight) ?? 0;
-        const floatingHeight = floating2.offsetHeight;
-        const top = item.offsetTop;
-        const bottom = top + itemHeight;
-        if (top < floating2.scrollTop + 20) {
-          const diff = floating2.scrollTop - top + 20;
-          floating2.scrollTop -= diff;
-          if (activeIndex != selectedIndex && activeIndex != null) {
-            increaseHeight(floating2, -diff);
-          }
-        } else if (bottom > floatingHeight + floating2.scrollTop - 20) {
-          const diff = bottom - floatingHeight - floating2.scrollTop + 20;
-          floating2.scrollTop += diff;
-          if (activeIndex != selectedIndex && activeIndex != null) {
-            floating2.scrollTop -= increaseHeight(floating2, diff) ?? 0;
-          }
-        }
+    function onPointerDown(e) {
+      var _a, _b, _c;
+      const target = e.target;
+      if (!((_a = refs.floating.current) == null ? void 0 : _a.contains(target)) && !((_b = upArrowRef.current) == null ? void 0 : _b.contains(target)) && !((_c = downArrowRef.current) == null ? void 0 : _c.contains(target))) {
+        setOpen(false);
       }
     }
-  }, [
-    open,
-    controlledScrolling,
-    prevActiveIndex,
-    activeIndex,
-    selectedIndex,
-    floatingRef,
-    increaseHeight
-  ]);
+    if (open) {
+      document.addEventListener("pointerdown", onPointerDown);
+      return () => {
+        document.removeEventListener("pointerdown", onPointerDown);
+      };
+    }
+  }, [open, refs, setOpen]);
   React.useLayoutEffect(() => {
     var _a;
-    const floating2 = refs.floating.current;
-    const reference2 = refs.reference.current;
-    if (open && floating2 && reference2 && floating2.offsetHeight < floating2.scrollHeight) {
-      const referenceRect = reference2.getBoundingClientRect();
-      if (middlewareType === "fallback") {
-        const item = listItemsRef.current[selectedIndex];
-        if (item) {
-          floating2.scrollTop = item.offsetTop - floating2.clientHeight + referenceRect.height;
+    if (open && controlledScrolling) {
+      requestAnimationFrame(() => {
+        var _a2;
+        if (activeIndex != null) {
+          (_a2 = listItemsRef.current[activeIndex]) == null ? void 0 : _a2.scrollIntoView({ block: "nearest" });
         }
-        return;
-      }
-      floating2.scrollTop = (_a = middlewareData.size) == null ? void 0 : _a.y;
-      const closeToBottom = ((visualViewport == null ? void 0 : visualViewport.height) ?? 0) + getVisualOffsetTop() - referenceRect.bottom < FALLBACK_THRESHOLD;
-      const closeToTop = referenceRect.top < FALLBACK_THRESHOLD;
-      if (floating2.offsetHeight < MIN_HEIGHT || closeToTop || closeToBottom) {
-        setMiddlewareType("fallback");
-      }
+      });
     }
-  }, [
-    open,
-    increaseHeight,
-    selectedIndex,
-    middlewareType,
-    refs.floating,
-    refs.reference,
-    middlewareData
-  ]);
+    setScrollTop(((_a = refs.floating.current) == null ? void 0 : _a.scrollTop) ?? 0);
+  }, [open, refs, controlledScrolling, activeIndex]);
   React.useLayoutEffect(() => {
-    if (open && selectedIndex != null) {
+    if (open && fallback) {
       requestAnimationFrame(() => {
         var _a;
-        (_a = listItemsRef.current[selectedIndex]) == null ? void 0 : _a.focus({ preventScroll: true });
+        if (selectedIndex != null) {
+          (_a = listItemsRef.current[selectedIndex]) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
+        }
       });
     }
-  }, [listItemsRef, selectedIndex, open]);
-  React.useEffect(() => {
-    const frame = requestAnimationFrame(() => {
-      setShowArrows(open);
-      if (!open) {
-        setScrollTop(0);
-        setMiddlewareType("align");
-        setActiveIndex(null);
-        setControlledScrolling(false);
-      }
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [open, setActiveIndex]);
+  }, [open, fallback, selectedIndex]);
+  React.useLayoutEffect(() => {
+    if (refs.floating.current && fallback) {
+      refs.floating.current.style.maxHeight = "";
+    }
+  }, [refs, fallback]);
   return /* @__PURE__ */ React.createElement(SelectProvider, {
     scope: __scopeSelect,
     ...selectContext,
-    increaseHeight,
+    setScrollTop,
+    setInnerOffset,
     floatingRef,
     setValueAtIndex: (index, value) => {
       listContentRef.current[index] = value;
     },
-    interactions: {
-      ...interactions,
-      getReferenceProps() {
-        return interactions.getReferenceProps({
-          ref: reference,
-          className: "SelectTrigger",
-          onKeyDown(event) {
-            if (event.key === "Enter" || event.key === " " && !context.dataRef.current.typing) {
-              event.preventDefault();
-              setOpen(true);
-            }
-          }
-        });
-      },
-      getFloatingProps(props2) {
-        return interactions.getFloatingProps({
-          ref: floating,
-          className: "Select",
-          ...props2,
-          style: {
-            position: strategy,
-            top: y ?? "",
-            left: x ?? "",
-            outline: 0,
-            listStyleType: "none",
-            scrollbarWidth: "none",
-            userSelect: "none",
-            ...props2 == null ? void 0 : props2.style
-          },
-          onPointerEnter() {
-            setControlledScrolling(false);
-          },
-          onPointerMove() {
-            setControlledScrolling(false);
-          },
-          onKeyDown() {
-            setControlledScrolling(true);
-          },
-          onScroll(event) {
-            setScrollTop(event.currentTarget.scrollTop);
-          }
-        });
-      }
-    },
+    fallback,
+    interactions: interactionsContext,
     floatingContext: context,
     activeIndex,
     canScrollDown: !!showDownArrow,
     canScrollUp: !!showUpArrow,
     controlledScrolling: true,
     dataRef: context.dataRef,
-    listRef: listItemsRef
+    listRef: listItemsRef,
+    blockSelection,
+    allowMouseUpRef,
+    upArrowRef,
+    downArrowRef,
+    selectTimeoutRef,
+    allowSelectRef
   }, children);
 };
 const userAgent = typeof navigator !== "undefined" && navigator.userAgent || "";

package/dist/esm/SelectImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SelectImpl.tsx"],
-  "sourcesContent": ["import {\n  detectOverflow,\n  flip,\n  offset,\n  size,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useListNavigation,\n  useRole,\n  useTypeahead,\n} from '@floating-ui/react-dom-interactions'\nimport { usePrevious } from '@radix-ui/react-use-previous'\nimport * as React from 'react'\n\nimport { FALLBACK_THRESHOLD, MIN_HEIGHT, SCROLL_ARROW_THRESHOLD, WINDOW_PADDING } from './constants'\nimport { SelectProvider, useSelectContext } from './context'\nimport { ScopedProps, SelectProps } from './types'\n\nexport type SelectImplProps = ScopedProps<SelectProps> & {\n  activeIndexRef: any\n  selectedIndexRef: any\n  listContentRef: any\n}\n\n// TODO use id for focusing from label\nexport const SelectInlineImpl = (props: SelectImplProps) => {\n  const {\n    __scopeSelect,\n    children,\n    open = false,\n    activeIndexRef,\n    selectedIndexRef,\n    listContentRef,\n  } = props\n\n  const selectContext = useSelectContext('SelectSheetImpl', __scopeSelect)\n  const { setActiveIndex, setOpen, setSelectedIndex, selectedIndex, activeIndex, forceUpdate } =\n    selectContext\n  const [showArrows, setShowArrows] = React.useState(false)\n  const [scrollTop, setScrollTop] = React.useState(0)\n  const prevActiveIndex = usePrevious<number | null>(activeIndex)\n\n  const listItemsRef = React.useRef<Array<HTMLElement | null>>([])\n\n  const [controlledScrolling, setControlledScrolling] = React.useState(false)\n  const [middlewareType, setMiddlewareType] = React.useState<'align' | 'fallback'>('align')\n\n  // Wait for scroll position to settle before showing arrows to prevent\n  // interference with pointer events.\n  React.useEffect(() => {\n    const frame = requestAnimationFrame(() => {\n      setShowArrows(open)\n\n      if (!open) {\n        setScrollTop(0)\n        setMiddlewareType('align')\n        setActiveIndex(null)\n        setControlledScrolling(false)\n      }\n    })\n    return () => {\n      cancelAnimationFrame(frame)\n    }\n  }, [open, setActiveIndex])\n\n  function getFloatingPadding(floating: HTMLElement | null) {\n    if (!floating) {\n      return 0\n    }\n    return Number(getComputedStyle(floating).paddingLeft?.replace('px', ''))\n  }\n\n  const { x, y, reference, floating, strategy, context, refs, middlewareData, update } =\n    useFloating({\n      open,\n      onOpenChange: setOpen,\n      placement: 'bottom',\n      middleware:\n        middlewareType === 'align'\n          ? [\n              offset(({ rects }) => {\n                const index = activeIndexRef.current ?? selectedIndexRef.current\n\n                if (index == null) {\n                  return 0\n                }\n\n                const item = listItemsRef.current[index]\n\n                if (item == null) {\n                  return 0\n                }\n\n                const offsetTop = item.offsetTop\n                const itemHeight = item.offsetHeight\n                const height = rects.reference.height\n\n                return -offsetTop - height - (itemHeight - height) / 2\n              }),\n              // Custom `size` that can handle the opposite direction of the placement\n              {\n                name: 'size',\n                async fn(args) {\n                  const {\n                    elements: { floating },\n                    rects: { reference },\n                    middlewareData,\n                  } = args\n\n                  const overflow = await detectOverflow(args, {\n                    padding: WINDOW_PADDING,\n                  })\n\n                  const top = Math.max(0, overflow.top)\n                  const bottom = Math.max(0, overflow.bottom)\n                  const nextY = args.y + top\n\n                  if (middlewareData.size?.skip) {\n                    return {\n                      y: nextY,\n                      data: {\n                        y: middlewareData.size.y,\n                      },\n                    }\n                  }\n\n                  Object.assign(floating.style, {\n                    maxHeight: `${floating.scrollHeight - Math.abs(top + bottom)}px`,\n                    minWidth: `${reference.width + getFloatingPadding(floating) * 2}px`,\n                  })\n\n                  return {\n                    y: nextY,\n                    data: {\n                      y: top,\n                      skip: true,\n                    },\n                    reset: {\n                      rects: true,\n                    },\n                  }\n                },\n              },\n            ]\n          : [\n              offset(5),\n              flip(),\n              size({\n                apply({ rects, availableHeight, elements }) {\n                  Object.assign(elements.floating.style, {\n                    width: `${rects.reference.width}px`,\n                    maxHeight: `${availableHeight}px`,\n                  })\n                },\n                padding: WINDOW_PADDING,\n              }),\n            ],\n    })\n\n  const floatingRef = refs.floating\n\n  const showUpArrow = showArrows && scrollTop > SCROLL_ARROW_THRESHOLD\n  const showDownArrow =\n    showArrows &&\n    floatingRef.current &&\n    scrollTop <\n      floatingRef.current.scrollHeight - floatingRef.current.clientHeight - SCROLL_ARROW_THRESHOLD\n\n  const interactions = useInteractions([\n    useClick(context, { pointerDown: true }),\n    useRole(context, { role: 'listbox' }),\n    useDismiss(context),\n    useListNavigation(context, {\n      listRef: listItemsRef,\n      activeIndex,\n      selectedIndex,\n      onNavigate: setActiveIndex,\n    }),\n    useTypeahead(context, {\n      listRef: listContentRef,\n      onMatch: open ? setActiveIndex : setSelectedIndex,\n      selectedIndex,\n      activeIndex,\n    }),\n  ])\n\n  const increaseHeight = React.useCallback(\n    (floating: HTMLElement, amount = 0) => {\n      if (middlewareType === 'fallback') {\n        return\n      }\n\n      const currentMaxHeight = Number(floating.style.maxHeight.replace('px', ''))\n      const currentTop = Number(floating.style.top.replace('px', ''))\n      const rect = floating.getBoundingClientRect()\n      const rectTop = rect.top\n      const rectBottom = rect.bottom\n      const viewportHeight = visualViewport?.height ?? 0\n      const visualMaxHeight = viewportHeight - WINDOW_PADDING * 2\n\n      if (\n        amount < 0 &&\n        selectedIndexRef.current != null &&\n        Math.round(rectBottom) < Math.round(viewportHeight + getVisualOffsetTop() - WINDOW_PADDING)\n      ) {\n        floating.style.maxHeight = `${Math.min(visualMaxHeight, currentMaxHeight - amount)}px`\n      }\n\n      if (\n        amount > 0 &&\n        Math.round(rectTop) > Math.round(WINDOW_PADDING - getVisualOffsetTop()) &&\n        floating.scrollHeight > floating.offsetHeight\n      ) {\n        const nextTop = Math.max(WINDOW_PADDING + getVisualOffsetTop(), currentTop - amount)\n\n        const nextMaxHeight = Math.min(visualMaxHeight, currentMaxHeight + amount)\n\n        Object.assign(floating.style, {\n          maxHeight: `${nextMaxHeight}px`,\n          top: `${nextTop}px`,\n        })\n\n        if (nextTop - WINDOW_PADDING > getVisualOffsetTop()) {\n          floating.scrollTop -= nextMaxHeight - currentMaxHeight + getFloatingPadding(floating)\n        }\n\n        return currentTop - nextTop\n      }\n    },\n    [middlewareType, selectedIndexRef]\n  )\n\n  const touchPageYRef = React.useRef<number | null>(null)\n\n  const handleWheel = React.useCallback(\n    (event: WheelEvent | TouchEvent) => {\n      const pinching = event.ctrlKey\n\n      const currentTarget = event.currentTarget as HTMLElement\n\n      function isWheelEvent(event: any): event is WheelEvent {\n        return typeof event.deltaY === 'number'\n      }\n\n      function isTouchEvent(event: any): event is TouchEvent {\n        return event.touches != null\n      }\n\n      if (\n        Math.abs(\n          (currentTarget?.offsetHeight ?? 0) - ((visualViewport?.height ?? 0) - WINDOW_PADDING * 2)\n        ) > 1 &&\n        !pinching\n      ) {\n        event.preventDefault()\n      } else if (isWheelEvent(event) && isFirefox) {\n        // Firefox needs this to propagate scrolling\n        // during momentum scrolling phase if the\n        // height reached its maximum (at boundaries)\n        currentTarget.scrollTop += event.deltaY\n      }\n\n      if (!pinching) {\n        let delta = 5\n\n        if (isTouchEvent(event)) {\n          const currentPageY = touchPageYRef.current\n          const pageY = event.touches[0]?.pageY\n\n          if (pageY != null) {\n            touchPageYRef.current = pageY\n\n            if (currentPageY != null) {\n              delta = currentPageY - pageY\n            }\n          }\n        }\n\n        increaseHeight(currentTarget, isWheelEvent(event) ? event.deltaY : delta)\n        setScrollTop(currentTarget.scrollTop)\n        // Ensure derived data (scroll arrows) is fresh\n        forceUpdate()\n      }\n    },\n    [forceUpdate, increaseHeight]\n  )\n\n  // Handle `onWheel` event in an effect to remove the `passive` option so we\n  // can .preventDefault() it\n  React.useEffect(() => {\n    function onTouchEnd() {\n      touchPageYRef.current = null\n    }\n\n    const floating = floatingRef.current\n    if (open && floating && middlewareType === 'align') {\n      floating.addEventListener('wheel', handleWheel)\n      floating.addEventListener('touchmove', handleWheel)\n      floating.addEventListener('touchend', onTouchEnd, { passive: true })\n      return () => {\n        floating.removeEventListener('wheel', handleWheel)\n        floating.removeEventListener('touchmove', handleWheel)\n        floating.removeEventListener('touchend', onTouchEnd)\n      }\n    }\n  }, [open, floatingRef, handleWheel, middlewareType])\n\n  // Ensure the menu remains attached to the reference element when resizing.\n  React.useEffect(() => {\n    window.addEventListener('resize', update)\n    return () => {\n      window.removeEventListener('resize', update)\n    }\n  }, [update])\n\n  // Scroll the active or selected item into view when in `controlledScrolling`\n  // mode (i.e. arrow key nav).\n  React.useLayoutEffect(() => {\n    const floating = floatingRef.current\n\n    if (open && controlledScrolling && floating) {\n      const item =\n        activeIndex != null\n          ? listItemsRef.current[activeIndex]\n          : selectedIndex != null\n          ? listItemsRef.current[selectedIndex]\n          : null\n\n      if (item && prevActiveIndex != null) {\n        const itemHeight = listItemsRef.current[prevActiveIndex]?.offsetHeight ?? 0\n\n        const floatingHeight = floating.offsetHeight\n        const top = item.offsetTop\n        const bottom = top + itemHeight\n\n        if (top < floating.scrollTop + 20) {\n          const diff = floating.scrollTop - top + 20\n          floating.scrollTop -= diff\n\n          if (activeIndex != selectedIndex && activeIndex != null) {\n            increaseHeight(floating, -diff)\n          }\n        } else if (bottom > floatingHeight + floating.scrollTop - 20) {\n          const diff = bottom - floatingHeight - floating.scrollTop + 20\n\n          floating.scrollTop += diff\n\n          if (activeIndex != selectedIndex && activeIndex != null) {\n            floating.scrollTop -= increaseHeight(floating, diff) ?? 0\n          }\n        }\n      }\n    }\n  }, [\n    open,\n    controlledScrolling,\n    prevActiveIndex,\n    activeIndex,\n    selectedIndex,\n    floatingRef,\n    increaseHeight,\n  ])\n\n  // Sync the height and the scrollTop values and device whether to use fallback\n  // positioning.\n  React.useLayoutEffect(() => {\n    const floating = refs.floating.current\n    const reference = refs.reference.current\n\n    if (open && floating && reference && floating.offsetHeight < floating.scrollHeight) {\n      const referenceRect = reference.getBoundingClientRect()\n\n      if (middlewareType === 'fallback') {\n        const item = listItemsRef.current[selectedIndex]\n        if (item) {\n          floating.scrollTop = item.offsetTop - floating.clientHeight + referenceRect.height\n        }\n        return\n      }\n\n      floating.scrollTop = middlewareData.size?.y\n\n      const closeToBottom =\n        (visualViewport?.height ?? 0) + getVisualOffsetTop() - referenceRect.bottom <\n        FALLBACK_THRESHOLD\n      const closeToTop = referenceRect.top < FALLBACK_THRESHOLD\n\n      if (floating.offsetHeight < MIN_HEIGHT || closeToTop || closeToBottom) {\n        setMiddlewareType('fallback')\n      }\n    }\n  }, [\n    open,\n    increaseHeight,\n    selectedIndex,\n    middlewareType,\n    refs.floating,\n    refs.reference,\n    // Always re-run this effect when the position has been computed so the\n    // .scrollTop change works with fresh sizing.\n    middlewareData,\n  ])\n\n  React.useLayoutEffect(() => {\n    if (open && selectedIndex != null) {\n      requestAnimationFrame(() => {\n        listItemsRef.current[selectedIndex]?.focus({ preventScroll: true })\n      })\n    }\n  }, [listItemsRef, selectedIndex, open])\n\n  // Wait for scroll position to settle before showing arrows to prevent\n  // interference with pointer events.\n  React.useEffect(() => {\n    const frame = requestAnimationFrame(() => {\n      setShowArrows(open)\n\n      if (!open) {\n        setScrollTop(0)\n        setMiddlewareType('align')\n        setActiveIndex(null)\n        setControlledScrolling(false)\n      }\n    })\n    return () => cancelAnimationFrame(frame)\n  }, [open, setActiveIndex])\n\n  // We set this to true by default so that events bubble to forms without JS (SSR)\n  // const isFormControl = trigger ? Boolean(trigger.closest('form')) : true\n  // const [bubbleSelect, setBubbleSelect] = React.useState<HTMLSelectElement | null>(null)\n  // const triggerPointerDownPosRef = React.useRef<{ x: number; y: number } | null>(null)\n  return (\n    <SelectProvider\n      scope={__scopeSelect}\n      {...(selectContext as Required<typeof selectContext>)}\n      increaseHeight={increaseHeight}\n      floatingRef={floatingRef}\n      setValueAtIndex={(index, value) => {\n        listContentRef.current[index] = value\n      }}\n      interactions={{\n        ...interactions,\n        getReferenceProps() {\n          return interactions.getReferenceProps({\n            ref: reference,\n            className: 'SelectTrigger',\n            onKeyDown(event) {\n              if (event.key === 'Enter' || (event.key === ' ' && !context.dataRef.current.typing)) {\n                event.preventDefault()\n                setOpen(true)\n              }\n            },\n          })\n        },\n        getFloatingProps(props) {\n          return interactions.getFloatingProps({\n            ref: floating,\n            className: 'Select',\n            ...props,\n            style: {\n              position: strategy,\n              top: y ?? '',\n              left: x ?? '',\n              outline: 0,\n              listStyleType: 'none',\n              scrollbarWidth: 'none',\n              userSelect: 'none',\n              ...props?.style,\n            },\n            onPointerEnter() {\n              setControlledScrolling(false)\n            },\n            onPointerMove() {\n              setControlledScrolling(false)\n            },\n            onKeyDown() {\n              setControlledScrolling(true)\n            },\n            onScroll(event) {\n              setScrollTop(event.currentTarget.scrollTop)\n            },\n          })\n        },\n      }}\n      floatingContext={context}\n      activeIndex={activeIndex}\n      canScrollDown={!!showDownArrow}\n      canScrollUp={!!showUpArrow}\n      controlledScrolling\n      dataRef={context.dataRef}\n      listRef={listItemsRef}\n    >\n      {children}\n      {/* {isFormControl ? (\n            <BubbleSelect\n              ref={setBubbleSelect}\n              aria-hidden\n              tabIndex={-1}\n              name={name}\n              autoComplete={autoComplete}\n              value={value}\n              // enable form autofill\n              onChange={(event) => setValue(event.target.value)}\n            />\n          ) : null} */}\n    </SelectProvider>\n  )\n}\n\n// Cross browser fixes for pinch-zooming/backdrop-filter \uD83D\uDE44\nconst userAgent = (typeof navigator !== 'undefined' && navigator.userAgent) || ''\nconst isFirefox = userAgent.toLowerCase().includes('firefox')\n\nfunction getVisualOffsetTop() {\n  return !/^((?!chrome|android).)*safari/i.test(userAgent) ? visualViewport?.offsetTop ?? 0 : 0\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  SideObject,\n  detectOverflow,\n  flip,\n  inner,\n  offset,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInnerOffset,\n  useInteractions,\n  useListNavigation,\n  useRole,\n  useTypeahead,\n} from '@floating-ui/react-dom-interactions'\nimport { usePrevious } from '@radix-ui/react-use-previous'\nimport { useForceUpdate, useIsTouchDevice } from '@tamagui/core'\nimport * as React from 'react'\nimport { flushSync } from 'react-dom'\n\nimport { FALLBACK_THRESHOLD, MIN_HEIGHT, SCROLL_ARROW_THRESHOLD, WINDOW_PADDING } from './constants'\nimport { SelectProvider, useSelectContext } from './context'\nimport { ScopedProps, SelectProps } from './types'\n\nexport type SelectImplProps = ScopedProps<SelectProps> & {\n  activeIndexRef: any\n  selectedIndexRef: any\n  listContentRef: any\n}\n\n// TODO use id for focusing from label\nexport const SelectInlineImpl = (props: SelectImplProps) => {\n  const { __scopeSelect, children, open = false, selectedIndexRef, listContentRef } = props\n\n  const selectContext = useSelectContext('SelectSheetImpl', __scopeSelect)\n  const { setActiveIndex, setOpen, setSelectedIndex, selectedIndex, activeIndex, forceUpdate } =\n    selectContext\n  const [scrollTop, setScrollTop] = React.useState(0)\n  const touch = useIsTouchDevice()\n\n  const listItemsRef = React.useRef<Array<HTMLElement | null>>([])\n  const overflowRef = React.useRef<null | SideObject>(null)\n  const upArrowRef = React.useRef<HTMLDivElement | null>(null)\n  const downArrowRef = React.useRef<HTMLDivElement | null>(null)\n  const allowSelectRef = React.useRef(false)\n  const allowMouseUpRef = React.useRef(true)\n  const selectTimeoutRef = React.useRef<any>()\n\n  const [controlledScrolling, setControlledScrolling] = React.useState(false)\n  const [fallback, setFallback] = React.useState(false)\n  const [innerOffset, setInnerOffset] = React.useState(0)\n  const [blockSelection, setBlockSelection] = React.useState(false)\n  const floatingStyle = React.useRef({})\n\n  // Wait for scroll position to settle before showing arrows to prevent\n  // interference with pointer events.\n  React.useEffect(() => {\n    const frame = requestAnimationFrame(() => {\n      if (!open) {\n        setScrollTop(0)\n        setFallback(false)\n        setActiveIndex(null)\n        setControlledScrolling(false)\n      }\n    })\n    return () => {\n      cancelAnimationFrame(frame)\n    }\n  }, [open, setActiveIndex])\n\n  const updateFloatingSize = size({\n    apply({\n      availableHeight,\n      rects: {\n        reference: { width },\n      },\n    }) {\n      floatingStyle.current = {\n        width: width,\n        maxHeight: availableHeight,\n      }\n    },\n    padding: WINDOW_PADDING,\n  })\n\n  const { x, y, reference, floating, strategy, context, refs } = useFloating({\n    open,\n    onOpenChange: setOpen,\n    placement: 'bottom-start',\n    middleware: fallback\n      ? [\n          offset(5),\n          ...[\n            touch\n              ? shift({ crossAxis: true, padding: WINDOW_PADDING })\n              : flip({ padding: WINDOW_PADDING }),\n          ],\n          updateFloatingSize,\n        ]\n      : [\n          inner({\n            listRef: listItemsRef,\n            overflowRef,\n            index: selectedIndex,\n            offset: innerOffset,\n            onFallbackChange: setFallback,\n            padding: 10,\n            minItemsVisible: touch ? 10 : 4,\n            referenceOverflowThreshold: 20,\n          }),\n          updateFloatingSize,\n        ],\n  })\n\n  const floatingRef = refs.floating\n\n  const showUpArrow = open && scrollTop > SCROLL_ARROW_THRESHOLD\n  const showDownArrow =\n    open &&\n    floatingRef.current &&\n    scrollTop <\n      floatingRef.current.scrollHeight - floatingRef.current.clientHeight - SCROLL_ARROW_THRESHOLD\n\n  const interactions = useInteractions([\n    useClick(context, { pointerDown: true }),\n    useDismiss(context, { outsidePointerDown: false }),\n    useRole(context, { role: 'listbox' }),\n    useInnerOffset(context, {\n      enabled: !fallback,\n      onChange: setInnerOffset,\n      overflowRef,\n    }),\n    useListNavigation(context, {\n      listRef: listItemsRef,\n      activeIndex,\n      selectedIndex,\n      onNavigate: setActiveIndex,\n    }),\n    useTypeahead(context, {\n      listRef: listContentRef,\n      onMatch: open ? setActiveIndex : setSelectedIndex,\n      selectedIndex,\n      activeIndex,\n    }),\n  ])\n\n  const interactionsContext = {\n    ...interactions,\n    getReferenceProps() {\n      return interactions.getReferenceProps({\n        ref: reference,\n        className: 'SelectTrigger',\n        onKeyDown(event) {\n          if (event.key === 'Enter' || (event.key === ' ' && !context.dataRef.current.typing)) {\n            event.preventDefault()\n            setOpen(true)\n          }\n        },\n      })\n    },\n    getFloatingProps(props) {\n      return interactions.getFloatingProps({\n        ref: floating,\n        className: 'Select',\n        ...props,\n        style: {\n          position: strategy,\n          top: y ?? '',\n          left: x ?? '',\n          outline: 0,\n          listStyleType: 'none',\n          scrollbarWidth: 'none',\n          ...floatingStyle.current,\n          ...props?.style,\n        },\n        onPointerEnter() {\n          setControlledScrolling(false)\n        },\n        onPointerMove() {\n          setControlledScrolling(false)\n        },\n        onKeyDown() {\n          setControlledScrolling(true)\n        },\n        onContextMenu(e) {\n          e.preventDefault()\n        },\n        onScroll(event) {\n          // In React 18, the ScrollArrows need to synchronously know this value to prevent\n          // painting at the wrong time.\n          flushSync(() => setScrollTop(event.currentTarget.scrollTop))\n        },\n      })\n    },\n  }\n\n  // effects\n\n  React.useLayoutEffect(() => {\n    if (open) {\n      selectTimeoutRef.current = setTimeout(() => {\n        allowSelectRef.current = true\n      }, 300)\n\n      return () => {\n        clearTimeout(selectTimeoutRef.current)\n      }\n    } else {\n      allowSelectRef.current = false\n      allowMouseUpRef.current = true\n      setInnerOffset(0)\n      setFallback(false)\n      setBlockSelection(false)\n    }\n  }, [open])\n\n  // Replacement for `useDismiss` as the arrows are outside of the floating\n  // element DOM tree.\n  React.useLayoutEffect(() => {\n    function onPointerDown(e: PointerEvent) {\n      const target = e.target as Node\n      if (\n        !refs.floating.current?.contains(target) &&\n        !upArrowRef.current?.contains(target) &&\n        !downArrowRef.current?.contains(target)\n      ) {\n        setOpen(false)\n      }\n    }\n\n    if (open) {\n      document.addEventListener('pointerdown', onPointerDown)\n      return () => {\n        document.removeEventListener('pointerdown', onPointerDown)\n      }\n    }\n  }, [open, refs, setOpen])\n\n  // Scroll the `activeIndex` item into view only in \"controlledScrolling\"\n  // (keyboard nav) mode.\n  React.useLayoutEffect(() => {\n    if (open && controlledScrolling) {\n      requestAnimationFrame(() => {\n        if (activeIndex != null) {\n          listItemsRef.current[activeIndex]?.scrollIntoView({ block: 'nearest' })\n        }\n      })\n    }\n\n    setScrollTop(refs.floating.current?.scrollTop ?? 0)\n  }, [open, refs, controlledScrolling, activeIndex])\n\n  // Scroll the `selectedIndex` into view upon opening the floating element.\n  React.useLayoutEffect(() => {\n    if (open && fallback) {\n      requestAnimationFrame(() => {\n        if (selectedIndex != null) {\n          listItemsRef.current[selectedIndex]?.scrollIntoView({ block: 'nearest' })\n        }\n      })\n    }\n  }, [open, fallback, selectedIndex])\n\n  // Unset the height limiting for fallback mode. This gets executed prior to\n  // the positioning call.\n  React.useLayoutEffect(() => {\n    if (refs.floating.current && fallback) {\n      refs.floating.current.style.maxHeight = ''\n    }\n  }, [refs, fallback])\n\n  // We set this to true by default so that events bubble to forms without JS (SSR)\n  // const isFormControl = trigger ? Boolean(trigger.closest('form')) : true\n  // const [bubbleSelect, setBubbleSelect] = React.useState<HTMLSelectElement | null>(null)\n  // const triggerPointerDownPosRef = React.useRef<{ x: number; y: number } | null>(null)\n\n  return (\n    <SelectProvider\n      scope={__scopeSelect}\n      {...(selectContext as Required<typeof selectContext>)}\n      setScrollTop={setScrollTop}\n      setInnerOffset={setInnerOffset}\n      floatingRef={floatingRef}\n      setValueAtIndex={(index, value) => {\n        listContentRef.current[index] = value\n      }}\n      fallback={fallback}\n      interactions={interactionsContext}\n      floatingContext={context}\n      activeIndex={activeIndex}\n      canScrollDown={!!showDownArrow}\n      canScrollUp={!!showUpArrow}\n      controlledScrolling\n      dataRef={context.dataRef}\n      listRef={listItemsRef}\n      blockSelection={blockSelection}\n      allowMouseUpRef={allowMouseUpRef}\n      upArrowRef={upArrowRef}\n      downArrowRef={downArrowRef}\n      selectTimeoutRef={selectTimeoutRef}\n      allowSelectRef={allowSelectRef}\n    >\n      {children}\n      {/* {isFormControl ? (\n            <BubbleSelect\n              ref={setBubbleSelect}\n              aria-hidden\n              tabIndex={-1}\n              name={name}\n              autoComplete={autoComplete}\n              value={value}\n              // enable form autofill\n              onChange={(event) => setValue(event.target.value)}\n            />\n          ) : null} */}\n    </SelectProvider>\n  )\n}\n\n// Cross browser fixes for pinch-zooming/backdrop-filter \uD83D\uDE44\nconst userAgent = (typeof navigator !== 'undefined' && navigator.userAgent) || ''\nconst isFirefox = userAgent.toLowerCase().includes('firefox')\n\nfunction getVisualOffsetTop() {\n  return !/^((?!chrome|android).)*safari/i.test(userAgent) ? visualViewport?.offsetTop ?? 0 : 0\n}\n"],
+  "mappings": "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",
   "names": []
 }