@tamagui/select 3.0.0-beta.924.1 → 3.0.1

package/dist/esm/SelectItem.mjs

@@ -4,7 +4,7 @@ import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { View, createChangeEventDetails, createStyledContext, createStyledHOC, styled } from "@tamagui/core";
 import { composeEventHandlers } from "@tamagui/helpers";
 import * as React from "react";
-import { useSelectContext, useSelectItemParentContext } from "./context.mjs";
+import { useSelectItemParentContext } from "./context.mjs";
 import { getSelectOptionProps } from "./selectionController.mjs";
 import { jsx } from "react/jsx-runtime";
 
@@ -19,34 +19,22 @@ const SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props,
 	const { scope, value, disabled: disabledProp, "aria-disabled": ariaDisabled, textValue: textValueProp, ...restProps } = props;
 	const disabled = disabledProp ?? ariaDisabled === true;
 	const context = useSelectItemParentContext(scope);
-	const selectContext = useSelectContext(scope);
-	const isAdapted = useAdaptIsActive(selectContext.adaptScope);
-	const { listRef, registry, mode, selectedValues, selectValue, activeIndexSubscribe, activeIndexRef, allowMouseUpRef, allowSelectRef, selectTimeoutRef, interactions, shouldRenderWebNative, setActiveIndexFast, moveActive, search } = context;
+	const isAdapted = useAdaptIsActive(context.adaptScope);
+	const { registry, mode, selectedValues, selectValue, activeIndexSubscribe, activeIndexRef, allowMouseUpRef, allowSelectRef, selectTimeoutRef, getItemProps, shouldRenderWebNative, setActiveIndex, lastPointerRef, moveActive, search } = context;
 	const isSelected = selectedValues.includes(value);
 	const pendingMouseUpSelectionRef = React.useRef(false);
 	const itemNodeRef = React.useRef(null);
-	const [, rerenderRegistry] = React.useReducer((version) => version + 1, 0);
 	const registrationRef = React.useRef(null);
 	const initialRegistration = React.useRef({
 		value,
 		disabled,
 		textValue: textValueProp
 	});
-	useIsomorphicLayoutEffect(() => registry.subscribe(() => rerenderRegistry()), [registry]);
 	useIsomorphicLayoutEffect(() => {
 		const registration = registry.registerItem(initialRegistration.current);
 		registrationRef.current = registration;
-		const registeredNode = itemNodeRef.current;
-		registration.setNode(registeredNode);
-		const registeredIndex = registry.getItems().findIndex((item) => item.id === registration.id);
-		if (isWeb && listRef && registeredIndex >= 0 && registeredNode instanceof HTMLElement) {
-			listRef.current[registeredIndex] = registeredNode;
-		}
+		registration.setNode(itemNodeRef.current);
 		return () => {
-			const currentIndex = registry.getItems().findIndex((item) => item.id === registration.id);
-			if (listRef && currentIndex >= 0 && listRef.current[currentIndex] === registeredNode) {
-				listRef.current[currentIndex] = null;
-			}
 			registrationRef.current = null;
 			registration.unregister();
 		};
@@ -65,37 +53,34 @@ const SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props,
 	useIsomorphicLayoutEffect(() => {
 		registrationRef.current?.setNode(itemNodeRef.current);
 	});
-	const index = registry.getIndex(value);
+	const [isActive, setIsActive] = React.useState(false);
+	const isActiveRef = React.useRef(false);
 	React.useEffect(() => {
 		const handleActiveIndex = (i) => {
-			if (index === i) {
-				if (isWeb) {
-					requestAnimationFrame(() => {
-						listRef?.current[index]?.focus();
-					});
-				}
+			const next = i != null && registry.getIndex(value) === i;
+			if (next !== isActiveRef.current) {
+				isActiveRef.current = next;
+				setIsActive(next);
+			}
+			if (next && isWeb) {
+				requestAnimationFrame(() => {
+					itemNodeRef.current?.focus?.();
+				});
 			}
 		};
-		const currentActiveIndex = activeIndexRef?.current;
-		if (currentActiveIndex !== null && currentActiveIndex !== void 0) {
-			handleActiveIndex(currentActiveIndex);
-		}
+		handleActiveIndex(activeIndexRef?.current ?? null);
 		return activeIndexSubscribe(handleActiveIndex);
 	}, [
 		activeIndexRef,
 		activeIndexSubscribe,
-		index,
-		listRef
+		registry,
+		value
 	]);
 	const textId = React.useId();
 	const refCallback = React.useCallback((node) => {
 		itemNodeRef.current = node;
 		registrationRef.current?.setNode(node);
-		if (!isWeb) return;
-		if (listRef && index >= 0) {
-			listRef.current[index] = node instanceof HTMLElement ? node : null;
-		}
-	}, [index, listRef]);
+	}, []);
 	const composedRefs = useComposedRefs(forwardedRef, refCallback);
 	const handleSelect = React.useCallback((event, reason = "item-press") => {
 		if (disabled) return;
@@ -106,6 +91,27 @@ const SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props,
 		selectValue,
 		value
 	]);
+	const handleMouseMove = React.useCallback((event) => {
+		if (disabled) return;
+		const index = registry.getIndex(value);
+		if (index < 0) return;
+		const 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
+	]);
 	const handleKeyDown = React.useCallback((event) => {
 		if (disabled) return;
 		if (event.key === "Enter" || event.key === " ") {
@@ -119,7 +125,7 @@ const SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props,
 			moveActive(event.key === "ArrowDown" ? 1 : -1, event.nativeEvent || event);
 			return;
 		}
-		if (!interactions && event.key?.length === 1 && !event.metaKey && !event.ctrlKey) {
+		if (!getItemProps && event.key?.length === 1 && !event.metaKey && !event.ctrlKey) {
 			search(event.key, event.nativeEvent || event);
 		}
 		if (allowSelectRef) {
@@ -129,14 +135,14 @@ const SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props,
 		allowSelectRef,
 		disabled,
 		handleSelect,
-		interactions,
+		getItemProps,
 		moveActive,
 		search
 	]);
 	const selectItemProps = React.useMemo(() => {
-		if (interactions) {
+		if (getItemProps) {
 			const { onTouchMove, onTouchEnd, onKeyDown, onClick, onMouseUp, onMouseMove, onPress, ...itemProps } = restProps;
-			const interactionProps = interactions.getItemProps({
+			const interactionProps = getItemProps({
 				...itemProps,
 				onTouchMove() {
 					allowSelectRef.current = true;
@@ -146,15 +152,7 @@ const SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props,
 					allowSelectRef.current = false;
 					allowMouseUpRef.current = true;
 				},
-				onMouseMove(event) {
-					if (disabled || index < 0) return;
-					setActiveIndexFast?.(index, {
-						reason: "item-hover",
-						event: event.nativeEvent || event,
-						trigger: event.currentTarget,
-						index
-					});
-				},
+				onMouseMove: handleMouseMove,
 				onKeyDown: handleKeyDown,
 				onClick(event) {
 					if (disabled) return;
@@ -207,15 +205,7 @@ const SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props,
 		return {
 			...restProps,
 			onKeyDown: composeEventHandlers(restProps.onKeyDown, handleKeyDown),
-			onMouseMove: composeEventHandlers(restProps.onMouseMove, (event) => {
-				if (disabled || index < 0) return;
-				setActiveIndexFast?.(index, {
-					reason: "item-hover",
-					event: event.nativeEvent || event,
-					trigger: event.currentTarget,
-					index
-				});
-			}),
+			onMouseMove: composeEventHandlers(restProps.onMouseMove, handleMouseMove),
 			onPress: composeEventHandlers(restProps.onPress, handleSelect)
 		};
 	}, [
@@ -223,12 +213,11 @@ const SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props,
 		allowSelectRef,
 		disabled,
 		handleKeyDown,
+		handleMouseMove,
 		handleSelect,
-		index,
-		interactions,
+		getItemProps,
 		restProps,
-		selectTimeoutRef,
-		setActiveIndexFast
+		selectTimeoutRef
 	]);
 	const accessibilityProps = getSelectOptionProps(mode, isSelected, disabled, isWeb ? "web" : "native");
 	return /* @__PURE__ */ jsx(SelectItemContextProvider, {
@@ -247,7 +236,7 @@ const SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props,
 			"aria-labelledby": textId,
 			"data-state": isSelected ? "active" : "inactive",
 			"data-disabled": disabled ? "" : void 0,
-			tabIndex: disabled ? void 0 : isWeb && isAdapted ? index === (selectContext.activeIndex ?? selectContext.selectedIndex) ? 0 : -1 : -1,
+			tabIndex: disabled ? void 0 : isWeb && isAdapted && (isActive || activeIndexRef?.current == null && isSelected) ? 0 : -1,
 			zIndex: 100,
 			...selectItemProps,
 			...accessibilityProps

package/dist/esm/SelectItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","names":[],"sources":["esm/SelectItem.js"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { useAdaptIsActive } from \"@tamagui/adapt\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport {\n  createChangeEventDetails,\n  createStyledHOC,\n  createStyledContext,\n  styled,\n  View\n} from \"@tamagui/core\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport * as React from \"react\";\nimport { useSelectContext, useSelectItemParentContext } from \"./context\";\nimport { getSelectOptionProps } from \"./selectionController\";\nimport { jsx } from \"react/jsx-runtime\";\nconst ITEM_NAME = \"SelectItem\";\nconst {\n  Provider: SelectItemContextProvider,\n  useStyledContext: useSelectItemContext\n} = createStyledContext(null, ITEM_NAME);\nconst SelectItemFrame = styled(View, {\n  displayName: ITEM_NAME,\n  alignItems: \"center\",\n  flexDirection: \"row\"\n});\nconst SelectItem = createStyledHOC(\n  SelectItemFrame,\n  function SelectItem2(props, forwardedRef) {\n    const {\n      scope,\n      value,\n      disabled: disabledProp,\n      \"aria-disabled\": ariaDisabled,\n      textValue: textValueProp,\n      ...restProps\n    } = props;\n    const disabled = disabledProp ?? ariaDisabled === true;\n    const context = useSelectItemParentContext(scope);\n    const selectContext = useSelectContext(scope);\n    const isAdapted = useAdaptIsActive(selectContext.adaptScope);\n    const {\n      listRef,\n      registry,\n      mode,\n      selectedValues,\n      selectValue,\n      activeIndexSubscribe,\n      activeIndexRef,\n      allowMouseUpRef,\n      allowSelectRef,\n      selectTimeoutRef,\n      interactions,\n      shouldRenderWebNative,\n      setActiveIndexFast,\n      moveActive,\n      search\n    } = context;\n    const isSelected = selectedValues.includes(value);\n    const pendingMouseUpSelectionRef = React.useRef(false);\n    const itemNodeRef = React.useRef(null);\n    const [, rerenderRegistry] = React.useReducer((version) => version + 1, 0);\n    const registrationRef = React.useRef(\n      null\n    );\n    const initialRegistration = React.useRef({\n      value,\n      disabled,\n      textValue: textValueProp\n    });\n    useIsomorphicLayoutEffect(\n      () => registry.subscribe(() => rerenderRegistry()),\n      [registry]\n    );\n    useIsomorphicLayoutEffect(() => {\n      const registration = registry.registerItem(initialRegistration.current);\n      registrationRef.current = registration;\n      const registeredNode = itemNodeRef.current;\n      registration.setNode(registeredNode);\n      const registeredIndex = registry.getItems().findIndex((item) => item.id === registration.id);\n      if (isWeb && listRef && registeredIndex >= 0 && registeredNode instanceof HTMLElement) {\n        listRef.current[registeredIndex] = registeredNode;\n      }\n      return () => {\n        const currentIndex = registry.getItems().findIndex((item) => item.id === registration.id);\n        if (listRef && currentIndex >= 0 && listRef.current[currentIndex] === registeredNode) {\n          listRef.current[currentIndex] = null;\n        }\n        registrationRef.current = null;\n        registration.unregister();\n      };\n    }, [registry]);\n    useIsomorphicLayoutEffect(() => {\n      registrationRef.current?.update({ value, disabled, textValue: textValueProp });\n    }, [disabled, textValueProp, value]);\n    useIsomorphicLayoutEffect(() => {\n      registrationRef.current?.setNode(itemNodeRef.current);\n    });\n    const index = registry.getIndex(value);\n    React.useEffect(() => {\n      const handleActiveIndex = (i) => {\n        if (index === i) {\n          if (isWeb) {\n            requestAnimationFrame(() => {\n              listRef?.current[index]?.focus();\n            });\n          }\n        }\n      };\n      const currentActiveIndex = activeIndexRef?.current;\n      if (currentActiveIndex !== null && currentActiveIndex !== void 0) {\n        handleActiveIndex(currentActiveIndex);\n      }\n      return activeIndexSubscribe(handleActiveIndex);\n    }, [activeIndexRef, activeIndexSubscribe, index, listRef]);\n    const textId = React.useId();\n    const refCallback = React.useCallback(\n      (node) => {\n        itemNodeRef.current = node;\n        registrationRef.current?.setNode(node);\n        if (!isWeb) return;\n        if (listRef && index >= 0) {\n          listRef.current[index] = node instanceof HTMLElement ? node : null;\n        }\n      },\n      [index, listRef]\n    );\n    const composedRefs = useComposedRefs(forwardedRef, refCallback);\n    const handleSelect = React.useCallback(\n      (event, reason = \"item-press\") => {\n        if (disabled) return;\n        const nativeEvent = event?.nativeEvent || event;\n        selectValue(\n          value,\n          createChangeEventDetails(\n            reason,\n            nativeEvent,\n            event?.currentTarget\n          )\n        );\n      },\n      [disabled, selectValue, value]\n    );\n    const handleKeyDown = React.useCallback(\n      (event) => {\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?.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, disabled, handleSelect, interactions, moveActive, search]\n    );\n    const selectItemProps = React.useMemo(() => {\n      if (interactions) {\n        const {\n          onTouchMove,\n          onTouchEnd,\n          onKeyDown,\n          onClick,\n          onMouseUp,\n          onMouseMove,\n          onPress,\n          ...itemProps\n        } = restProps;\n        const 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?.(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            const 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(() => {\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: composeEventHandlers(\n            onTouchMove,\n            interactionProps.onTouchMove\n          ),\n          onTouchEnd: composeEventHandlers(\n            onTouchEnd,\n            interactionProps.onTouchEnd\n          ),\n          onKeyDown: composeEventHandlers(onKeyDown, interactionProps.onKeyDown),\n          onClick(event) {\n            onClick?.(event);\n            if (event.defaultPrevented) {\n              pendingMouseUpSelectionRef.current = false;\n              clearTimeout(selectTimeoutRef.current);\n              allowSelectRef.current = true;\n              return;\n            }\n            interactionProps.onClick?.(event);\n          },\n          onMouseUp: composeEventHandlers(onMouseUp, interactionProps.onMouseUp),\n          onMouseMove: composeEventHandlers(\n            onMouseMove,\n            interactionProps.onMouseMove\n          ),\n          onPress\n        };\n      }\n      return {\n        ...restProps,\n        onKeyDown: composeEventHandlers(restProps.onKeyDown, handleKeyDown),\n        onMouseMove: composeEventHandlers(restProps.onMouseMove, (event) => {\n          if (disabled || index < 0) return;\n          setActiveIndexFast?.(index, {\n            reason: \"item-hover\",\n            event: event.nativeEvent || event,\n            trigger: event.currentTarget,\n            index\n          });\n        }),\n        onPress: 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    const accessibilityProps = getSelectOptionProps(\n      mode,\n      isSelected,\n      disabled,\n      isWeb ? \"web\" : \"native\"\n    );\n    return /* @__PURE__ */ jsx(\n      SelectItemContextProvider,\n      {\n        scope,\n        value,\n        textId: textId || \"\",\n        textValue: textValueProp,\n        isSelected,\n        children: shouldRenderWebNative ? /* @__PURE__ */ jsx(\"option\", { value, disabled, children: props.children }) : /* @__PURE__ */ jsx(\n          SelectItemFrame,\n          {\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 : isWeb && isAdapted ? index === (selectContext.activeIndex ?? selectContext.selectedIndex) ? 0 : -1 : -1,\n            zIndex: 100,\n            ...selectItemProps,\n            ...accessibilityProps\n          }\n        )\n      }\n    );\n  },\n  {\n    disableTheme: true\n  }\n);\nexport {\n  SelectItem,\n  SelectItemContextProvider,\n  SelectItemFrame,\n  useSelectItemContext\n};\n//# sourceMappingURL=SelectItem.js.map\n"],"mappings":"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"}
+{"version":3,"file":"SelectItem.js","names":[],"sources":["esm/SelectItem.js"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { useAdaptIsActive } from \"@tamagui/adapt\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport {\n  createChangeEventDetails,\n  createStyledHOC,\n  createStyledContext,\n  styled,\n  View\n} from \"@tamagui/core\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport * as React from \"react\";\nimport { useSelectItemParentContext } from \"./context\";\nimport { getSelectOptionProps } from \"./selectionController\";\nimport { jsx } from \"react/jsx-runtime\";\nconst ITEM_NAME = \"SelectItem\";\nconst {\n  Provider: SelectItemContextProvider,\n  useStyledContext: useSelectItemContext\n} = createStyledContext(null, ITEM_NAME);\nconst SelectItemFrame = styled(View, {\n  displayName: ITEM_NAME,\n  alignItems: \"center\",\n  flexDirection: \"row\"\n});\nconst SelectItem = createStyledHOC(\n  SelectItemFrame,\n  function SelectItem2(props, forwardedRef) {\n    const {\n      scope,\n      value,\n      disabled: disabledProp,\n      \"aria-disabled\": ariaDisabled,\n      textValue: textValueProp,\n      ...restProps\n    } = props;\n    const disabled = disabledProp ?? ariaDisabled === true;\n    const context = useSelectItemParentContext(scope);\n    const isAdapted = useAdaptIsActive(context.adaptScope);\n    const {\n      registry,\n      mode,\n      selectedValues,\n      selectValue,\n      activeIndexSubscribe,\n      activeIndexRef,\n      allowMouseUpRef,\n      allowSelectRef,\n      selectTimeoutRef,\n      getItemProps,\n      shouldRenderWebNative,\n      setActiveIndex,\n      lastPointerRef,\n      moveActive,\n      search\n    } = context;\n    const isSelected = selectedValues.includes(value);\n    const pendingMouseUpSelectionRef = React.useRef(false);\n    const itemNodeRef = React.useRef(null);\n    const registrationRef = React.useRef(\n      null\n    );\n    const initialRegistration = React.useRef({\n      value,\n      disabled,\n      textValue: textValueProp\n    });\n    useIsomorphicLayoutEffect(() => {\n      const registration = registry.registerItem(initialRegistration.current);\n      registrationRef.current = registration;\n      registration.setNode(itemNodeRef.current);\n      return () => {\n        registrationRef.current = null;\n        registration.unregister();\n      };\n    }, [registry]);\n    useIsomorphicLayoutEffect(() => {\n      registrationRef.current?.update({ value, disabled, textValue: textValueProp });\n    }, [disabled, textValueProp, value]);\n    useIsomorphicLayoutEffect(() => {\n      registrationRef.current?.setNode(itemNodeRef.current);\n    });\n    const [isActive, setIsActive] = React.useState(false);\n    const isActiveRef = React.useRef(false);\n    React.useEffect(() => {\n      const handleActiveIndex = (i) => {\n        const next = i != null && registry.getIndex(value) === i;\n        if (next !== isActiveRef.current) {\n          isActiveRef.current = next;\n          setIsActive(next);\n        }\n        if (next && isWeb) {\n          requestAnimationFrame(() => {\n            itemNodeRef.current?.focus?.();\n          });\n        }\n      };\n      handleActiveIndex(activeIndexRef?.current ?? null);\n      return activeIndexSubscribe(handleActiveIndex);\n    }, [activeIndexRef, activeIndexSubscribe, registry, value]);\n    const textId = React.useId();\n    const refCallback = React.useCallback((node) => {\n      itemNodeRef.current = node;\n      registrationRef.current?.setNode(node);\n    }, []);\n    const composedRefs = useComposedRefs(forwardedRef, refCallback);\n    const handleSelect = React.useCallback(\n      (event, reason = \"item-press\") => {\n        if (disabled) return;\n        const nativeEvent = event?.nativeEvent || event;\n        selectValue(\n          value,\n          createChangeEventDetails(\n            reason,\n            nativeEvent,\n            event?.currentTarget\n          )\n        );\n      },\n      [disabled, selectValue, value]\n    );\n    const handleMouseMove = React.useCallback(\n      (event) => {\n        if (disabled) return;\n        const index = registry.getIndex(value);\n        if (index < 0) return;\n        const 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, lastPointerRef, registry, setActiveIndex, value]\n    );\n    const handleKeyDown = React.useCallback(\n      (event) => {\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?.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, disabled, handleSelect, getItemProps, moveActive, search]\n    );\n    const selectItemProps = React.useMemo(() => {\n      if (getItemProps) {\n        const {\n          onTouchMove,\n          onTouchEnd,\n          onKeyDown,\n          onClick,\n          onMouseUp,\n          onMouseMove,\n          onPress,\n          ...itemProps\n        } = restProps;\n        const 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            const 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(() => {\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: composeEventHandlers(\n            onTouchMove,\n            interactionProps.onTouchMove\n          ),\n          onTouchEnd: composeEventHandlers(\n            onTouchEnd,\n            interactionProps.onTouchEnd\n          ),\n          onKeyDown: composeEventHandlers(onKeyDown, interactionProps.onKeyDown),\n          onClick(event) {\n            onClick?.(event);\n            if (event.defaultPrevented) {\n              pendingMouseUpSelectionRef.current = false;\n              clearTimeout(selectTimeoutRef.current);\n              allowSelectRef.current = true;\n              return;\n            }\n            interactionProps.onClick?.(event);\n          },\n          onMouseUp: composeEventHandlers(onMouseUp, interactionProps.onMouseUp),\n          onMouseMove: composeEventHandlers(\n            onMouseMove,\n            interactionProps.onMouseMove\n          ),\n          onPress\n        };\n      }\n      return {\n        ...restProps,\n        onKeyDown: composeEventHandlers(restProps.onKeyDown, handleKeyDown),\n        onMouseMove: composeEventHandlers(restProps.onMouseMove, handleMouseMove),\n        onPress: 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    const accessibilityProps = getSelectOptionProps(\n      mode,\n      isSelected,\n      disabled,\n      isWeb ? \"web\" : \"native\"\n    );\n    return /* @__PURE__ */ jsx(\n      SelectItemContextProvider,\n      {\n        scope,\n        value,\n        textId: textId || \"\",\n        textValue: textValueProp,\n        isSelected,\n        children: shouldRenderWebNative ? /* @__PURE__ */ jsx(\"option\", { value, disabled, children: props.children }) : /* @__PURE__ */ jsx(\n          SelectItemFrame,\n          {\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 : isWeb && isAdapted && (isActive || activeIndexRef?.current == null && isSelected) ? 0 : -1,\n            zIndex: 100,\n            ...selectItemProps,\n            ...accessibilityProps\n          }\n        )\n      }\n    );\n  },\n  {\n    disableTheme: true\n  }\n);\nexport {\n  SelectItem,\n  SelectItemContextProvider,\n  SelectItemFrame,\n  useSelectItemContext\n};\n//# sourceMappingURL=SelectItem.js.map\n"],"mappings":"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"}

package/dist/esm/SelectItem.native.js

@@ -5,16 +5,9 @@ import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { View, createChangeEventDetails, createStyledContext, createStyledHOC, styled } from "@tamagui/core";
 import { composeEventHandlers } from "@tamagui/helpers";
 import * as React from "react";
-import { useSelectContext, useSelectItemParentContext } from "./context.native.js";
+import { useSelectItemParentContext } from "./context.native.js";
 import { getSelectOptionProps } from "./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 } = createStyledContext(null, ITEM_NAME);
 var SelectItemFrame = styled(View, {
@@ -26,44 +19,22 @@ var SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props, fo
 	var { scope, value, disabled: disabledProp, "aria-disabled": ariaDisabled, textValue: textValueProp, ...restProps } = props;
 	var disabled = disabledProp !== null && disabledProp !== void 0 ? disabledProp : ariaDisabled === true;
 	var context = useSelectItemParentContext(scope);
-	var selectContext = useSelectContext(scope);
-	var isAdapted = useAdaptIsActive(selectContext.adaptScope);
-	var { listRef, registry, mode, selectedValues, selectValue, activeIndexSubscribe, activeIndexRef, allowMouseUpRef, allowSelectRef, selectTimeoutRef, interactions, shouldRenderWebNative, setActiveIndexFast, moveActive, search } = context;
+	var isAdapted = 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
 	});
-	useIsomorphicLayoutEffect(function() {
-		return registry.subscribe(function() {
-			return rerenderRegistry();
-		});
-	}, [registry]);
 	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 (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();
 		};
@@ -84,39 +55,37 @@ var SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props, fo
 		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 (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 && 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 (!isWeb) return;
-		if (listRef && index >= 0) {
-			listRef.current[index] = _instanceof(node, HTMLElement) ? node : null;
-		}
-	}, [index, listRef]);
+	}, []);
 	var composedRefs = useComposedRefs(forwardedRef, refCallback);
 	var handleSelect = React.useCallback(function(event) {
 		var reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "item-press";
@@ -128,6 +97,27 @@ var SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props, fo
 		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;
@@ -142,7 +132,7 @@ var SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props, fo
 			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) {
@@ -152,14 +142,14 @@ var SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props, fo
 		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;
@@ -169,15 +159,7 @@ var SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props, fo
 					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;
@@ -231,15 +213,7 @@ var SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props, fo
 		return {
 			...restProps,
 			onKeyDown: composeEventHandlers(restProps.onKeyDown, handleKeyDown),
-			onMouseMove: 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: composeEventHandlers(restProps.onMouseMove, handleMouseMove),
 			onPress: composeEventHandlers(restProps.onPress, handleSelect)
 		};
 	}, [
@@ -247,15 +221,13 @@ var SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props, fo
 		allowSelectRef,
 		disabled,
 		handleKeyDown,
+		handleMouseMove,
 		handleSelect,
-		index,
-		interactions,
+		getItemProps,
 		restProps,
-		selectTimeoutRef,
-		setActiveIndexFast
+		selectTimeoutRef
 	]);
 	var accessibilityProps = getSelectOptionProps(mode, isSelected, disabled, isWeb ? "web" : "native");
-	var _selectContext_activeIndex;
 	return /* @__PURE__ */ jsx(SelectItemContextProvider, {
 		scope,
 		value,
@@ -272,7 +244,7 @@ var SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props, fo
 			"aria-labelledby": textId,
 			"data-state": isSelected ? "active" : "inactive",
 			"data-disabled": disabled ? "" : void 0,
-			tabIndex: disabled ? void 0 : isWeb && isAdapted ? index === ((_selectContext_activeIndex = selectContext.activeIndex) !== null && _selectContext_activeIndex !== void 0 ? _selectContext_activeIndex : selectContext.selectedIndex) ? 0 : -1 : -1,
+			tabIndex: disabled ? void 0 : isWeb && isAdapted && (isActive || (activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current) == null && isSelected) ? 0 : -1,
 			zIndex: 100,
 			...selectItemProps,
 			...accessibilityProps

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

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.native.js","names":[],"sources":["esm/SelectItem.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { useAdaptIsActive } from \"@tamagui/adapt\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { createChangeEventDetails, createStyledHOC, createStyledContext, styled, View } from \"@tamagui/core\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport * as React from \"react\";\nimport { useSelectContext, useSelectItemParentContext } from \"./context\";\nimport { getSelectOptionProps } from \"./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 } = createStyledContext(null, ITEM_NAME);\nvar SelectItemFrame = styled(View, {\n  displayName: ITEM_NAME,\n  alignItems: \"center\",\n  flexDirection: \"row\"\n});\nvar SelectItem = 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 = useSelectItemParentContext(scope);\n  var selectContext = useSelectContext(scope);\n  var isAdapted = 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  useIsomorphicLayoutEffect(function() {\n    return registry.subscribe(function() {\n      return rerenderRegistry();\n    });\n  }, [\n    registry\n  ]);\n  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 (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  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  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 (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 (!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 = 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, 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: composeEventHandlers(onTouchMove, interactionProps.onTouchMove),\n        onTouchEnd: composeEventHandlers(onTouchEnd, interactionProps.onTouchEnd),\n        onKeyDown: 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: composeEventHandlers(onMouseUp, interactionProps.onMouseUp),\n        onMouseMove: composeEventHandlers(onMouseMove, interactionProps.onMouseMove),\n        onPress\n      };\n    }\n    return {\n      ...restProps,\n      onKeyDown: composeEventHandlers(restProps.onKeyDown, handleKeyDown),\n      onMouseMove: 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: 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 = getSelectOptionProps(mode, isSelected, disabled, isWeb ? \"web\" : \"native\");\n  var _selectContext_activeIndex;\n  return /* @__PURE__ */ _jsx(SelectItemContextProvider, {\n    scope,\n    value,\n    textId: textId || \"\",\n    textValue: textValueProp,\n    isSelected,\n    children: shouldRenderWebNative ? /* @__PURE__ */ _jsx(\"option\", {\n      value,\n      disabled,\n      children: props.children\n    }) : /* @__PURE__ */ _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 : 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});\nexport {\n  SelectItem,\n  SelectItemContextProvider,\n  SelectItemFrame,\n  useSelectItemContext\n};\n//# sourceMappingURL=SelectItem.js.map\n"],"mappings":"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"}
+{"version":3,"file":"SelectItem.native.js","names":[],"sources":["esm/SelectItem.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { useAdaptIsActive } from \"@tamagui/adapt\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { createChangeEventDetails, createStyledHOC, createStyledContext, styled, View } from \"@tamagui/core\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport * as React from \"react\";\nimport { useSelectItemParentContext } from \"./context\";\nimport { getSelectOptionProps } from \"./selectionController\";\nvar ITEM_NAME = \"SelectItem\";\nvar { Provider: SelectItemContextProvider, useStyledContext: useSelectItemContext } = createStyledContext(null, ITEM_NAME);\nvar SelectItemFrame = styled(View, {\n  displayName: ITEM_NAME,\n  alignItems: \"center\",\n  flexDirection: \"row\"\n});\nvar SelectItem = 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 = useSelectItemParentContext(scope);\n  var isAdapted = 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  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  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  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 && 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 = 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, 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: composeEventHandlers(onTouchMove, interactionProps.onTouchMove),\n        onTouchEnd: composeEventHandlers(onTouchEnd, interactionProps.onTouchEnd),\n        onKeyDown: 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: composeEventHandlers(onMouseUp, interactionProps.onMouseUp),\n        onMouseMove: composeEventHandlers(onMouseMove, interactionProps.onMouseMove),\n        onPress\n      };\n    }\n    return {\n      ...restProps,\n      onKeyDown: composeEventHandlers(restProps.onKeyDown, handleKeyDown),\n      onMouseMove: composeEventHandlers(restProps.onMouseMove, handleMouseMove),\n      onPress: 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 = getSelectOptionProps(mode, isSelected, disabled, isWeb ? \"web\" : \"native\");\n  return /* @__PURE__ */ _jsx(SelectItemContextProvider, {\n    scope,\n    value,\n    textId: textId || \"\",\n    textValue: textValueProp,\n    isSelected,\n    children: shouldRenderWebNative ? /* @__PURE__ */ _jsx(\"option\", {\n      value,\n      disabled,\n      children: props.children\n    }) : /* @__PURE__ */ _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 : 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});\nexport {\n  SelectItem,\n  SelectItemContextProvider,\n  SelectItemFrame,\n  useSelectItemContext\n};\n//# sourceMappingURL=SelectItem.js.map\n"],"mappings":"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"}