@tamagui/select 2.7.7 → 3.0.0-beta.1091.1

package/dist/esm/SelectItem.native.js

@@ -1,198 +1,256 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@tamagui/compose-refs";
+import { useAdaptIsActive } from "@tamagui/adapt";
 import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { createStyledContext } from "@tamagui/core";
-import { ListItem } from "@tamagui/list-item";
+import { View, createChangeEventDetails, createStyledContext, createStyledHOC, styled } from "@tamagui/core";
+import { composeEventHandlers } from "@tamagui/helpers";
 import * as React from "react";
 import { useSelectItemParentContext } from "./context.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;
-  }
-}
+import { getSelectOptionProps } from "./selectionController.native.js";
+
 var ITEM_NAME = "SelectItem";
-var {
-  Provider: SelectItemContextProvider,
-  useStyledContext: useSelectItemContext
-} = createStyledContext(null, ITEM_NAME);
-var SelectItem = ListItem.Frame.styleable(function SelectItem2(props, forwardedRef) {
-  var {
-    scope,
-    value,
-    disabled = false,
-    textValue: textValueProp,
-    index,
-    ...restProps
-  } = props;
-  var context = useSelectItemParentContext(scope);
-  var {
-    setSelectedIndex,
-    listRef,
-    setOpen,
-    onChange,
-    activeIndexSubscribe,
-    activeIndexRef,
-    valueSubscribe,
-    allowMouseUpRef,
-    allowSelectRef,
-    setValueAtIndex,
-    selectTimeoutRef,
-    dataRef,
-    interactions,
-    shouldRenderWebNative,
-    size,
-    onActiveChange,
-    initialValue,
-    setActiveIndexFast
-  } = context;
-  var [isSelected, setSelected] = React.useState(initialValue === value);
-  useIsomorphicLayoutEffect(function () {
-    if (initialValue === value) {
-      setSelectedIndex(index);
-    }
-  }, []);
-  React.useEffect(function () {
-    var handleActiveIndex = function (i) {
-      if (index === i) {
-        onActiveChange(value, index);
-        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 currentActiveIndex = activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current;
-    if (currentActiveIndex !== null && currentActiveIndex !== void 0) {
-      handleActiveIndex(currentActiveIndex);
-    }
-    return activeIndexSubscribe(handleActiveIndex);
-  }, [index]);
-  React.useEffect(function () {
-    return valueSubscribe(function (val) {
-      setSelected(val === value);
-    });
-  }, [value]);
-  var textId = React.useId();
-  var refCallback = React.useCallback(function (node) {
-    if (!isWeb) return;
-    if (_instanceof(node, HTMLElement)) {
-      if (listRef) {
-        listRef.current[index] = node;
-      }
-    }
-  }, [index, listRef]);
-  var composedRefs = useComposedRefs(forwardedRef, refCallback);
-  useIsomorphicLayoutEffect(function () {
-    setValueAtIndex(index, value);
-  }, [index, setValueAtIndex, value]);
-  function handleSelect() {
-    setSelectedIndex(index);
-    onChange(value);
-    setOpen(false);
-  }
-  var selectItemProps = React.useMemo(function () {
-    return interactions ? interactions.getItemProps({
-      onTouchMove() {
-        allowSelectRef.current = true;
-        allowMouseUpRef.current = false;
-      },
-      onTouchEnd() {
-        allowSelectRef.current = false;
-        allowMouseUpRef.current = true;
-      },
-      onKeyDown(event) {
-        if (event.key === "Enter" || event.key === " " && !(dataRef === null || dataRef === void 0 ? void 0 : dataRef.current.typing)) {
-          event.preventDefault();
-          handleSelect();
-        } else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-          event.preventDefault();
-          event.stopPropagation();
-          var _listRef_current_length;
-          var itemCount = (_listRef_current_length = listRef === null || listRef === void 0 ? void 0 : listRef.current.length) !== null && _listRef_current_length !== void 0 ? _listRef_current_length : 0;
-          if (itemCount === 0) return;
-          var nextIndex;
-          if (event.key === "ArrowDown") {
-            nextIndex = index + 1 >= itemCount ? 0 : index + 1;
-          } else {
-            nextIndex = index - 1 < 0 ? itemCount - 1 : index - 1;
-          }
-          setActiveIndexFast === null || setActiveIndexFast === void 0 ? void 0 : setActiveIndexFast(nextIndex);
-        } else {
-          allowSelectRef.current = true;
-        }
-      },
-      onClick() {
-        if (allowSelectRef.current) {
-          handleSelect();
-        }
-      },
-      onMouseUp() {
-        if (!allowMouseUpRef.current) {
-          allowMouseUpRef.current = true;
-          allowSelectRef.current = true;
-          return;
-        }
-        if (allowSelectRef.current) {
-          handleSelect();
-        }
-        clearTimeout(selectTimeoutRef.current);
-        selectTimeoutRef.current = setTimeout(function () {
-          allowSelectRef.current = true;
-        });
-      }
-    }) : {
-      onPress: handleSelect
-    };
-  }, [handleSelect, index, listRef, setActiveIndexFast]);
-  return /* @__PURE__ */_jsx(SelectItemContextProvider, {
-    scope,
-    value,
-    textId: textId || "",
-    isSelected,
-    children: shouldRenderWebNative ? /* @__PURE__ */_jsx("option", {
-      value,
-      children: props.children
-    }) : /* @__PURE__ */_jsx(ListItem.Frame, {
-      render: "div",
-      componentName: ITEM_NAME,
-      ref: composedRefs,
-      role: "option",
-      "aria-labelledby": textId,
-      "aria-selected": isSelected,
-      "data-state": isSelected ? "active" : "inactive",
-      "aria-disabled": disabled || void 0,
-      "data-disabled": disabled ? "" : void 0,
-      tabIndex: disabled ? void 0 : -1,
-      ...(!props.unstyled && {
-        cursor: "default",
-        size,
-        outlineOffset: -0.5,
-        zIndex: 100,
-        hoverStyle: {
-          backgroundColor: "$backgroundHover"
-        },
-        pressStyle: {
-          backgroundColor: "$backgroundPress"
-        },
-        focusStyle: {
-          backgroundColor: "$backgroundFocus"
-        },
-        focusVisibleStyle: {
-          outlineColor: "$outlineColor",
-          outlineWidth: 1,
-          outlineStyle: "solid"
-        }
-      }),
-      ...restProps,
-      ...selectItemProps
-    })
-  });
-}, {
-  disableTheme: true
+var { Provider: SelectItemContextProvider, useStyledContext: useSelectItemContext } = createStyledContext(null, ITEM_NAME);
+var SelectItemFrame = styled(View, {
+	displayName: ITEM_NAME,
+	alignItems: "center",
+	flexDirection: "row"
 });
-export { SelectItem, SelectItemContextProvider, useSelectItemContext };
+var SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props, forwardedRef) {
+	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 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 registrationRef = React.useRef(null);
+	var initialRegistration = React.useRef({
+		value,
+		disabled,
+		textValue: textValueProp
+	});
+	useIsomorphicLayoutEffect(function() {
+		var registration = registry.registerItem(initialRegistration.current);
+		registrationRef.current = registration;
+		registration.setNode(itemNodeRef.current);
+		return function() {
+			registrationRef.current = null;
+			registration.unregister();
+		};
+	}, [registry]);
+	useIsomorphicLayoutEffect(function() {
+		var _registrationRef_current;
+		(_registrationRef_current = registrationRef.current) === null || _registrationRef_current === void 0 ? void 0 : _registrationRef_current.update({
+			value,
+			disabled,
+			textValue: textValueProp
+		});
+	}, [
+		disabled,
+		textValueProp,
+		value
+	]);
+	useIsomorphicLayoutEffect(function() {
+		var _registrationRef_current;
+		(_registrationRef_current = registrationRef.current) === null || _registrationRef_current === void 0 ? void 0 : _registrationRef_current.setNode(itemNodeRef.current);
+	});
+	var [isActive, setIsActive] = React.useState(false);
+	var isActiveRef = React.useRef(false);
+	React.useEffect(function() {
+		var handleActiveIndex = function(i) {
+			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 _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,
+		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);
+	}, []);
+	var composedRefs = useComposedRefs(forwardedRef, refCallback);
+	var handleSelect = React.useCallback(function(event) {
+		var reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "item-press";
+		if (disabled) return;
+		var nativeEvent = (event === null || event === void 0 ? void 0 : event.nativeEvent) || event;
+		selectValue(value, createChangeEventDetails(reason, nativeEvent, event === null || event === void 0 ? void 0 : event.currentTarget));
+	}, [
+		disabled,
+		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;
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			handleSelect(event, "keyboard");
+			return;
+		}
+		if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+			event.preventDefault();
+			event.stopPropagation();
+			moveActive(event.key === "ArrowDown" ? 1 : -1, event.nativeEvent || event);
+			return;
+		}
+		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) {
+			allowSelectRef.current = true;
+		}
+	}, [
+		allowSelectRef,
+		disabled,
+		handleSelect,
+		getItemProps,
+		moveActive,
+		search
+	]);
+	var selectItemProps = React.useMemo(function() {
+		if (getItemProps) {
+			var { onTouchMove, onTouchEnd, onKeyDown, onClick, onMouseUp, onMouseMove, onPress, ...itemProps } = restProps;
+			var interactionProps = getItemProps({
+				...itemProps,
+				onTouchMove() {
+					allowSelectRef.current = true;
+					allowMouseUpRef.current = false;
+				},
+				onTouchEnd() {
+					allowSelectRef.current = false;
+					allowMouseUpRef.current = true;
+				},
+				onMouseMove: handleMouseMove,
+				onKeyDown: handleKeyDown,
+				onClick(event) {
+					if (disabled) return;
+					var shouldSelect = pendingMouseUpSelectionRef.current || allowSelectRef.current;
+					pendingMouseUpSelectionRef.current = false;
+					clearTimeout(selectTimeoutRef.current);
+					allowSelectRef.current = true;
+					if (shouldSelect) {
+						handleSelect(event);
+					}
+				},
+				onMouseUp(event) {
+					if (disabled) return;
+					if (!allowMouseUpRef.current) {
+						allowMouseUpRef.current = true;
+						allowSelectRef.current = true;
+						return;
+					}
+					pendingMouseUpSelectionRef.current = allowSelectRef.current;
+					clearTimeout(selectTimeoutRef.current);
+					selectTimeoutRef.current = setTimeout(function() {
+						allowSelectRef.current = true;
+						if (pendingMouseUpSelectionRef.current) {
+							pendingMouseUpSelectionRef.current = false;
+							handleSelect(event);
+						}
+					});
+				}
+			});
+			return {
+				...interactionProps,
+				onTouchMove: composeEventHandlers(onTouchMove, interactionProps.onTouchMove),
+				onTouchEnd: composeEventHandlers(onTouchEnd, interactionProps.onTouchEnd),
+				onKeyDown: composeEventHandlers(onKeyDown, interactionProps.onKeyDown),
+				onClick(event) {
+					var _interactionProps_onClick;
+					onClick === null || onClick === void 0 ? void 0 : onClick(event);
+					if (event.defaultPrevented) {
+						pendingMouseUpSelectionRef.current = false;
+						clearTimeout(selectTimeoutRef.current);
+						allowSelectRef.current = true;
+						return;
+					}
+					(_interactionProps_onClick = interactionProps.onClick) === null || _interactionProps_onClick === void 0 ? void 0 : _interactionProps_onClick.call(interactionProps, event);
+				},
+				onMouseUp: composeEventHandlers(onMouseUp, interactionProps.onMouseUp),
+				onMouseMove: composeEventHandlers(onMouseMove, interactionProps.onMouseMove),
+				onPress
+			};
+		}
+		return {
+			...restProps,
+			onKeyDown: composeEventHandlers(restProps.onKeyDown, handleKeyDown),
+			onMouseMove: composeEventHandlers(restProps.onMouseMove, handleMouseMove),
+			onPress: composeEventHandlers(restProps.onPress, handleSelect)
+		};
+	}, [
+		allowMouseUpRef,
+		allowSelectRef,
+		disabled,
+		handleKeyDown,
+		handleMouseMove,
+		handleSelect,
+		getItemProps,
+		restProps,
+		selectTimeoutRef
+	]);
+	var accessibilityProps = getSelectOptionProps(mode, isSelected, disabled, isWeb ? "web" : "native");
+	return /* @__PURE__ */ jsx(SelectItemContextProvider, {
+		scope,
+		value,
+		textId: textId || "",
+		textValue: textValueProp,
+		isSelected,
+		children: shouldRenderWebNative ? /* @__PURE__ */ jsx("option", {
+			value,
+			disabled,
+			children: props.children
+		}) : /* @__PURE__ */ jsx(SelectItemFrame, {
+			render: "div",
+			ref: composedRefs,
+			"aria-labelledby": textId,
+			"data-state": isSelected ? "active" : "inactive",
+			"data-disabled": disabled ? "" : void 0,
+			tabIndex: disabled ? void 0 : isWeb && isAdapted && (isActive || (activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current) == null && isSelected) ? 0 : -1,
+			zIndex: 100,
+			...selectItemProps,
+			...accessibilityProps
+		})
+	});
+}, { disableTheme: true });
+
+export { SelectItem, SelectItemContextProvider, SelectItemFrame, useSelectItemContext };
 //# sourceMappingURL=SelectItem.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","useComposedRefs","isWeb","useIsomorphicLayoutEffect","createStyledContext","ListItem","React","useSelectItemParentContext","_instanceof","left","right","Symbol","hasInstance","ITEM_NAME","Provider","SelectItemContextProvider","useStyledContext","useSelectItemContext","SelectItem","Frame","styleable","SelectItem2","props","forwardedRef","scope","value","disabled","textValue","textValueProp","index","restProps","context","setSelectedIndex","listRef","setOpen","onChange","activeIndexSubscribe","activeIndexRef","valueSubscribe","allowMouseUpRef","allowSelectRef","setValueAtIndex","selectTimeoutRef","dataRef","interactions","shouldRenderWebNative","size","onActiveChange","initialValue","setActiveIndexFast","isSelected","setSelected","useState","useEffect","handleActiveIndex","i","requestAnimationFrame","_listRef_current_index","current","focus","currentActiveIndex","val","textId","useId","refCallback","useCallback","node","HTMLElement","composedRefs","handleSelect","selectItemProps","useMemo","getItemProps","onTouchMove","onTouchEnd","onKeyDown","event","key","typing","preventDefault","stopPropagation","_listRef_current_length","itemCount","length","nextIndex","onClick","onMouseUp","clearTimeout","setTimeout","onPress","children","render","componentName","ref","role","tabIndex","unstyled","cursor","outlineOffset","zIndex","hoverStyle","backgroundColor","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","disableTheme"],"sources":["../../src/SelectItem.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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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"}

package/dist/esm/SelectItemText.mjs

@@ -1,64 +1,42 @@
 import { useComposedRefs } from "@tamagui/compose-refs";
-import { styled, useIsomorphicLayoutEffect } from "@tamagui/core";
-import { SizableText } from "@tamagui/text";
+import { Text, createStyledHOC, styled, useIsomorphicLayoutEffect } from "@tamagui/core";
 import * as React from "react";
 import { useSelectItemParentContext } from "./context.mjs";
+import { getSelectLabelText } from "./selectionController.mjs";
 import { useSelectItemContext } from "./SelectItem.mjs";
 import { Fragment, jsx } from "react/jsx-runtime";
+
 const ITEM_TEXT_NAME = "SelectItemText";
-const SelectItemTextFrame = styled(SizableText, {
-  name: ITEM_TEXT_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        userSelect: "none",
-        color: "$color",
-        ellipsis: true
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-});
-const SelectItemText = SelectItemTextFrame.styleable(function SelectItemText2(props, forwardedRef) {
-  const {
-    scope,
-    className,
-    ...itemTextProps
-  } = props;
-  const itemParentContext = useSelectItemParentContext(scope);
-  const ref = React.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  const itemContext = useSelectItemContext(scope);
-  const contents = React.useRef(null);
-  contents.current = /* @__PURE__ */jsx(SelectItemTextFrame, {
-    className,
-    size: itemParentContext.size,
-    id: itemContext.textId,
-    ...itemTextProps,
-    ref: composedRefs
-  });
-  useIsomorphicLayoutEffect(() => {
-    if (itemParentContext.initialValue === itemContext.value) {
-      itemParentContext.setSelectedItem(contents.current);
-    }
-  }, []);
-  useIsomorphicLayoutEffect(() => {
-    return itemParentContext.valueSubscribe(val => {
-      if (val === itemContext.value) {
-        itemParentContext.setSelectedItem(contents.current);
-      }
-    });
-  }, [itemContext.value]);
-  if (itemParentContext.shouldRenderWebNative) {
-    return /* @__PURE__ */jsx(Fragment, {
-      children: props.children
-    });
-  }
-  return /* @__PURE__ */jsx(Fragment, {
-    children: contents.current
-  });
+const SelectItemTextFrame = styled(Text, { displayName: ITEM_TEXT_NAME });
+const SelectItemText = createStyledHOC(SelectItemTextFrame, function SelectItemText2(props, forwardedRef) {
+	const { scope, className, ...itemTextProps } = props;
+	const itemParentContext = useSelectItemParentContext(scope);
+	const ref = React.useRef(null);
+	const composedRefs = useComposedRefs(forwardedRef, ref);
+	const itemContext = useSelectItemContext(scope);
+	const contents = React.useRef(null);
+	const label = React.useRef(props.children);
+	label.current = props.children;
+	const labelText = getSelectLabelText(props.children);
+	contents.current = /* @__PURE__ */ jsx(SelectItemTextFrame, {
+		className,
+		id: itemContext.textId,
+		...itemTextProps,
+		ref: composedRefs
+	});
+	useIsomorphicLayoutEffect(() => {
+		return itemParentContext.registry.registerLabel(itemContext.value, label.current, itemContext.textValue);
+	}, [
+		itemContext.textValue,
+		itemContext.value,
+		itemParentContext.registry,
+		labelText
+	]);
+	if (itemParentContext.shouldRenderWebNative) {
+		return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+	}
+	return /* @__PURE__ */ jsx(Fragment, { children: contents.current });
 });
+
 export { ITEM_TEXT_NAME, SelectItemText, SelectItemTextFrame };
 //# sourceMappingURL=SelectItemText.mjs.map

package/dist/esm/SelectItemText.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useComposedRefs","styled","useIsomorphicLayoutEffect","SizableText","React","useSelectItemParentContext","useSelectItemContext","Fragment","jsx","ITEM_TEXT_NAME","SelectItemTextFrame","name","variants","unstyled","false","userSelect","color","ellipsis","defaultVariants","process","env","TAMAGUI_HEADLESS","SelectItemText","styleable","props","forwardedRef","scope","className","itemTextProps","itemParentContext","ref","useRef","composedRefs","itemContext","contents","current","size","id","textId","initialValue","value","setSelectedItem","valueSubscribe","val","shouldRenderWebNative","children"],"sources":["../../src/SelectItemText.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAEhC,SAASC,MAAA,EAAQC,yBAAA,QAAiC;AAClD,SAASC,WAAA,QAAmB;AAC5B,YAAYC,KAAA,MAAW;AAEvB,SAASC,0BAAA,QAAkC;AAC3C,SAASC,oBAAA,QAA4B;AA6C/B,SAwBOC,QAAA,EAxBPC,GAAA;AAtCC,MAAMC,cAAA,GAAiB;AAEvB,MAAMC,mBAAA,GAAsBT,MAAA,CAAOE,WAAA,EAAa;EACrDQ,IAAA,EAAMF,cAAA;EAENG,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,UAAA,EAAY;QACZC,KAAA,EAAO;QACPC,QAAA,EAAU;MACZ;IACF;EACF;EAEAC,eAAA,EAAiB;IACfL,QAAA,EAAUM,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AAMM,MAAMC,cAAA,GAAiBZ,mBAAA,CAAoBa,SAAA,CAChD,SAASD,gBAAeE,KAAA,EAAOC,YAAA,EAAc;EAC3C,MAAM;IAAEC,KAAA;IAAOC,SAAA;IAAW,GAAGC;EAAc,IAAIJ,KAAA;EAG/C,MAAMK,iBAAA,GAAoBxB,0BAAA,CAA2BqB,KAAK;EAC1D,MAAMI,GAAA,GAAM1B,KAAA,CAAM2B,MAAA,CAAkC,IAAI;EACxD,MAAMC,YAAA,GAAehC,eAAA,CAAgByB,YAAA,EAAcK,GAAG;EACtD,MAAMG,WAAA,GAAc3B,oBAAA,CAAqBoB,KAAK;EAC9C,MAAMQ,QAAA,GAAW9B,KAAA,CAAM2B,MAAA,CAAwB,IAAI;EAInDG,QAAA,CAASC,OAAA,GACP,eAAA3B,GAAA,CAACE,mBAAA;IACCiB,SAAA;IACAS,IAAA,EAAMP,iBAAA,CAAkBO,IAAA;IACxBC,EAAA,EAAIJ,WAAA,CAAYK,MAAA;IACf,GAAGV,aAAA;IACJE,GAAA,EAAKE;EAAA,CACP;EAGF9B,yBAAA,CAA0B,MAAM;IAC9B,IAAI2B,iBAAA,CAAkBU,YAAA,KAAiBN,WAAA,CAAYO,KAAA,EAAO;MACxDX,iBAAA,CAAkBY,eAAA,CAAgBP,QAAA,CAASC,OAAO;IACpD;EACF,GAAG,EAAE;EAELjC,yBAAA,CAA0B,MAAM;IAC9B,OAAO2B,iBAAA,CAAkBa,cAAA,CAAgBC,GAAA,IAAQ;MAC/C,IAAIA,GAAA,KAAQV,WAAA,CAAYO,KAAA,EAAO;QAC7BX,iBAAA,CAAkBY,eAAA,CAAgBP,QAAA,CAASC,OAAO;MACpD;IACF,CAAC;EACH,GAAG,CAACF,WAAA,CAAYO,KAAK,CAAC;EAEtB,IAAIX,iBAAA,CAAkBe,qBAAA,EAAuB;IAC3C,OAAO,eAAApC,GAAA,CAAAD,QAAA;MAAGsC,QAAA,EAAArB,KAAA,CAAMqB;IAAA,CAAS;EAC3B;EAEA,OAAO,eAAArC,GAAA,CAAAD,QAAA;IAAGsC,QAAA,EAAAX,QAAA,CAASC;EAAA,CAAQ;AAC7B,CACF","ignoreList":[]}
+{"version":3,"file":"SelectItemText.js","names":[],"sources":["esm/SelectItemText.js"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { createStyledHOC, styled, Text, useIsomorphicLayoutEffect } from \"@tamagui/core\";\nimport * as React from \"react\";\nimport { useSelectItemParentContext } from \"./context\";\nimport { getSelectLabelText } from \"./selectionController\";\nimport { useSelectItemContext } from \"./SelectItem\";\nimport { Fragment, jsx } from \"react/jsx-runtime\";\nconst ITEM_TEXT_NAME = \"SelectItemText\";\nconst SelectItemTextFrame = styled(Text, {\n  displayName: ITEM_TEXT_NAME\n});\nconst SelectItemText = createStyledHOC(\n  SelectItemTextFrame,\n  function SelectItemText2(props, forwardedRef) {\n    const { scope, className, ...itemTextProps } = props;\n    const itemParentContext = useSelectItemParentContext(scope);\n    const ref = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const itemContext = useSelectItemContext(scope);\n    const contents = React.useRef(null);\n    const label = React.useRef(props.children);\n    label.current = props.children;\n    const labelText = getSelectLabelText(props.children);\n    contents.current = /* @__PURE__ */ jsx(\n      SelectItemTextFrame,\n      {\n        className,\n        id: itemContext.textId,\n        ...itemTextProps,\n        ref: composedRefs\n      }\n    );\n    useIsomorphicLayoutEffect(() => {\n      return itemParentContext.registry.registerLabel(\n        itemContext.value,\n        label.current,\n        itemContext.textValue\n      );\n    }, [itemContext.textValue, itemContext.value, itemParentContext.registry, labelText]);\n    if (itemParentContext.shouldRenderWebNative) {\n      return /* @__PURE__ */ jsx(Fragment, { children: props.children });\n    }\n    return /* @__PURE__ */ jsx(Fragment, { children: contents.current });\n  }\n);\nexport {\n  ITEM_TEXT_NAME,\n  SelectItemText,\n  SelectItemTextFrame\n};\n//# sourceMappingURL=SelectItemText.js.map\n"],"mappings":";;;;;;;;;AAOA,MAAM,iBAAiB;AACvB,MAAM,sBAAsB,OAAO,MAAM,EACvC,aAAa,eACf,CAAC;AACD,MAAM,iBAAiB,gBACrB,qBACA,SAAS,gBAAgB,OAAO,cAAc;CAC5C,MAAM,EAAE,OAAO,WAAW,GAAG,kBAAkB;CAC/C,MAAM,oBAAoB,2BAA2B,KAAK;CAC1D,MAAM,MAAM,MAAM,OAAO,IAAI;CAC7B,MAAM,eAAe,gBAAgB,cAAc,GAAG;CACtD,MAAM,cAAc,qBAAqB,KAAK;CAC9C,MAAM,WAAW,MAAM,OAAO,IAAI;CAClC,MAAM,QAAQ,MAAM,OAAO,MAAM,QAAQ;CACzC,MAAM,UAAU,MAAM;CACtB,MAAM,YAAY,mBAAmB,MAAM,QAAQ;CACnD,SAAS,UAA0B,oBACjC,qBACA;EACE;EACA,IAAI,YAAY;EAChB,GAAG;EACH,KAAK;CACP,CACF;CACA,gCAAgC;EAC9B,OAAO,kBAAkB,SAAS,cAChC,YAAY,OACZ,MAAM,SACN,YAAY,SACd;CACF,GAAG;EAAC,YAAY;EAAW,YAAY;EAAO,kBAAkB;EAAU;CAAS,CAAC;CACpF,IAAI,kBAAkB,uBAAuB;EAC3C,OAAuB,oBAAI,UAAU,EAAE,UAAU,MAAM,SAAS,CAAC;CACnE;CACA,OAAuB,oBAAI,UAAU,EAAE,UAAU,SAAS,QAAQ,CAAC;AACrE,CACF"}