@tamagui/select 3.0.0-beta.924.1 → 3.0.1

package/dist/cjs/SelectItem.native.cjs

@@ -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

@@ -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

@@ -36,7 +36,6 @@ var import_floating = require("@tamagui/floating");
 var import_compose_refs = require("@tamagui/compose-refs");
 var import_helpers = require("@tamagui/helpers");
 var React = __toESM(require("react"), 1);
-var import_react_dom = require("react-dom");
 var import_context = require("./context.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
@@ -63,53 +62,39 @@ 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, ...context } = (0, import_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 arrowRef = dir === "up" ? context.upArrowRef : context.downArrowRef;
 	const { x, y, refs, strategy } = (0, import_floating.useFloatingRaw)({
 		open: open && isVisible,
 		strategy: "fixed",
 		elements: { reference: floatingRef?.current },
 		placement: dir === "up" ? "top" : "bottom",
-		middleware: [(0, import_floating.offset)(({ rects }) => -rects.floating.height)],
-		whileElementsMounted: (...args) => (0, import_floating.autoUpdate)(...args, { animationFrame: true })
+		whileElementsMounted: import_floating.autoUpdate
 	});
 	const setFloatingRef = React.useCallback((node) => {
 		refs.setFloating(node);
-	}, [refs.setFloating]);
+		if (arrowRef) arrowRef.current = node;
+	}, [refs.setFloating, arrowRef]);
 	const composedRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, setFloatingRef);
 	React.useEffect(() => {
 		return () => cancelAnimationFrame(frameRef.current);
-	}, []);
-	if (!isVisible) {
-		return null;
-	}
-	const onScroll = (amount) => {
-		const floating = floatingRef;
-		if (!floating) return;
-		if (fallback) {
-			if (floating.current) {
-				floating.current.scrollTop -= amount;
-				(0, import_react_dom.flushSync)(() => setScrollTop(floating.current?.scrollTop ?? 0));
-			}
-		} else {
-			(0, import_react_dom.flushSync)(() => setInnerOffset((value) => value - amount));
-		}
-	};
+	}, [isVisible]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollButtonFrame, {
 		ref: composedRef,
 		className: `${partClassName} ${className || ""}`.trim(),
 		"aria-hidden": true,
 		...frameProps,
+		visibility: isVisible ? "visible" : "hidden",
+		pointerEvents: isVisible ? "auto" : "none",
 		zIndex: 1e3,
 		position: strategy,
 		left: x || 0,
 		top: y || 0,
 		width: `calc(${(floatingRef?.current?.offsetWidth ?? 0) - 2}px)`,
 		onPointerEnter: (0, import_helpers.composeEventHandlers)(onPointerEnter, () => {
-			statusRef.current = "active";
 			let prevNow = Date.now();
 			function frame() {
 				const element = floatingRef?.current;
@@ -120,7 +105,7 @@ const SelectScrollButtonImpl = React.memo((0, import_core.createStyledHOC)(Selec
 					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));
+					element.scrollTop += dir === "up" ? -Math.min(pixelsToScroll, remainingPixels) : Math.min(pixelsToScroll, remainingPixels);
 					if (scrollRemaining) {
 						frameRef.current = requestAnimationFrame(frame);
 					}
@@ -130,7 +115,6 @@ const SelectScrollButtonImpl = React.memo((0, import_core.createStyledHOC)(Selec
 			frameRef.current = requestAnimationFrame(frame);
 		}),
 		onPointerLeave: (0, import_helpers.composeEventHandlers)(onPointerLeave, () => {
-			statusRef.current = "idle";
 			cancelAnimationFrame(frameRef.current);
 		})
 	});