@tamagui/select 3.0.0-beta.922.1 → 3.0.0

package/dist/cjs/SelectItem.native.js

@@ -43,13 +43,6 @@ var import_helpers = require("@tamagui/helpers");
 var React = __toESM(require("react"), 1);
 var import_context = require("./context.native.js");
 var import_selectionController = require("./selectionController.native.js");
-function _instanceof(left, right) {
-	if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-		return !!right[Symbol.hasInstance](left);
-	} else {
-		return left instanceof right;
-	}
-}
 var ITEM_NAME = "SelectItem";
 var { Provider: SelectItemContextProvider, useStyledContext: useSelectItemContext } = (0, import_core.createStyledContext)(null, ITEM_NAME);
 var SelectItemFrame = (0, import_core.styled)(import_core.View, {
@@ -61,44 +54,22 @@ var SelectItem = (0, import_core.createStyledHOC)(SelectItemFrame, function Sele
 	var { scope, value, disabled: disabledProp, "aria-disabled": ariaDisabled, textValue: textValueProp, ...restProps } = props;
 	var disabled = disabledProp !== null && disabledProp !== void 0 ? disabledProp : ariaDisabled === true;
 	var context = (0, import_context.useSelectItemParentContext)(scope);
-	var selectContext = (0, import_context.useSelectContext)(scope);
-	var isAdapted = (0, import_adapt.useAdaptIsActive)(selectContext.adaptScope);
-	var { listRef, registry, mode, selectedValues, selectValue, activeIndexSubscribe, activeIndexRef, allowMouseUpRef, allowSelectRef, selectTimeoutRef, interactions, shouldRenderWebNative, setActiveIndexFast, moveActive, search } = context;
+	var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
+	var { registry, mode, selectedValues, selectValue, activeIndexSubscribe, activeIndexRef, allowMouseUpRef, allowSelectRef, selectTimeoutRef, getItemProps, shouldRenderWebNative, setActiveIndex, lastPointerRef, moveActive, search } = context;
 	var isSelected = selectedValues.includes(value);
 	var pendingMouseUpSelectionRef = React.useRef(false);
 	var itemNodeRef = React.useRef(null);
-	var [, rerenderRegistry] = React.useReducer(function(version) {
-		return version + 1;
-	}, 0);
 	var registrationRef = React.useRef(null);
 	var initialRegistration = React.useRef({
 		value,
 		disabled,
 		textValue: textValueProp
 	});
-	(0, import_constants.useIsomorphicLayoutEffect)(function() {
-		return registry.subscribe(function() {
-			return rerenderRegistry();
-		});
-	}, [registry]);
 	(0, import_constants.useIsomorphicLayoutEffect)(function() {
 		var registration = registry.registerItem(initialRegistration.current);
 		registrationRef.current = registration;
-		var registeredNode = itemNodeRef.current;
-		registration.setNode(registeredNode);
-		var registeredIndex = registry.getItems().findIndex(function(item) {
-			return item.id === registration.id;
-		});
-		if (import_constants.isWeb && listRef && registeredIndex >= 0 && _instanceof(registeredNode, HTMLElement)) {
-			listRef.current[registeredIndex] = registeredNode;
-		}
+		registration.setNode(itemNodeRef.current);
 		return function() {
-			var currentIndex = registry.getItems().findIndex(function(item) {
-				return item.id === registration.id;
-			});
-			if (listRef && currentIndex >= 0 && listRef.current[currentIndex] === registeredNode) {
-				listRef.current[currentIndex] = null;
-			}
 			registrationRef.current = null;
 			registration.unregister();
 		};
@@ -119,39 +90,37 @@ var SelectItem = (0, import_core.createStyledHOC)(SelectItemFrame, function Sele
 		var _registrationRef_current;
 		(_registrationRef_current = registrationRef.current) === null || _registrationRef_current === void 0 ? void 0 : _registrationRef_current.setNode(itemNodeRef.current);
 	});
-	var index = registry.getIndex(value);
+	var [isActive, setIsActive] = React.useState(false);
+	var isActiveRef = React.useRef(false);
 	React.useEffect(function() {
 		var handleActiveIndex = function(i) {
-			if (index === i) {
-				if (import_constants.isWeb) {
-					requestAnimationFrame(function() {
-						var _listRef_current_index;
-						listRef === null || listRef === void 0 ? void 0 : (_listRef_current_index = listRef.current[index]) === null || _listRef_current_index === void 0 ? void 0 : _listRef_current_index.focus();
-					});
-				}
+			var next = i != null && registry.getIndex(value) === i;
+			if (next !== isActiveRef.current) {
+				isActiveRef.current = next;
+				setIsActive(next);
+			}
+			if (next && import_constants.isWeb) {
+				requestAnimationFrame(function() {
+					var _itemNodeRef_current_focus, _itemNodeRef_current;
+					(_itemNodeRef_current = itemNodeRef.current) === null || _itemNodeRef_current === void 0 ? void 0 : (_itemNodeRef_current_focus = _itemNodeRef_current.focus) === null || _itemNodeRef_current_focus === void 0 ? void 0 : _itemNodeRef_current_focus.call(_itemNodeRef_current);
+				});
 			}
 		};
-		var currentActiveIndex = activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current;
-		if (currentActiveIndex !== null && currentActiveIndex !== void 0) {
-			handleActiveIndex(currentActiveIndex);
-		}
+		var _activeIndexRef_current;
+		handleActiveIndex((_activeIndexRef_current = activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current) !== null && _activeIndexRef_current !== void 0 ? _activeIndexRef_current : null);
 		return activeIndexSubscribe(handleActiveIndex);
 	}, [
 		activeIndexRef,
 		activeIndexSubscribe,
-		index,
-		listRef
+		registry,
+		value
 	]);
 	var textId = React.useId();
 	var refCallback = React.useCallback(function(node) {
 		var _registrationRef_current;
 		itemNodeRef.current = node;
 		(_registrationRef_current = registrationRef.current) === null || _registrationRef_current === void 0 ? void 0 : _registrationRef_current.setNode(node);
-		if (!import_constants.isWeb) return;
-		if (listRef && index >= 0) {
-			listRef.current[index] = _instanceof(node, HTMLElement) ? node : null;
-		}
-	}, [index, listRef]);
+	}, []);
 	var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, refCallback);
 	var handleSelect = React.useCallback(function(event) {
 		var reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "item-press";
@@ -163,6 +132,27 @@ var SelectItem = (0, import_core.createStyledHOC)(SelectItemFrame, function Sele
 		selectValue,
 		value
 	]);
+	var handleMouseMove = React.useCallback(function(event) {
+		if (disabled) return;
+		var index = registry.getIndex(value);
+		if (index < 0) return;
+		var last = lastPointerRef.current;
+		if (event.clientX === last.x && event.clientY === last.y) return;
+		last.x = event.clientX;
+		last.y = event.clientY;
+		setActiveIndex(index, {
+			reason: "item-hover",
+			event: event.nativeEvent || event,
+			trigger: event.currentTarget,
+			index
+		});
+	}, [
+		disabled,
+		lastPointerRef,
+		registry,
+		setActiveIndex,
+		value
+	]);
 	var handleKeyDown = React.useCallback(function(event) {
 		var _event_key;
 		if (disabled) return;
@@ -177,7 +167,7 @@ var SelectItem = (0, import_core.createStyledHOC)(SelectItemFrame, function Sele
 			moveActive(event.key === "ArrowDown" ? 1 : -1, event.nativeEvent || event);
 			return;
 		}
-		if (!interactions && ((_event_key = event.key) === null || _event_key === void 0 ? void 0 : _event_key.length) === 1 && !event.metaKey && !event.ctrlKey) {
+		if (!getItemProps && ((_event_key = event.key) === null || _event_key === void 0 ? void 0 : _event_key.length) === 1 && !event.metaKey && !event.ctrlKey) {
 			search(event.key, event.nativeEvent || event);
 		}
 		if (allowSelectRef) {
@@ -187,14 +177,14 @@ var SelectItem = (0, import_core.createStyledHOC)(SelectItemFrame, function Sele
 		allowSelectRef,
 		disabled,
 		handleSelect,
-		interactions,
+		getItemProps,
 		moveActive,
 		search
 	]);
 	var selectItemProps = React.useMemo(function() {
-		if (interactions) {
+		if (getItemProps) {
 			var { onTouchMove, onTouchEnd, onKeyDown, onClick, onMouseUp, onMouseMove, onPress, ...itemProps } = restProps;
-			var interactionProps = interactions.getItemProps({
+			var interactionProps = getItemProps({
 				...itemProps,
 				onTouchMove() {
 					allowSelectRef.current = true;
@@ -204,15 +194,7 @@ var SelectItem = (0, import_core.createStyledHOC)(SelectItemFrame, function Sele
 					allowSelectRef.current = false;
 					allowMouseUpRef.current = true;
 				},
-				onMouseMove(event) {
-					if (disabled || index < 0) return;
-					setActiveIndexFast === null || setActiveIndexFast === void 0 ? void 0 : setActiveIndexFast(index, {
-						reason: "item-hover",
-						event: event.nativeEvent || event,
-						trigger: event.currentTarget,
-						index
-					});
-				},
+				onMouseMove: handleMouseMove,
 				onKeyDown: handleKeyDown,
 				onClick(event) {
 					if (disabled) return;
@@ -266,15 +248,7 @@ var SelectItem = (0, import_core.createStyledHOC)(SelectItemFrame, function Sele
 		return {
 			...restProps,
 			onKeyDown: (0, import_helpers.composeEventHandlers)(restProps.onKeyDown, handleKeyDown),
-			onMouseMove: (0, import_helpers.composeEventHandlers)(restProps.onMouseMove, function(event) {
-				if (disabled || index < 0) return;
-				setActiveIndexFast === null || setActiveIndexFast === void 0 ? void 0 : setActiveIndexFast(index, {
-					reason: "item-hover",
-					event: event.nativeEvent || event,
-					trigger: event.currentTarget,
-					index
-				});
-			}),
+			onMouseMove: (0, import_helpers.composeEventHandlers)(restProps.onMouseMove, handleMouseMove),
 			onPress: (0, import_helpers.composeEventHandlers)(restProps.onPress, handleSelect)
 		};
 	}, [
@@ -282,15 +256,13 @@ var SelectItem = (0, import_core.createStyledHOC)(SelectItemFrame, function Sele
 		allowSelectRef,
 		disabled,
 		handleKeyDown,
+		handleMouseMove,
 		handleSelect,
-		index,
-		interactions,
+		getItemProps,
 		restProps,
-		selectTimeoutRef,
-		setActiveIndexFast
+		selectTimeoutRef
 	]);
 	var accessibilityProps = (0, import_selectionController.getSelectOptionProps)(mode, isSelected, disabled, import_constants.isWeb ? "web" : "native");
-	var _selectContext_activeIndex;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemContextProvider, {
 		scope,
 		value,
@@ -307,7 +279,7 @@ var SelectItem = (0, import_core.createStyledHOC)(SelectItemFrame, function Sele
 			"aria-labelledby": textId,
 			"data-state": isSelected ? "active" : "inactive",
 			"data-disabled": disabled ? "" : void 0,
-			tabIndex: disabled ? void 0 : import_constants.isWeb && isAdapted ? index === ((_selectContext_activeIndex = selectContext.activeIndex) !== null && _selectContext_activeIndex !== void 0 ? _selectContext_activeIndex : selectContext.selectedIndex) ? 0 : -1 : -1,
+			tabIndex: disabled ? void 0 : import_constants.isWeb && isAdapted && (isActive || (activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current) == null && isSelected) ? 0 : -1,
 			zIndex: 100,
 			...selectItemProps,
 			...accessibilityProps

package/dist/cjs/SelectItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.native.js","names":[],"sources":["cjs/SelectItem.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SelectItem_exports = {};\n__export(SelectItem_exports, {\n  SelectItem: () => SelectItem,\n  SelectItemContextProvider: () => SelectItemContextProvider,\n  SelectItemFrame: () => SelectItemFrame,\n  useSelectItemContext: () => useSelectItemContext\n});\nmodule.exports = __toCommonJS(SelectItem_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_adapt = require(\"@tamagui/adapt\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_context = require(\"./context\");\nvar import_selectionController = require(\"./selectionController\");\nfunction _instanceof(left, right) {\n  if (right != null && typeof Symbol !== \"undefined\" && right[Symbol.hasInstance]) {\n    return !!right[Symbol.hasInstance](left);\n  } else {\n    return left instanceof right;\n  }\n}\nvar ITEM_NAME = \"SelectItem\";\nvar { Provider: SelectItemContextProvider, useStyledContext: useSelectItemContext } = (0, import_core.createStyledContext)(null, ITEM_NAME);\nvar SelectItemFrame = (0, import_core.styled)(import_core.View, {\n  displayName: ITEM_NAME,\n  alignItems: \"center\",\n  flexDirection: \"row\"\n});\nvar SelectItem = (0, import_core.createStyledHOC)(SelectItemFrame, function SelectItem2(props, forwardedRef) {\n  var { scope, value, disabled: disabledProp, \"aria-disabled\": ariaDisabled, textValue: textValueProp, ...restProps } = props;\n  var disabled = disabledProp !== null && disabledProp !== void 0 ? disabledProp : ariaDisabled === true;\n  var context = (0, import_context.useSelectItemParentContext)(scope);\n  var selectContext = (0, import_context.useSelectContext)(scope);\n  var isAdapted = (0, import_adapt.useAdaptIsActive)(selectContext.adaptScope);\n  var { listRef, registry, mode, selectedValues, selectValue, activeIndexSubscribe, activeIndexRef, allowMouseUpRef, allowSelectRef, selectTimeoutRef, interactions, shouldRenderWebNative, setActiveIndexFast, moveActive, search } = context;\n  var isSelected = selectedValues.includes(value);\n  var pendingMouseUpSelectionRef = React.useRef(false);\n  var itemNodeRef = React.useRef(null);\n  var [, rerenderRegistry] = React.useReducer(function(version) {\n    return version + 1;\n  }, 0);\n  var registrationRef = React.useRef(null);\n  var initialRegistration = React.useRef({\n    value,\n    disabled,\n    textValue: textValueProp\n  });\n  (0, import_constants.useIsomorphicLayoutEffect)(function() {\n    return registry.subscribe(function() {\n      return rerenderRegistry();\n    });\n  }, [\n    registry\n  ]);\n  (0, import_constants.useIsomorphicLayoutEffect)(function() {\n    var registration = registry.registerItem(initialRegistration.current);\n    registrationRef.current = registration;\n    var registeredNode = itemNodeRef.current;\n    registration.setNode(registeredNode);\n    var registeredIndex = registry.getItems().findIndex(function(item) {\n      return item.id === registration.id;\n    });\n    if (import_constants.isWeb && listRef && registeredIndex >= 0 && _instanceof(registeredNode, HTMLElement)) {\n      listRef.current[registeredIndex] = registeredNode;\n    }\n    return function() {\n      var currentIndex = registry.getItems().findIndex(function(item) {\n        return item.id === registration.id;\n      });\n      if (listRef && currentIndex >= 0 && listRef.current[currentIndex] === registeredNode) {\n        listRef.current[currentIndex] = null;\n      }\n      registrationRef.current = null;\n      registration.unregister();\n    };\n  }, [\n    registry\n  ]);\n  (0, import_constants.useIsomorphicLayoutEffect)(function() {\n    var _registrationRef_current;\n    (_registrationRef_current = registrationRef.current) === null || _registrationRef_current === void 0 ? void 0 : _registrationRef_current.update({\n      value,\n      disabled,\n      textValue: textValueProp\n    });\n  }, [\n    disabled,\n    textValueProp,\n    value\n  ]);\n  (0, import_constants.useIsomorphicLayoutEffect)(function() {\n    var _registrationRef_current;\n    (_registrationRef_current = registrationRef.current) === null || _registrationRef_current === void 0 ? void 0 : _registrationRef_current.setNode(itemNodeRef.current);\n  });\n  var index = registry.getIndex(value);\n  React.useEffect(function() {\n    var handleActiveIndex = function(i) {\n      if (index === i) {\n        if (import_constants.isWeb) {\n          requestAnimationFrame(function() {\n            var _listRef_current_index;\n            listRef === null || listRef === void 0 ? void 0 : (_listRef_current_index = listRef.current[index]) === null || _listRef_current_index === void 0 ? void 0 : _listRef_current_index.focus();\n          });\n        }\n      }\n    };\n    var currentActiveIndex = activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current;\n    if (currentActiveIndex !== null && currentActiveIndex !== void 0) {\n      handleActiveIndex(currentActiveIndex);\n    }\n    return activeIndexSubscribe(handleActiveIndex);\n  }, [\n    activeIndexRef,\n    activeIndexSubscribe,\n    index,\n    listRef\n  ]);\n  var textId = React.useId();\n  var refCallback = React.useCallback(function(node) {\n    var _registrationRef_current;\n    itemNodeRef.current = node;\n    (_registrationRef_current = registrationRef.current) === null || _registrationRef_current === void 0 ? void 0 : _registrationRef_current.setNode(node);\n    if (!import_constants.isWeb) return;\n    if (listRef && index >= 0) {\n      listRef.current[index] = _instanceof(node, HTMLElement) ? node : null;\n    }\n  }, [\n    index,\n    listRef\n  ]);\n  var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, refCallback);\n  var handleSelect = React.useCallback(function(event) {\n    var reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"item-press\";\n    if (disabled) return;\n    var nativeEvent = (event === null || event === void 0 ? void 0 : event.nativeEvent) || event;\n    selectValue(value, (0, import_core.createChangeEventDetails)(reason, nativeEvent, event === null || event === void 0 ? void 0 : event.currentTarget));\n  }, [\n    disabled,\n    selectValue,\n    value\n  ]);\n  var handleKeyDown = React.useCallback(function(event) {\n    var _event_key;\n    if (disabled) return;\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      handleSelect(event, \"keyboard\");\n      return;\n    }\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      event.stopPropagation();\n      moveActive(event.key === \"ArrowDown\" ? 1 : -1, event.nativeEvent || event);\n      return;\n    }\n    if (!interactions && ((_event_key = event.key) === null || _event_key === void 0 ? void 0 : _event_key.length) === 1 && !event.metaKey && !event.ctrlKey) {\n      search(event.key, event.nativeEvent || event);\n    }\n    if (allowSelectRef) {\n      allowSelectRef.current = true;\n    }\n  }, [\n    allowSelectRef,\n    disabled,\n    handleSelect,\n    interactions,\n    moveActive,\n    search\n  ]);\n  var selectItemProps = React.useMemo(function() {\n    if (interactions) {\n      var { onTouchMove, onTouchEnd, onKeyDown, onClick, onMouseUp, onMouseMove, onPress, ...itemProps } = restProps;\n      var interactionProps = interactions.getItemProps({\n        ...itemProps,\n        onTouchMove() {\n          allowSelectRef.current = true;\n          allowMouseUpRef.current = false;\n        },\n        onTouchEnd() {\n          allowSelectRef.current = false;\n          allowMouseUpRef.current = true;\n        },\n        onMouseMove(event) {\n          if (disabled || index < 0) return;\n          setActiveIndexFast === null || setActiveIndexFast === void 0 ? void 0 : setActiveIndexFast(index, {\n            reason: \"item-hover\",\n            event: event.nativeEvent || event,\n            trigger: event.currentTarget,\n            index\n          });\n        },\n        onKeyDown: handleKeyDown,\n        onClick(event) {\n          if (disabled) return;\n          var shouldSelect = pendingMouseUpSelectionRef.current || allowSelectRef.current;\n          pendingMouseUpSelectionRef.current = false;\n          clearTimeout(selectTimeoutRef.current);\n          allowSelectRef.current = true;\n          if (shouldSelect) {\n            handleSelect(event);\n          }\n        },\n        onMouseUp(event) {\n          if (disabled) return;\n          if (!allowMouseUpRef.current) {\n            allowMouseUpRef.current = true;\n            allowSelectRef.current = true;\n            return;\n          }\n          pendingMouseUpSelectionRef.current = allowSelectRef.current;\n          clearTimeout(selectTimeoutRef.current);\n          selectTimeoutRef.current = setTimeout(function() {\n            allowSelectRef.current = true;\n            if (pendingMouseUpSelectionRef.current) {\n              pendingMouseUpSelectionRef.current = false;\n              handleSelect(event);\n            }\n          });\n        }\n      });\n      return {\n        ...interactionProps,\n        onTouchMove: (0, import_helpers.composeEventHandlers)(onTouchMove, interactionProps.onTouchMove),\n        onTouchEnd: (0, import_helpers.composeEventHandlers)(onTouchEnd, interactionProps.onTouchEnd),\n        onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, interactionProps.onKeyDown),\n        onClick(event) {\n          var _interactionProps_onClick;\n          onClick === null || onClick === void 0 ? void 0 : onClick(event);\n          if (event.defaultPrevented) {\n            pendingMouseUpSelectionRef.current = false;\n            clearTimeout(selectTimeoutRef.current);\n            allowSelectRef.current = true;\n            return;\n          }\n          (_interactionProps_onClick = interactionProps.onClick) === null || _interactionProps_onClick === void 0 ? void 0 : _interactionProps_onClick.call(interactionProps, event);\n        },\n        onMouseUp: (0, import_helpers.composeEventHandlers)(onMouseUp, interactionProps.onMouseUp),\n        onMouseMove: (0, import_helpers.composeEventHandlers)(onMouseMove, interactionProps.onMouseMove),\n        onPress\n      };\n    }\n    return {\n      ...restProps,\n      onKeyDown: (0, import_helpers.composeEventHandlers)(restProps.onKeyDown, handleKeyDown),\n      onMouseMove: (0, import_helpers.composeEventHandlers)(restProps.onMouseMove, function(event) {\n        if (disabled || index < 0) return;\n        setActiveIndexFast === null || setActiveIndexFast === void 0 ? void 0 : setActiveIndexFast(index, {\n          reason: \"item-hover\",\n          event: event.nativeEvent || event,\n          trigger: event.currentTarget,\n          index\n        });\n      }),\n      onPress: (0, import_helpers.composeEventHandlers)(restProps.onPress, handleSelect)\n    };\n  }, [\n    allowMouseUpRef,\n    allowSelectRef,\n    disabled,\n    handleKeyDown,\n    handleSelect,\n    index,\n    interactions,\n    restProps,\n    selectTimeoutRef,\n    setActiveIndexFast\n  ]);\n  var accessibilityProps = (0, import_selectionController.getSelectOptionProps)(mode, isSelected, disabled, import_constants.isWeb ? \"web\" : \"native\");\n  var _selectContext_activeIndex;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemContextProvider, {\n    scope,\n    value,\n    textId: textId || \"\",\n    textValue: textValueProp,\n    isSelected,\n    children: shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"option\", {\n      value,\n      disabled,\n      children: props.children\n    }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemFrame, {\n      render: \"div\",\n      ref: composedRefs,\n      \"aria-labelledby\": textId,\n      \"data-state\": isSelected ? \"active\" : \"inactive\",\n      \"data-disabled\": disabled ? \"\" : void 0,\n      tabIndex: disabled ? void 0 : import_constants.isWeb && isAdapted ? index === ((_selectContext_activeIndex = selectContext.activeIndex) !== null && _selectContext_activeIndex !== void 0 ? _selectContext_activeIndex : selectContext.selectedIndex) ? 0 : -1 : -1,\n      zIndex: 100,\n      ...selectItemProps,\n      ...accessibilityProps\n    })\n  });\n}, {\n  disableTheme: true\n});\n//# sourceMappingURL=SelectItem.js.map\n"],"mappings":"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"}
+{"version":3,"file":"SelectItem.native.js","names":[],"sources":["cjs/SelectItem.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SelectItem_exports = {};\n__export(SelectItem_exports, {\n  SelectItem: () => SelectItem,\n  SelectItemContextProvider: () => SelectItemContextProvider,\n  SelectItemFrame: () => SelectItemFrame,\n  useSelectItemContext: () => useSelectItemContext\n});\nmodule.exports = __toCommonJS(SelectItem_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_adapt = require(\"@tamagui/adapt\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_context = require(\"./context\");\nvar import_selectionController = require(\"./selectionController\");\nvar ITEM_NAME = \"SelectItem\";\nvar { Provider: SelectItemContextProvider, useStyledContext: useSelectItemContext } = (0, import_core.createStyledContext)(null, ITEM_NAME);\nvar SelectItemFrame = (0, import_core.styled)(import_core.View, {\n  displayName: ITEM_NAME,\n  alignItems: \"center\",\n  flexDirection: \"row\"\n});\nvar SelectItem = (0, import_core.createStyledHOC)(SelectItemFrame, function SelectItem2(props, forwardedRef) {\n  var { scope, value, disabled: disabledProp, \"aria-disabled\": ariaDisabled, textValue: textValueProp, ...restProps } = props;\n  var disabled = disabledProp !== null && disabledProp !== void 0 ? disabledProp : ariaDisabled === true;\n  var context = (0, import_context.useSelectItemParentContext)(scope);\n  var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);\n  var { registry, mode, selectedValues, selectValue, activeIndexSubscribe, activeIndexRef, allowMouseUpRef, allowSelectRef, selectTimeoutRef, getItemProps, shouldRenderWebNative, setActiveIndex, lastPointerRef, moveActive, search } = context;\n  var isSelected = selectedValues.includes(value);\n  var pendingMouseUpSelectionRef = React.useRef(false);\n  var itemNodeRef = React.useRef(null);\n  var registrationRef = React.useRef(null);\n  var initialRegistration = React.useRef({\n    value,\n    disabled,\n    textValue: textValueProp\n  });\n  (0, import_constants.useIsomorphicLayoutEffect)(function() {\n    var registration = registry.registerItem(initialRegistration.current);\n    registrationRef.current = registration;\n    registration.setNode(itemNodeRef.current);\n    return function() {\n      registrationRef.current = null;\n      registration.unregister();\n    };\n  }, [\n    registry\n  ]);\n  (0, import_constants.useIsomorphicLayoutEffect)(function() {\n    var _registrationRef_current;\n    (_registrationRef_current = registrationRef.current) === null || _registrationRef_current === void 0 ? void 0 : _registrationRef_current.update({\n      value,\n      disabled,\n      textValue: textValueProp\n    });\n  }, [\n    disabled,\n    textValueProp,\n    value\n  ]);\n  (0, import_constants.useIsomorphicLayoutEffect)(function() {\n    var _registrationRef_current;\n    (_registrationRef_current = registrationRef.current) === null || _registrationRef_current === void 0 ? void 0 : _registrationRef_current.setNode(itemNodeRef.current);\n  });\n  var [isActive, setIsActive] = React.useState(false);\n  var isActiveRef = React.useRef(false);\n  React.useEffect(function() {\n    var handleActiveIndex = function(i) {\n      var next = i != null && registry.getIndex(value) === i;\n      if (next !== isActiveRef.current) {\n        isActiveRef.current = next;\n        setIsActive(next);\n      }\n      if (next && import_constants.isWeb) {\n        requestAnimationFrame(function() {\n          var _itemNodeRef_current_focus, _itemNodeRef_current;\n          (_itemNodeRef_current = itemNodeRef.current) === null || _itemNodeRef_current === void 0 ? void 0 : (_itemNodeRef_current_focus = _itemNodeRef_current.focus) === null || _itemNodeRef_current_focus === void 0 ? void 0 : _itemNodeRef_current_focus.call(_itemNodeRef_current);\n        });\n      }\n    };\n    var _activeIndexRef_current;\n    handleActiveIndex((_activeIndexRef_current = activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current) !== null && _activeIndexRef_current !== void 0 ? _activeIndexRef_current : null);\n    return activeIndexSubscribe(handleActiveIndex);\n  }, [\n    activeIndexRef,\n    activeIndexSubscribe,\n    registry,\n    value\n  ]);\n  var textId = React.useId();\n  var refCallback = React.useCallback(function(node) {\n    var _registrationRef_current;\n    itemNodeRef.current = node;\n    (_registrationRef_current = registrationRef.current) === null || _registrationRef_current === void 0 ? void 0 : _registrationRef_current.setNode(node);\n  }, []);\n  var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, refCallback);\n  var handleSelect = React.useCallback(function(event) {\n    var reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"item-press\";\n    if (disabled) return;\n    var nativeEvent = (event === null || event === void 0 ? void 0 : event.nativeEvent) || event;\n    selectValue(value, (0, import_core.createChangeEventDetails)(reason, nativeEvent, event === null || event === void 0 ? void 0 : event.currentTarget));\n  }, [\n    disabled,\n    selectValue,\n    value\n  ]);\n  var handleMouseMove = React.useCallback(function(event) {\n    if (disabled) return;\n    var index = registry.getIndex(value);\n    if (index < 0) return;\n    var last = lastPointerRef.current;\n    if (event.clientX === last.x && event.clientY === last.y) return;\n    last.x = event.clientX;\n    last.y = event.clientY;\n    setActiveIndex(index, {\n      reason: \"item-hover\",\n      event: event.nativeEvent || event,\n      trigger: event.currentTarget,\n      index\n    });\n  }, [\n    disabled,\n    lastPointerRef,\n    registry,\n    setActiveIndex,\n    value\n  ]);\n  var handleKeyDown = React.useCallback(function(event) {\n    var _event_key;\n    if (disabled) return;\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      handleSelect(event, \"keyboard\");\n      return;\n    }\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      event.stopPropagation();\n      moveActive(event.key === \"ArrowDown\" ? 1 : -1, event.nativeEvent || event);\n      return;\n    }\n    if (!getItemProps && ((_event_key = event.key) === null || _event_key === void 0 ? void 0 : _event_key.length) === 1 && !event.metaKey && !event.ctrlKey) {\n      search(event.key, event.nativeEvent || event);\n    }\n    if (allowSelectRef) {\n      allowSelectRef.current = true;\n    }\n  }, [\n    allowSelectRef,\n    disabled,\n    handleSelect,\n    getItemProps,\n    moveActive,\n    search\n  ]);\n  var selectItemProps = React.useMemo(function() {\n    if (getItemProps) {\n      var { onTouchMove, onTouchEnd, onKeyDown, onClick, onMouseUp, onMouseMove, onPress, ...itemProps } = restProps;\n      var interactionProps = getItemProps({\n        ...itemProps,\n        onTouchMove() {\n          allowSelectRef.current = true;\n          allowMouseUpRef.current = false;\n        },\n        onTouchEnd() {\n          allowSelectRef.current = false;\n          allowMouseUpRef.current = true;\n        },\n        onMouseMove: handleMouseMove,\n        onKeyDown: handleKeyDown,\n        onClick(event) {\n          if (disabled) return;\n          var shouldSelect = pendingMouseUpSelectionRef.current || allowSelectRef.current;\n          pendingMouseUpSelectionRef.current = false;\n          clearTimeout(selectTimeoutRef.current);\n          allowSelectRef.current = true;\n          if (shouldSelect) {\n            handleSelect(event);\n          }\n        },\n        onMouseUp(event) {\n          if (disabled) return;\n          if (!allowMouseUpRef.current) {\n            allowMouseUpRef.current = true;\n            allowSelectRef.current = true;\n            return;\n          }\n          pendingMouseUpSelectionRef.current = allowSelectRef.current;\n          clearTimeout(selectTimeoutRef.current);\n          selectTimeoutRef.current = setTimeout(function() {\n            allowSelectRef.current = true;\n            if (pendingMouseUpSelectionRef.current) {\n              pendingMouseUpSelectionRef.current = false;\n              handleSelect(event);\n            }\n          });\n        }\n      });\n      return {\n        ...interactionProps,\n        onTouchMove: (0, import_helpers.composeEventHandlers)(onTouchMove, interactionProps.onTouchMove),\n        onTouchEnd: (0, import_helpers.composeEventHandlers)(onTouchEnd, interactionProps.onTouchEnd),\n        onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, interactionProps.onKeyDown),\n        onClick(event) {\n          var _interactionProps_onClick;\n          onClick === null || onClick === void 0 ? void 0 : onClick(event);\n          if (event.defaultPrevented) {\n            pendingMouseUpSelectionRef.current = false;\n            clearTimeout(selectTimeoutRef.current);\n            allowSelectRef.current = true;\n            return;\n          }\n          (_interactionProps_onClick = interactionProps.onClick) === null || _interactionProps_onClick === void 0 ? void 0 : _interactionProps_onClick.call(interactionProps, event);\n        },\n        onMouseUp: (0, import_helpers.composeEventHandlers)(onMouseUp, interactionProps.onMouseUp),\n        onMouseMove: (0, import_helpers.composeEventHandlers)(onMouseMove, interactionProps.onMouseMove),\n        onPress\n      };\n    }\n    return {\n      ...restProps,\n      onKeyDown: (0, import_helpers.composeEventHandlers)(restProps.onKeyDown, handleKeyDown),\n      onMouseMove: (0, import_helpers.composeEventHandlers)(restProps.onMouseMove, handleMouseMove),\n      onPress: (0, import_helpers.composeEventHandlers)(restProps.onPress, handleSelect)\n    };\n  }, [\n    allowMouseUpRef,\n    allowSelectRef,\n    disabled,\n    handleKeyDown,\n    handleMouseMove,\n    handleSelect,\n    getItemProps,\n    restProps,\n    selectTimeoutRef\n  ]);\n  var accessibilityProps = (0, import_selectionController.getSelectOptionProps)(mode, isSelected, disabled, import_constants.isWeb ? \"web\" : \"native\");\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemContextProvider, {\n    scope,\n    value,\n    textId: textId || \"\",\n    textValue: textValueProp,\n    isSelected,\n    children: shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"option\", {\n      value,\n      disabled,\n      children: props.children\n    }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemFrame, {\n      render: \"div\",\n      ref: composedRefs,\n      \"aria-labelledby\": textId,\n      \"data-state\": isSelected ? \"active\" : \"inactive\",\n      \"data-disabled\": disabled ? \"\" : void 0,\n      tabIndex: disabled ? void 0 : import_constants.isWeb && isAdapted && (isActive || (activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current) == null && isSelected) ? 0 : -1,\n      zIndex: 100,\n      ...selectItemProps,\n      ...accessibilityProps\n    })\n  });\n}, {\n  disableTheme: true\n});\n//# sourceMappingURL=SelectItem.js.map\n"],"mappings":"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"}

package/dist/cjs/SelectScrollButton.cjs

@@ -63,7 +63,7 @@ SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
 const SelectScrollButtonImpl = React.memo((0, import_core.createStyledHOC)(SelectScrollButtonFrame, (props, forwardedRef) => {
 	const { scope, dir, partClassName, ...scrollIndicatorProps } = props;
 	const { className, onPointerEnter, onPointerLeave, ...frameProps } = scrollIndicatorProps;
-	const { open, fallback, setScrollTop, setInnerOffset, ...context } = (0, import_context.useSelectContext)(scope);
+	const { open, fallback, updateScrollArrows, setInnerOffset, ...context } = (0, import_context.useSelectContext)(scope);
 	const floatingRef = context.floatingContext?.refs.floating;
 	const statusRef = React.useRef("idle");
 	const isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"];
@@ -92,7 +92,7 @@ const SelectScrollButtonImpl = React.memo((0, import_core.createStyledHOC)(Selec
 		if (fallback) {
 			if (floating.current) {
 				floating.current.scrollTop -= amount;
-				(0, import_react_dom.flushSync)(() => setScrollTop(floating.current?.scrollTop ?? 0));
+				updateScrollArrows();
 			}
 		} else {
 			(0, import_react_dom.flushSync)(() => setInnerOffset((value) => value - amount));

package/dist/cjs/SelectTrigger.cjs

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
 	for (var name in all) __defProp(target, name, {
@@ -17,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SelectTrigger_exports = {};
 __export(SelectTrigger_exports, {
@@ -28,6 +34,7 @@ var import_compose_refs = require("@tamagui/compose-refs");
 var import_constants = require("@tamagui/constants");
 var import_core = require("@tamagui/core");
 var import_helpers = require("@tamagui/helpers");
+var React = __toESM(require("react"), 1);
 var import_context = require("./context.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const SelectTriggerFrame = (0, import_core.styled)(import_core.View, {
@@ -41,19 +48,29 @@ const SelectTrigger = (0, import_core.createStyledHOC)(SelectTriggerFrame, funct
 	const context = (0, import_context.useSelectContext)(scope);
 	const itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
 	const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.floatingContext?.refs.setReference);
+	const pressIsTouch = React.useRef(false);
 	if (itemParentContext.shouldRenderWebNative) return null;
 	const toggleOpen = (event, reason = "trigger-press") => {
 		if (!disabled) itemParentContext.requestOpenChange(!context.open, (0, import_core.createChangeEventDetails)(reason, event?.nativeEvent || event, event?.currentTarget));
 	};
-	const interactionProps = itemParentContext.interactions ? itemParentContext.interactions.getReferenceProps({
+	const interactionProps = context.interactions ? context.interactions.getReferenceProps({
 		...triggerProps,
 		onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, () => context.floatingContext?.update?.())
 	}) : {
 		...triggerProps,
-		...import_constants.isWeb ? { onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, (event) => {
-			event.preventDefault();
-			toggleOpen(event);
-		}) } : { onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, toggleOpen) },
+		...import_constants.isWeb ? {
+			onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, (event) => {
+				pressIsTouch.current = event.type === "touchstart";
+				if (pressIsTouch.current) return;
+				event.preventDefault();
+				toggleOpen(event);
+			}),
+			onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, (event) => {
+				if (!pressIsTouch.current) return;
+				pressIsTouch.current = false;
+				toggleOpen(event);
+			})
+		} : { onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, toggleOpen) },
 		onKeyDown: (0, import_helpers.composeEventHandlers)(triggerProps.onKeyDown, (event) => {
 			if (event.key === "Enter" || event.key === " ") {
 				event.preventDefault();

package/dist/cjs/SelectTrigger.native.cjs

@@ -37,7 +37,7 @@ var import_compose_refs = require("@tamagui/compose-refs");
 var import_constants = require("@tamagui/constants");
 var import_core = require("@tamagui/core");
 var import_helpers = require("@tamagui/helpers");
-__toESM(require("react"), 1);
+var React = __toESM(require("react"), 1);
 var import_context = require("./context.native.js");
 var SelectTriggerFrame = (0, import_core.styled)(import_core.View, {
 	displayName: "SelectTrigger",
@@ -51,6 +51,7 @@ var SelectTrigger = (0, import_core.createStyledHOC)(SelectTriggerFrame, functio
 	var context = (0, import_context.useSelectContext)(scope);
 	var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
 	var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
+	var pressIsTouch = React.useRef(false);
 	if (itemParentContext.shouldRenderWebNative) return null;
 	var toggleOpen = function(event) {
 		var reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "trigger-press";
@@ -58,10 +59,19 @@ var SelectTrigger = (0, import_core.createStyledHOC)(SelectTriggerFrame, functio
 	};
 	var interactionProps = {
 		...triggerProps,
-		...import_constants.isWeb ? { onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, function(event) {
-			event.preventDefault();
-			toggleOpen(event);
-		}) } : { onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, toggleOpen) },
+		...import_constants.isWeb ? {
+			onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, function(event) {
+				pressIsTouch.current = event.type === "touchstart";
+				if (pressIsTouch.current) return;
+				event.preventDefault();
+				toggleOpen(event);
+			}),
+			onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, function(event) {
+				if (!pressIsTouch.current) return;
+				pressIsTouch.current = false;
+				toggleOpen(event);
+			})
+		} : { onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, toggleOpen) },
 		onKeyDown: (0, import_helpers.composeEventHandlers)(triggerProps.onKeyDown, function(event) {
 			if (event.key === "Enter" || event.key === " ") {
 				event.preventDefault();

package/dist/cjs/SelectTrigger.native.js

@@ -37,7 +37,7 @@ var import_compose_refs = require("@tamagui/compose-refs");
 var import_constants = require("@tamagui/constants");
 var import_core = require("@tamagui/core");
 var import_helpers = require("@tamagui/helpers");
-__toESM(require("react"), 1);
+var React = __toESM(require("react"), 1);
 var import_context = require("./context.native.js");
 var SelectTriggerFrame = (0, import_core.styled)(import_core.View, {
 	displayName: "SelectTrigger",
@@ -51,6 +51,7 @@ var SelectTrigger = (0, import_core.createStyledHOC)(SelectTriggerFrame, functio
 	var context = (0, import_context.useSelectContext)(scope);
 	var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
 	var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
+	var pressIsTouch = React.useRef(false);
 	if (itemParentContext.shouldRenderWebNative) return null;
 	var toggleOpen = function(event) {
 		var reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "trigger-press";
@@ -58,10 +59,19 @@ var SelectTrigger = (0, import_core.createStyledHOC)(SelectTriggerFrame, functio
 	};
 	var interactionProps = {
 		...triggerProps,
-		...import_constants.isWeb ? { onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, function(event) {
-			event.preventDefault();
-			toggleOpen(event);
-		}) } : { onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, toggleOpen) },
+		...import_constants.isWeb ? {
+			onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, function(event) {
+				pressIsTouch.current = event.type === "touchstart";
+				if (pressIsTouch.current) return;
+				event.preventDefault();
+				toggleOpen(event);
+			}),
+			onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, function(event) {
+				if (!pressIsTouch.current) return;
+				pressIsTouch.current = false;
+				toggleOpen(event);
+			})
+		} : { onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, toggleOpen) },
 		onKeyDown: (0, import_helpers.composeEventHandlers)(triggerProps.onKeyDown, function(event) {
 			if (event.key === "Enter" || event.key === " ") {
 				event.preventDefault();

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.native.js","names":[],"sources":["cjs/SelectTrigger.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n\t// If the importer is in node compatibility mode or this is not an ESM\n\t// file that has been converted to a CommonJS file using a Babel-\n\t// compatible transform (i.e. \"__esModule\" has not been set), then set\n\t// \"default\" to the CommonJS \"module.exports\" for node compatibility.\n\tisNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", {\n\t\tvalue: mod,\n\t\tenumerable: true\n\t}) : target,\n\tmod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SelectTrigger_exports = {};\n__export(SelectTrigger_exports, {\n\tSelectTrigger: () => SelectTrigger,\n\tSelectTriggerFrame: () => SelectTriggerFrame\n});\nmodule.exports = __toCommonJS(SelectTrigger_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers = require(\"@tamagui/helpers\");\n__toESM(require(\"react\"), 1);\nvar import_context = require(\"./context\");\nvar SelectTriggerFrame = (0, import_core.styled)(import_core.View, {\n\tdisplayName: \"SelectTrigger\",\n\talignItems: \"center\",\n\tflexDirection: \"row\",\n\trender: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"button\", { type: \"button\" })\n});\nvar SelectTrigger = (0, import_core.createStyledHOC)(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {\n\tvar _context_floatingContext;\n\tvar { scope, disabled = false, ...triggerProps } = props;\n\tvar context = (0, import_context.useSelectContext)(scope);\n\tvar itemParentContext = (0, import_context.useSelectItemParentContext)(scope);\n\tvar composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);\n\tif (itemParentContext.shouldRenderWebNative) return null;\n\tvar toggleOpen = function(event) {\n\t\tvar reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"trigger-press\";\n\t\tif (!disabled) itemParentContext.requestOpenChange(!context.open, (0, import_core.createChangeEventDetails)(reason, (event === null || event === void 0 ? void 0 : event.nativeEvent) || event, event === null || event === void 0 ? void 0 : event.currentTarget));\n\t};\n\tvar interactionProps = {\n\t\t...triggerProps,\n\t\t...import_constants.isWeb ? { onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, function(event) {\n\t\t\tevent.preventDefault();\n\t\t\ttoggleOpen(event);\n\t\t}) } : { onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, toggleOpen) },\n\t\tonKeyDown: (0, import_helpers.composeEventHandlers)(triggerProps.onKeyDown, function(event) {\n\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleOpen(event, \"keyboard\");\n\t\t\t}\n\t\t})\n\t};\n\treturn /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTriggerFrame, {\n\t\ttype: \"button\",\n\t\tid: itemParentContext.id,\n\t\trole: \"combobox\",\n\t\t\"aria-haspopup\": \"listbox\",\n\t\t\"aria-expanded\": context.open,\n\t\t\"aria-autocomplete\": \"none\",\n\t\taccessibilityRole: import_constants.isWeb ? void 0 : \"button\",\n\t\taccessibilityState: import_constants.isWeb ? void 0 : {\n\t\t\texpanded: context.open,\n\t\t\tdisabled\n\t\t},\n\t\tdir: context.dir,\n\t\tdisabled,\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...interactionProps,\n\t\tref: composedRefs\n\t});\n});\n//# sourceMappingURL=SelectTrigger.js.map\n"],"mappings":"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"}
+{"version":3,"file":"SelectTrigger.native.js","names":[],"sources":["cjs/SelectTrigger.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n\t// If the importer is in node compatibility mode or this is not an ESM\n\t// file that has been converted to a CommonJS file using a Babel-\n\t// compatible transform (i.e. \"__esModule\" has not been set), then set\n\t// \"default\" to the CommonJS \"module.exports\" for node compatibility.\n\tisNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", {\n\t\tvalue: mod,\n\t\tenumerable: true\n\t}) : target,\n\tmod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SelectTrigger_exports = {};\n__export(SelectTrigger_exports, {\n\tSelectTrigger: () => SelectTrigger,\n\tSelectTriggerFrame: () => SelectTriggerFrame\n});\nmodule.exports = __toCommonJS(SelectTrigger_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_context = require(\"./context\");\nvar SelectTriggerFrame = (0, import_core.styled)(import_core.View, {\n\tdisplayName: \"SelectTrigger\",\n\talignItems: \"center\",\n\tflexDirection: \"row\",\n\trender: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"button\", { type: \"button\" })\n});\nvar SelectTrigger = (0, import_core.createStyledHOC)(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {\n\tvar _context_floatingContext;\n\tvar { scope, disabled = false, ...triggerProps } = props;\n\tvar context = (0, import_context.useSelectContext)(scope);\n\tvar itemParentContext = (0, import_context.useSelectItemParentContext)(scope);\n\tvar composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);\n\tvar pressIsTouch = React.useRef(false);\n\tif (itemParentContext.shouldRenderWebNative) return null;\n\tvar toggleOpen = function(event) {\n\t\tvar reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"trigger-press\";\n\t\tif (!disabled) itemParentContext.requestOpenChange(!context.open, (0, import_core.createChangeEventDetails)(reason, (event === null || event === void 0 ? void 0 : event.nativeEvent) || event, event === null || event === void 0 ? void 0 : event.currentTarget));\n\t};\n\tvar interactionProps = {\n\t\t...triggerProps,\n\t\t...import_constants.isWeb ? {\n\t\t\tonMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, function(event) {\n\t\t\t\tpressIsTouch.current = event.type === \"touchstart\";\n\t\t\t\tif (pressIsTouch.current) return;\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleOpen(event);\n\t\t\t}),\n\t\t\tonPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, function(event) {\n\t\t\t\tif (!pressIsTouch.current) return;\n\t\t\t\tpressIsTouch.current = false;\n\t\t\t\ttoggleOpen(event);\n\t\t\t})\n\t\t} : { onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, toggleOpen) },\n\t\tonKeyDown: (0, import_helpers.composeEventHandlers)(triggerProps.onKeyDown, function(event) {\n\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleOpen(event, \"keyboard\");\n\t\t\t}\n\t\t})\n\t};\n\treturn /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTriggerFrame, {\n\t\ttype: \"button\",\n\t\tid: itemParentContext.id,\n\t\trole: \"combobox\",\n\t\t\"aria-haspopup\": \"listbox\",\n\t\t\"aria-expanded\": context.open,\n\t\t\"aria-autocomplete\": \"none\",\n\t\taccessibilityRole: import_constants.isWeb ? void 0 : \"button\",\n\t\taccessibilityState: import_constants.isWeb ? void 0 : {\n\t\t\texpanded: context.open,\n\t\t\tdisabled\n\t\t},\n\t\tdir: context.dir,\n\t\tdisabled,\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...interactionProps,\n\t\tref: composedRefs\n\t});\n});\n//# sourceMappingURL=SelectTrigger.js.map\n"],"mappings":"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"}

package/dist/cjs/SelectViewport.cjs

@@ -37,7 +37,6 @@ var import_constants = require("@tamagui/constants");
 var import_core = require("@tamagui/core");
 var import_portal = require("@tamagui/portal");
 var import_stacks = require("@tamagui/stacks");
-var import_start_transition = require("@tamagui/start-transition");
 var React = __toESM(require("react"), 1);
 var import_constants2 = require("./constants.cjs");
 var import_context = require("./context.cjs");
@@ -55,19 +54,9 @@ const SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, fun
 	const isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
 	const viewportRef = React.useRef(null);
 	const registeredItemCount = itemContext.registry.getItems().length;
-	const [lazyMounted, setLazyMounted] = React.useState(context.lazyMount ? false : true);
-	React.useEffect(() => {
-		if (!context.lazyMount) return;
-		if (!context.open) return;
-		if (lazyMounted) return;
-		(0, import_start_transition.startTransition)(() => {
-			setLazyMounted(true);
-		});
-	}, [
-		context.lazyMount,
-		context.open,
-		lazyMounted
-	]);
+	const hasOpenedRef = React.useRef(!context.lazyMount);
+	if (context.open) hasOpenedRef.current = true;
+	const lazyMounted = hasOpenedRef.current;
 	React.useEffect(() => {
 		if (!import_constants.isWeb || !isAdapted || !context.open) return;
 		const frame = requestAnimationFrame(() => {
@@ -77,7 +66,6 @@ const SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, fun
 		});
 		return () => cancelAnimationFrame(frame);
 	}, [
-		context.activeIndex,
 		context.open,
 		isAdapted,
 		registeredItemCount
@@ -89,11 +77,11 @@ const SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, fun
 		}
 	}, [isAdapted]);
 	React.useEffect(() => {
-		if (context.lazyMount && lazyMounted && context.open && context.update) {
+		if (context.lazyMount && context.open && context.update) {
 			const frame = requestAnimationFrame(context.update);
 			return () => cancelAnimationFrame(frame);
 		}
-	}, [lazyMounted, registeredItemCount]);
+	}, [context.open, registeredItemCount]);
 	if (itemContext.shouldRenderWebNative) {
 		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
 			position: "relative",
@@ -120,23 +108,27 @@ const SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, fun
 			children: content
 		});
 	}
-	if (!itemContext.interactions) {
+	if (!context.interactions) {
 		return null;
 	}
-	const { style, className, ...floatingProps } = itemContext.interactions.getFloatingProps();
+	const floatingProps = context.interactions.getFloatingProps();
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
 		!disableScroll && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { dangerouslySetInnerHTML: { __html: selectViewportCSS } }),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { children: context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
-			"data-select-viewport": "",
-			...import_constants.isWeb && { "data-state": context.open ? "open" : "closed" },
-			...viewportProps,
-			...style,
-			...floatingProps,
-			...(0, import_selectionController.getSelectListboxProps)(itemContext.mode),
-			overflowY: disableScroll ? void 0 : style.overflow ?? "auto",
-			ref: composedRefs,
-			children: lazyMounted ? children : null
-		}, "select-viewport") : null }),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
+			presenceAffectsLayout: false,
+			children: context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
+				"data-select-viewport": "",
+				...import_constants.isWeb && { "data-state": context.open ? "open" : "closed" },
+				...viewportProps,
+				...context.floatingPosition,
+				outlineWidth: 0,
+				...floatingProps,
+				...(0, import_selectionController.getSelectListboxProps)(itemContext.mode),
+				overflowY: disableScroll ? void 0 : "auto",
+				ref: composedRefs,
+				children: lazyMounted ? children : null
+			}, "select-viewport") : null
+		}),
 		!context.open && !(context.lazyMount && context.renderValue) && lazyMounted && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			style: { display: "none" },
 			children