@tamagui/select 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/esm/SelectScrollButton.mjs

@@ -1,74 +1,88 @@
-import { autoUpdate, offset, useFloating } from "@floating-ui/react";
+import { autoUpdate, offset, useFloatingRaw as useFloating } from "@tamagui/floating";
 import { useComposedRefs } from "@tamagui/compose-refs";
 import { YStack } from "@tamagui/stacks";
 import * as React from "react";
 import { flushSync } from "react-dom";
 import { useSelectContext } from "./context.mjs";
 import { jsx } from "react/jsx-runtime";
-const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton",
-  SelectScrollUpButton = React.forwardRef((props, forwardedRef) => /* @__PURE__ */jsx(SelectScrollButtonImpl, {
+const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
+const SelectScrollUpButton = React.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */jsx(SelectScrollButtonImpl, {
     componentName: SCROLL_UP_BUTTON_NAME,
     ...props,
     dir: "up",
     ref: forwardedRef
-  }));
+  });
+});
 SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
-const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton",
-  SelectScrollDownButton = React.forwardRef((props, forwardedRef) => /* @__PURE__ */jsx(SelectScrollButtonImpl, {
+const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
+const SelectScrollDownButton = React.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */jsx(SelectScrollButtonImpl, {
     componentName: SCROLL_DOWN_BUTTON_NAME,
     ...props,
     dir: "down",
     ref: forwardedRef
-  }));
+  });
+});
 SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
 const SelectScrollButtonImpl = React.memo(React.forwardRef((props, forwardedRef) => {
   const {
-      scope,
-      dir,
-      componentName,
-      ...scrollIndicatorProps
-    } = props,
-    {
-      forceUpdate,
-      open,
-      fallback,
-      setScrollTop,
-      setInnerOffset,
-      ...context
-    } = useSelectContext(scope),
-    floatingRef = context.floatingContext?.refs.floating,
-    statusRef = React.useRef("idle"),
-    isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"],
-    frameRef = React.useRef(null),
-    {
-      x,
-      y,
-      refs,
-      strategy
-    } = useFloating({
-      open: open && isVisible,
-      strategy: "fixed",
-      elements: {
-        reference: floatingRef?.current
-      },
-      placement: dir === "up" ? "top" : "bottom",
-      middleware: [offset(({
-        rects
-      }) => -rects.floating.height)],
-      whileElementsMounted: (...args) => autoUpdate(...args, {
-        animationFrame: !0
-      })
-    }),
-    composedRef = useComposedRefs(forwardedRef, refs.setFloating);
-  if (!isVisible) return null;
+    scope,
+    dir,
+    componentName,
+    ...scrollIndicatorProps
+  } = props;
+  const {
+    forceUpdate,
+    open,
+    fallback,
+    setScrollTop,
+    setInnerOffset,
+    ...context
+  } = useSelectContext(scope);
+  const floatingRef = context.floatingContext?.refs.floating;
+  const statusRef = React.useRef("idle");
+  const isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"];
+  const frameRef = React.useRef(null);
+  const {
+    x,
+    y,
+    refs,
+    strategy
+  } = useFloating({
+    open: open && isVisible,
+    strategy: "fixed",
+    elements: {
+      reference: floatingRef?.current
+    },
+    placement: dir === "up" ? "top" : "bottom",
+    middleware: [offset(({
+      rects
+    }) => -rects.floating.height)],
+    whileElementsMounted: (...args) => autoUpdate(...args, {
+      animationFrame: true
+    })
+  });
+  const composedRef = useComposedRefs(forwardedRef, refs.setFloating);
+  if (!isVisible) {
+    return null;
+  }
   const onScroll = amount => {
     const floating = floatingRef;
-    floating && (fallback ? floating.current && (floating.current.scrollTop -= amount, flushSync(() => setScrollTop(floating.current?.scrollTop ?? 0))) : flushSync(() => setInnerOffset(value => value - amount)));
+    if (!floating) return;
+    if (fallback) {
+      if (floating.current) {
+        floating.current.scrollTop -= amount;
+        flushSync(() => setScrollTop(floating.current?.scrollTop ?? 0));
+      }
+    } else {
+      flushSync(() => setInnerOffset(value => value - amount));
+    }
   };
   return /* @__PURE__ */jsx(YStack, {
     ref: composedRef,
     componentName,
-    "aria-hidden": !0,
+    "aria-hidden": true,
     ...scrollIndicatorProps,
     zIndex: 1e3,
     position: strategy,
@@ -81,19 +95,24 @@ const SelectScrollButtonImpl = React.memo(React.forwardRef((props, forwardedRef)
       function frame() {
         const element = floatingRef?.current;
         if (element) {
-          const currentNow = Date.now(),
-            msElapsed = currentNow - prevNow;
+          const currentNow = Date.now();
+          const msElapsed = currentNow - prevNow;
           prevNow = currentNow;
-          const pixelsToScroll = msElapsed / 2,
-            remainingPixels = dir === "up" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop,
-            scrollRemaining = dir === "up" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;
-          onScroll(dir === "up" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels)), scrollRemaining && (frameRef.current = requestAnimationFrame(frame));
+          const pixelsToScroll = msElapsed / 2;
+          const remainingPixels = dir === "up" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop;
+          const scrollRemaining = dir === "up" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;
+          onScroll(dir === "up" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels));
+          if (scrollRemaining) {
+            frameRef.current = requestAnimationFrame(frame);
+          }
         }
       }
-      cancelAnimationFrame(frameRef.current), frameRef.current = requestAnimationFrame(frame);
+      cancelAnimationFrame(frameRef.current);
+      frameRef.current = requestAnimationFrame(frame);
     },
     onPointerLeave: () => {
-      statusRef.current = "idle", cancelAnimationFrame(frameRef.current);
+      statusRef.current = "idle";
+      cancelAnimationFrame(frameRef.current);
     }
   });
 }));

package/dist/esm/SelectScrollButton.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["autoUpdate","offset","useFloating","useComposedRefs","YStack","React","flushSync","useSelectContext","jsx","SCROLL_UP_BUTTON_NAME","SelectScrollUpButton","forwardRef","props","forwardedRef","SelectScrollButtonImpl","componentName","dir","ref","displayName","SCROLL_DOWN_BUTTON_NAME","SelectScrollDownButton","memo","scope","scrollIndicatorProps","forceUpdate","open","fallback","setScrollTop","setInnerOffset","context","floatingRef","floatingContext","refs","floating","statusRef","useRef","isVisible","frameRef","x","y","strategy","elements","reference","current","placement","middleware","rects","height","whileElementsMounted","args","animationFrame","composedRef","setFloating","onScroll","amount","scrollTop","value","zIndex","position","left","top","width","offsetWidth","onPointerEnter","prevNow","Date","now","frame","element","currentNow","msElapsed","pixelsToScroll","remainingPixels","scrollHeight","clientHeight","scrollRemaining","Math","min","max","requestAnimationFrame","cancelAnimationFrame","onPointerLeave"],"sources":["../../src/SelectScrollButton.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["autoUpdate","offset","useFloatingRaw","useFloating","useComposedRefs","YStack","React","flushSync","useSelectContext","jsx","SCROLL_UP_BUTTON_NAME","SelectScrollUpButton","forwardRef","props","forwardedRef","SelectScrollButtonImpl","componentName","dir","ref","displayName","SCROLL_DOWN_BUTTON_NAME","SelectScrollDownButton","memo","scope","scrollIndicatorProps","forceUpdate","open","fallback","setScrollTop","setInnerOffset","context","floatingRef","floatingContext","refs","floating","statusRef","useRef","isVisible","frameRef","x","y","strategy","elements","reference","current","placement","middleware","rects","height","whileElementsMounted","args","animationFrame","composedRef","setFloating","onScroll","amount","scrollTop","value","zIndex","position","left","top","width","offsetWidth","onPointerEnter","prevNow","Date","now","frame","element","currentNow","msElapsed","pixelsToScroll","remainingPixels","scrollHeight","clientHeight","scrollRemaining","Math","min","max","requestAnimationFrame","cancelAnimationFrame","onPointerLeave"],"sources":["../../src/SelectScrollButton.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/SelectScrollButton.native.js

@@ -1,8 +1,8 @@
 var SelectScrollUpButton = function (_) {
-    return null;
-  },
-  SelectScrollDownButton = function (_) {
-    return null;
-  };
+  return null;
+};
+var SelectScrollDownButton = function (_) {
+  return null;
+};
 export { SelectScrollDownButton, SelectScrollUpButton };
 //# sourceMappingURL=SelectScrollButton.native.js.map

package/dist/esm/SelectScrollButton.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectScrollUpButton","_","SelectScrollDownButton"],"sources":["../../src/SelectScrollButton.native.tsx"],"sourcesContent":[null],"mappings":"AAAO,IAAIA,oBAAA,GAAuB,SAAAA,CAASC,CAAA,EAAG;IAC1C,OAAO;EACX;EACWC,sBAAA,GAAyB,SAAAA,CAASD,CAAA,EAAG;IAC5C,OAAO;EACX","ignoreList":[]}
+{"version":3,"names":["SelectScrollUpButton","_","SelectScrollDownButton"],"sources":["../../src/SelectScrollButton.native.tsx"],"sourcesContent":[null],"mappings":"AAAO,IAAIA,oBAAA,GAAuB,SAAAA,CAASC,CAAA,EAAG;EAC1C,OAAO;AACX;AACO,IAAIC,sBAAA,GAAyB,SAAAA,CAASD,CAAA,EAAG;EAC5C,OAAO;AACX","ignoreList":[]}

package/dist/esm/SelectTrigger.mjs

@@ -3,59 +3,61 @@ import { ListItem } from "@tamagui/list-item";
 import * as React from "react";
 import { useSelectContext, useSelectItemParentContext } from "./context.mjs";
 import { jsx } from "react/jsx-runtime";
-const TRIGGER_NAME = "SelectTrigger",
-  isPointerCoarse = typeof window < "u" ? window.matchMedia("(pointer:coarse)").matches : !0,
-  SelectTrigger = React.forwardRef(function (props, forwardedRef) {
-    const {
-        scope,
-        disabled = !1,
-        unstyled = !1,
-        ...triggerProps
-      } = props,
-      context = useSelectContext(scope),
-      itemParentContext = useSelectItemParentContext(scope),
-      composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setReference);
-    return itemParentContext.shouldRenderWebNative ? null : /* @__PURE__ */jsx(ListItem, {
-      componentName: TRIGGER_NAME,
-      unstyled,
-      render: "button",
-      type: "button",
-      id: itemParentContext.id,
-      ...(!unstyled && {
-        focusVisibleStyle: {
-          outlineStyle: "solid",
-          outlineWidth: 2,
-          outlineColor: "$outlineColor"
-        },
-        borderWidth: 1,
-        size: itemParentContext.size
-      }),
-      role: "combobox",
-      "aria-haspopup": "listbox",
-      "aria-expanded": context.open,
-      "aria-autocomplete": "none",
-      dir: context.dir,
-      disabled,
-      "data-disabled": disabled ? "" : void 0,
-      ...triggerProps,
-      ref: composedRefs,
-      ...(itemParentContext.interactions ? {
-        ...itemParentContext.interactions.getReferenceProps(),
-        ...(isPointerCoarse ? {
-          onPress() {
-            itemParentContext.setOpen(!context.open);
-          }
-        } : {
-          onMouseDown() {
-            context.floatingContext?.update(), itemParentContext.setOpen(!context.open);
-          }
-        })
-      } : {
+const TRIGGER_NAME = "SelectTrigger";
+const isPointerCoarse = typeof window !== "undefined" && true ? window.matchMedia("(pointer:coarse)").matches : true;
+const SelectTrigger = React.forwardRef(function SelectTrigger2(props, forwardedRef) {
+  const {
+    scope,
+    disabled = false,
+    unstyled = false,
+    ...triggerProps
+  } = props;
+  const context = useSelectContext(scope);
+  const itemParentContext = useSelectItemParentContext(scope);
+  const composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setReference);
+  if (itemParentContext.shouldRenderWebNative) return null;
+  return /* @__PURE__ */jsx(ListItem, {
+    componentName: TRIGGER_NAME,
+    unstyled,
+    render: "button",
+    type: "button",
+    id: itemParentContext.id,
+    ...(!unstyled && {
+      focusVisibleStyle: {
+        outlineStyle: "solid",
+        outlineWidth: 2,
+        outlineColor: "$outlineColor"
+      },
+      borderWidth: 1,
+      size: itemParentContext.size
+    }),
+    role: "combobox",
+    "aria-haspopup": "listbox",
+    "aria-expanded": context.open,
+    "aria-autocomplete": "none",
+    dir: context.dir,
+    disabled,
+    "data-disabled": disabled ? "" : void 0,
+    ...triggerProps,
+    ref: composedRefs,
+    ...(itemParentContext.interactions ? {
+      ...itemParentContext.interactions.getReferenceProps(),
+      ...(isPointerCoarse ? {
         onPress() {
           itemParentContext.setOpen(!context.open);
         }
+      } : {
+        onMouseDown() {
+          context.floatingContext?.update?.();
+          itemParentContext.setOpen(!context.open);
+        }
       })
-    });
+    } : {
+      onPress() {
+        itemParentContext.setOpen(!context.open);
+      }
+    })
   });
+});
 export { SelectTrigger };
 //# sourceMappingURL=SelectTrigger.mjs.map

package/dist/esm/SelectTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useComposedRefs","ListItem","React","useSelectContext","useSelectItemParentContext","jsx","TRIGGER_NAME","isPointerCoarse","window","matchMedia","matches","SelectTrigger","forwardRef","props","forwardedRef","scope","disabled","unstyled","triggerProps","context","itemParentContext","composedRefs","floatingContext","refs","setReference","shouldRenderWebNative","componentName","render","type","id","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","borderWidth","size","role","open","dir","ref","interactions","getReferenceProps","onPress","setOpen","onMouseDown","update"],"sources":["../../src/SelectTrigger.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAGhC,SAASC,QAAA,QAAgB;AACzB,YAAYC,KAAA,MAAW;AAEvB,SAASC,gBAAA,EAAkBC,0BAAA,QAAkC;AAiCvD,SAAAC,GAAA;AA3BN,MAAMC,YAAA,GAAe;EAIfC,eAAA,GACJ,OAAOC,MAAA,GAAW,MACdA,MAAA,CAAOC,UAAA,CAAW,kBAAkB,EAAEC,OAAA,GACtC;EAEOC,aAAA,GAAgBT,KAAA,CAAMU,UAAA,CACjC,UAAuBC,KAAA,EAA2BC,YAAA,EAAc;IAC9D,MAAM;QAAEC,KAAA;QAAOC,QAAA,GAAW;QAAOC,QAAA,GAAW;QAAO,GAAGC;MAAa,IAAIL,KAAA;MAEjEM,OAAA,GAAUhB,gBAAA,CAAiBY,KAAK;MAChCK,iBAAA,GAAoBhB,0BAAA,CAA2BW,KAAK;MACpDM,YAAA,GAAerB,eAAA,CACnBc,YAAA,EACAK,OAAA,CAAQG,eAAA,EAAiBC,IAAA,CAAKC,YAChC;IAIA,OAAIJ,iBAAA,CAAkBK,qBAAA,GACb,OAIP,eAAApB,GAAA,CAACJ,QAAA;MACCyB,aAAA,EAAepB,YAAA;MACfW,QAAA;MACAU,MAAA,EAAO;MACPC,IAAA,EAAK;MACLC,EAAA,EAAIT,iBAAA,CAAkBS,EAAA;MACrB,IAAI,CAACZ,QAAA,IAAY;QAChBa,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;QAChB;QACAC,WAAA,EAAa;QACbC,IAAA,EAAMf,iBAAA,CAAkBe;MAC1B;MACAC,IAAA,EAAK;MACL,iBAAc;MACd,iBAAejB,OAAA,CAAQkB,IAAA;MACvB,qBAAkB;MAClBC,GAAA,EAAKnB,OAAA,CAAQmB,GAAA;MACbtB,QAAA;MACA,iBAAeA,QAAA,GAAW,KAAK;MAC9B,GAAGE,YAAA;MACJqB,GAAA,EAAKlB,YAAA;MACJ,IAA4CD,iBAAA,CAAkBoB,YAAA,GAC3D;QACE,GAAGpB,iBAAA,CAAkBoB,YAAA,CAAaC,iBAAA,CAAkB;QACpD,IAAIlC,eAAA,GACA;UACEmC,QAAA,EAAU;YACRtB,iBAAA,CAAkBuB,OAAA,CAAQ,CAACxB,OAAA,CAAQkB,IAAI;UACzC;QACF,IACA;UACEO,YAAA,EAAc;YACZzB,OAAA,CAAQG,eAAA,EAAiBuB,MAAA,CAAO,GAChCzB,iBAAA,CAAkBuB,OAAA,CAAQ,CAACxB,OAAA,CAAQkB,IAAI;UACzC;QACF;MACN,IACA;QACEK,QAAA,EAAU;UACRtB,iBAAA,CAAkBuB,OAAA,CAAQ,CAACxB,OAAA,CAAQkB,IAAI;QACzC;MACF;IAAA,CACN;EAEJ,CACF","ignoreList":[]}
+{"version":3,"names":["useComposedRefs","ListItem","React","useSelectContext","useSelectItemParentContext","jsx","TRIGGER_NAME","isPointerCoarse","window","matchMedia","matches","SelectTrigger","forwardRef","SelectTrigger2","props","forwardedRef","scope","disabled","unstyled","triggerProps","context","itemParentContext","composedRefs","floatingContext","refs","setReference","shouldRenderWebNative","componentName","render","type","id","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","borderWidth","size","role","open","dir","ref","interactions","getReferenceProps","onPress","setOpen","onMouseDown","update"],"sources":["../../src/SelectTrigger.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAGhC,SAASC,QAAA,QAAgB;AACzB,YAAYC,KAAA,MAAW;AAEvB,SAASC,gBAAA,EAAkBC,0BAAA,QAAkC;AAiCvD,SAAAC,GAAA;AA3BN,MAAMC,YAAA,GAAe;AAIrB,MAAMC,eAAA,GACJ,OAAOC,MAAA,KAAW,eAAe,OAAAA,MAAY,CAAAC,UAAA,mBACzC,EAAAC,OAAO,OAAW;AAGjB,MAAMC,aAAA,GAAgBT,KAAA,CAAMU,UAAA,UAAAC,eAAAC,KAAA,EAAAC,YAAA;EAAA,MACjC;IAAAC,KAAS;IAAAC,QAAA,GAAc;IAA2BC,QAAA,QAAc;IAAA,GAAAC;EAAA,IAAAL,KAAA;EAC9D,MAAAM,OAAQ,GAAAjB,gBAAkB,CAAAa,KAAO;EAEjC,MAAAK,iBAAgB,GAAAjB,0BAAsB,CAAAY,KAAA;EACtC,MAAAM,YAAM,GAAAtB,eAAoB,CAAAe,YAAA,EAAAK,OAA2B,CAAAG,eAAK,EAAAC,IAAA,CAAAC,YAAA;EAC1D,IAAAJ,iBAAM,CAAAK,qBAAe;EAAA,OACnB,eAAArB,GAAA,CAAAJ,QAAA;IAAA0B,aACQ,EAAArB,YAAA;IAAsBY,QAChC;IAIAU,MAAI;IACFC,IAAA,UAAO;IAAAC,EACT,EAAAT,iBAAA,CAAAS,EAAA;IAEA,KAAAZ,QACE;MAAAa,iBAAC;QAAAC,YAAA;QAAAC,YACC;QAAeC,YACf;MAAA;MACOC,WACF;MAAAC,IAAA,EACLf,iBAAI,CAAAe;IAAkB;IACJC,IAAA,YAChB;IAAmB,eACjB,WAAc;IAAA,eACd,EAAAjB,OAAc,CAAAkB,IAAA;IAAA,mBACd,QAAc;IAAAC,GAAA,EAAAnB,OAChB,CAAAmB,GAAA;IAAAtB,QACA;IAAa,eACP,EAAAA,QAAA,QAAkB;IAAA,GAAAE,YAC1B;IAAAqB,GAAA,EAAAlB,YACK;IAAA,IAAAD,iBACL,CAAAoB,YAAc;MAAA,GAAApB,iBACd,CAAAoB,YAAuB,CAAAC,iBAAA;MAAA,IAAAnC,eACvB;QAAAoC,OAAkBA,CAAA;UAAAtB,iBACL,CAAAuB,OAAA,EAAAxB,OAAA,CAAAkB,IAAA;QAAA;MAAA,IACb;QAAAO,YAAA;UAAAzB,OACA,CAAAG,eAAe,EAAAuB,MAAA,GAAW;UAAKzB,iBAC3B,CAAAuB,OAAA,EAAAxB,OAAA,CAAAkB,IAAA;QAAA;MAAA;IACC;MACJK,OAAIA,CAAA;QACDtB,iBACK,CAAAuB,OAAA,EAAAxB,OAAkB,CAAAkB,IAAA;MAA+B;IAAA;EAEhD;AAEI;AAAuC,SAAA3B,aACzC","ignoreList":[]}

package/dist/esm/SelectTrigger.native.js

@@ -4,18 +4,19 @@ import { ListItem } from "@tamagui/list-item";
 import * as React from "react";
 import { useSelectContext, useSelectItemParentContext } from "./context.native.js";
 var TRIGGER_NAME = "SelectTrigger";
-var SelectTrigger = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-  var _context_floatingContext,
-    {
-      scope,
-      disabled = !1,
-      unstyled = !1,
-      ...triggerProps
-    } = props,
-    context = useSelectContext(scope),
-    itemParentContext = useSelectItemParentContext(scope),
-    composedRefs = useComposedRefs(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
-  return itemParentContext.shouldRenderWebNative ? null : /* @__PURE__ */_jsx(ListItem, {
+var SelectTrigger = /* @__PURE__ */React.forwardRef(function SelectTrigger2(props, forwardedRef) {
+  var _context_floatingContext;
+  var {
+    scope,
+    disabled = false,
+    unstyled = false,
+    ...triggerProps
+  } = props;
+  var context = useSelectContext(scope);
+  var itemParentContext = useSelectItemParentContext(scope);
+  var composedRefs = useComposedRefs(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
+  if (itemParentContext.shouldRenderWebNative) return null;
+  return /* @__PURE__ */_jsx(ListItem, {
     componentName: TRIGGER_NAME,
     unstyled,
     render: "button",

package/dist/esm/SelectTrigger.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","useComposedRefs","ListItem","React","useSelectContext","useSelectItemParentContext","TRIGGER_NAME","SelectTrigger","forwardRef","props","forwardedRef","_context_floatingContext","scope","disabled","unstyled","triggerProps","context","itemParentContext","composedRefs","floatingContext","refs","setReference","shouldRenderWebNative","componentName","render","type","id","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","borderWidth","size","role","open","dir","ref","onPress","setOpen"],"sources":["../../src/SelectTrigger.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAuB;AAGhC,SAASC,eAAA,QAAgB;AACzB,SAAAC,QAAY,QAAW;AAEvB,YAASC,KAAA,aAAkB;AAiCrB,SAAAC,gBAAA,EAAAC,0BAAA;AA3BN,IAAAC,YAAM,kBAAe;AASc,IACjCC,aAAuB,GAA2B,eAAcJ,KAAA,CAAAK,UAAA,WAAAC,KAAA,EAAAC,YAAA;EAC9D,IAAAC,wBAA0B;IAAA;MAAOC,KAAA;MAAAC,QAAkB,GAAG;MAAAC,QAAA,GAAa,EAAI;MAAA,GAAAC;IAEvD,IAAAN,KAAA;IAAAO,OAAiB,GAAKZ,gBAChC,CAAAQ,KAAA,CAAoB;IAAAK,iBAAA,GAAAZ,0BACpB,CAAAO,KAAe;IAAAM,YAAA,GAAAjB,eAAA,CAAAS,YAAA,GAAAC,wBAAA,GAAAK,OAAA,CAAAG,eAAA,cAAAR,wBAAA,uBAAAA,wBAAA,CAAAS,IAAA,CAAAC,YAAA;EAAA,OACnBJ,iBAAA,CAAAK,qBAAA,yBAAAtB,IAAA,CAAAE,QAAA;IAAAqB,aACQ,EAAAjB,YAAiB;IAC3BQ,QAAA;IAIAU,MAAA,EAAI;IAKFC,IAAC;IAAAC,EAAA,EAAAT,iBAAA,CAAAS,EAAA;IAAA,KACCZ,QAAA;MAAea,iBACf;QACAC,YAAO;QACPC,YAAK;QACLC,YAAI;MAAkB;MACJC,WAChB;MAAmBC,IAAA,EACjBf,iBAAc,CAAAe;IAAA;IACAC,IAAA,YACd;IAAc,eAChB;IAAA,eACA,EAAAjB,OAAa,CAAAkB,IAAA;IAAA,mBACP;IAAkBC,GAAA,EAC1BnB,OAAA,CAAAmB,GAAA;IAAAtB,QACA;IAAK,eACL,EAAAA,QAAc;IAAA,GAAAE,YACd;IAAuBqB,GAAA,EACvBlB,YAAA;IAAkBmB,OAClBA,CAAA,EAAK;MAAQpB,iBACb,CAAAqB,OAAA,EAAAtB,OAAA,CAAAkB,IAAA;IAAA;EAC+B;AAC3B;AACC,SAED3B,aACK","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","useComposedRefs","ListItem","React","useSelectContext","useSelectItemParentContext","TRIGGER_NAME","SelectTrigger","forwardRef","SelectTrigger2","props","forwardedRef","_context_floatingContext","scope","disabled","unstyled","triggerProps","context","itemParentContext","composedRefs","floatingContext","refs","setReference","shouldRenderWebNative","componentName","render","type","id","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","borderWidth","size","role","open","dir","ref","onPress","setOpen"],"sources":["../../src/SelectTrigger.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAuB;AAGhC,SAASC,eAAA,QAAgB;AACzB,SAAAC,QAAY,QAAW;AAEvB,YAASC,KAAA,aAAkB;AAiCrB,SAAAC,gBAAA,EAAAC,0BAAA;AA3BN,IAAAC,YAAM,kBAAe;AAIrB,IAAAC,aAAM,kBACGJ,KAAA,CAAWK,UAAA,UAAeC,cAAYA,CAAAC,KAAA,EAAAC,YACzC;EAGC,IAAAC,wBAA4B;EAAA,IACjC;IAAAC,KAAS;IAAAC,QAAA,QAAc;IAAAC,QAA2B,QAAc;IAAA,GAAAC;EAAA,IAAAN,KAAA;EAC9D,IAAAO,OAAQ,GAAAb,gBAAkB,CAAAS,KAAO;EAEjC,IAAAK,iBAAgB,GAAAb,0BAAsB,CAAAQ,KAAA;EACtC,IAAAM,YAAM,GAAAlB,eAAoB,CAAAU,YAAA,GAAAC,wBAAgC,GAAAK,OAAA,CAAAG,eAAA,cAAAR,wBAAA,uBAAAA,wBAAA,CAAAS,IAAA,CAAAC,YAAA;EAC1D,IAAAJ,iBAAM,CAAAK,qBAAe;EAAA,OACnB,eAAAvB,IAAA,CAAAE,QAAA;IAAAsB,aACQ,EAAAlB,YAAA;IAAsBS,QAChC;IAIAU,MAAI;IACFC,IAAA,UAAO;IAAAC,EACT,EAAAT,iBAAA,CAAAS,EAAA;IAEA,KAAAZ,QACE;MAAAa,iBAAC;QAAAC,YAAA;QAAAC,YACC;QAAeC,YACf;MAAA;MACOC,WACF;MAAAC,IAAA,EACLf,iBAAI,CAAAe;IAAkB;IACJC,IAAA,YAChB;IAAmB,eACjB,WAAc;IAAA,eACd,EAAAjB,OAAc,CAAAkB,IAAA;IAAA,mBACd,QAAc;IAAAC,GAAA,EAAAnB,OAChB,CAAAmB,GAAA;IAAAtB,QACA;IAAa,eACP,EAAAA,QAAA,QAAkB;IAAA,GAAAE,YAC1B;IAAAqB,GAAA,EAAAlB,YACK;IAAAmB,OACLA,CAAA;MAAcpB,iBACd,CAAAqB,OAAe,EAAAtB,OAAQ,CAAAkB,IAAA;IAAA;EACL;AACL;AACb,SACA5B,aAAA","ignoreList":[]}

package/dist/esm/SelectViewport.mjs

@@ -1,4 +1,3 @@
-import { FloatingFocusManager } from "@floating-ui/react";
 import { AdaptPortalContents, useAdaptIsActive } from "@tamagui/adapt";
 import { AnimatePresence } from "@tamagui/animate-presence";
 import { useComposedRefs } from "@tamagui/compose-refs";
@@ -6,104 +5,130 @@ import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { styled } from "@tamagui/core";
 import { needsPortalRepropagation } from "@tamagui/portal";
 import { YStack } from "@tamagui/stacks";
+import { startTransition } from "@tamagui/start-transition";
+import * as React from "react";
 import { VIEWPORT_NAME } from "./constants.mjs";
 import { ForwardSelectContext, useSelectContext, useSelectItemParentContext } from "./context.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const SelectViewportFrame = styled(YStack, {
-    name: VIEWPORT_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          size: "$2",
-          backgroundColor: "$background",
-          elevate: !0,
-          bordered: !0,
-          userSelect: "none",
-          outlineWidth: 0
-        }
-      },
-      size: {
-        "...size": (val, {
-          tokens
-        }) => ({
-          borderRadius: tokens.radius[val] ?? val
-        })
+  name: VIEWPORT_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$2",
+        backgroundColor: "$background",
+        elevate: true,
+        bordered: true,
+        userSelect: "none",
+        outlineWidth: 0
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    size: {
+      "...size": (val, {
+        tokens
+      }) => {
+        return {
+          borderRadius: tokens.radius[val] ?? val
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+const needsRepropagation = needsPortalRepropagation();
+const SelectViewport = SelectViewportFrame.styleable(function SelectViewport2(props, forwardedRef) {
+  const {
+    scope,
+    children,
+    disableScroll,
+    ...viewportProps
+  } = props;
+  const context = useSelectContext(scope);
+  const itemContext = useSelectItemParentContext(scope);
+  const isAdapted = useAdaptIsActive(context.adaptScope);
+  const [lazyMounted, setLazyMounted] = React.useState(context.lazyMount ? false : true);
+  React.useEffect(() => {
+    if (!context.lazyMount) return;
+    if (!context.open) return;
+    if (lazyMounted) return;
+    startTransition(() => {
+      setLazyMounted(true);
+    });
+  }, [context.lazyMount, context.open, lazyMounted]);
+  const composedRefs = useComposedRefs(
+  // @ts-ignore TODO react 19 type needs fix
+  forwardedRef, context.floatingContext?.refs.setFloating);
+  useIsomorphicLayoutEffect(() => {
+    if (context.update) {
+      context.update();
     }
-  }),
-  needsRepropagation = needsPortalRepropagation(),
-  SelectViewport = SelectViewportFrame.styleable(function (props, forwardedRef) {
-    const {
-        scope,
-        children,
-        disableScroll,
-        ...viewportProps
-      } = props,
-      context = useSelectContext(scope),
-      itemContext = useSelectItemParentContext(scope),
-      isAdapted = useAdaptIsActive(context.adaptScope),
-      composedRefs = useComposedRefs(
-      // @ts-ignore TODO react 19 type needs fix
-      forwardedRef, context.floatingContext?.refs.setFloating);
-    if (useIsomorphicLayoutEffect(() => {
-      context.update && context.update();
-    }, [isAdapted]), itemContext.shouldRenderWebNative) return /* @__PURE__ */jsx(YStack, {
+  }, [isAdapted]);
+  useIsomorphicLayoutEffect(() => {
+    if (context.lazyMount && lazyMounted && context.open && context.update) {
+      context.update();
+    }
+  }, [lazyMounted]);
+  if (itemContext.shouldRenderWebNative) {
+    return /* @__PURE__ */jsx(YStack, {
       position: "relative",
       children
     });
-    if (isAdapted || !isWeb) {
-      let content = children;
-      return needsRepropagation && (content = /* @__PURE__ */jsx(ForwardSelectContext, {
+  }
+  if (isAdapted || !isWeb) {
+    let content = children;
+    if (needsRepropagation) {
+      content = /* @__PURE__ */jsx(ForwardSelectContext, {
         itemContext,
         context,
         children: content
-      })), /* @__PURE__ */jsx(AdaptPortalContents, {
-        scope: context.adaptScope,
-        children: content
       });
     }
-    if (!itemContext.interactions) return process.env.NODE_ENV === "development" && console.warn("No interactions provided to Select, potentially missing Adapt"), null;
-    const {
-      style,
-      // remove this, it was set to "Select" always
-      className,
-      ...floatingProps
-    } = itemContext.interactions.getFloatingProps();
-    return /* @__PURE__ */jsxs(Fragment, {
-      children: [!disableScroll && !props.unstyled && /* @__PURE__ */jsx("style", {
-        dangerouslySetInnerHTML: {
-          __html: selectViewportCSS
-        }
-      }), /* @__PURE__ */jsx(AnimatePresence, {
-        children: context.open ? /* @__PURE__ */jsx(FloatingFocusManager, {
-          context: context.floatingContext,
-          modal: !1,
-          initialFocus: -1,
-          children: /* @__PURE__ */jsx(SelectViewportFrame, {
-            size: itemContext.size,
-            role: "presentation",
-            ...viewportProps,
-            ...style,
-            ...floatingProps,
-            ...(!props.unstyled && {
-              overflowY: disableScroll ? void 0 : style.overflow ?? "auto"
-            }),
-            ref: composedRefs,
-            children
-          }, "select-viewport")
-        }) : null
-      }), !context.open && /* @__PURE__ */jsx("div", {
-        style: {
-          display: "none"
-        },
-        children: props.children
-      })]
+    return /* @__PURE__ */jsx(AdaptPortalContents, {
+      scope: context.adaptScope,
+      children: content
     });
-  }),
-  selectViewportCSS = `
+  }
+  if (!itemContext.interactions) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(`No interactions provided to Select, potentially missing Adapt`);
+    }
+    return null;
+  }
+  const {
+    style,
+    // remove this, it was set to "Select" always
+    className,
+    ...floatingProps
+  } = itemContext.interactions.getFloatingProps();
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [!disableScroll && !props.unstyled && /* @__PURE__ */jsx("style", {
+      dangerouslySetInnerHTML: {
+        __html: selectViewportCSS
+      }
+    }), /* @__PURE__ */jsx(AnimatePresence, {
+      children: context.open ? /* @__PURE__ */jsx(SelectViewportFrame, {
+        size: itemContext.size,
+        role: "presentation",
+        ...viewportProps,
+        ...style,
+        ...floatingProps,
+        ...(!props.unstyled && {
+          overflowY: disableScroll ? void 0 : style.overflow ?? "auto"
+        }),
+        ref: composedRefs,
+        children: lazyMounted ? children : null
+      }, "select-viewport") : null
+    }), !context.open && !(context.lazyMount && context.renderValue) && lazyMounted && /* @__PURE__ */jsx("div", {
+      style: {
+        display: "none"
+      },
+      children
+    })]
+  });
+});
+const selectViewportCSS = `
 .is_SelectViewport {
   scrollbar-width: none;
   -webkit-overflow-scrolling: touch;