@tamagui/select 3.0.0-beta.924.1 → 3.0.1

package/dist/cjs/SelectTrigger.cjs

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

package/dist/cjs/SelectTrigger.native.cjs

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

package/dist/cjs/SelectTrigger.native.js

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

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

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

package/dist/cjs/SelectViewport.cjs

@@ -37,7 +37,6 @@ var import_constants = require("@tamagui/constants");
 var import_core = require("@tamagui/core");
 var import_portal = require("@tamagui/portal");
 var import_stacks = require("@tamagui/stacks");
-var import_start_transition = require("@tamagui/start-transition");
 var React = __toESM(require("react"), 1);
 var import_constants2 = require("./constants.cjs");
 var import_context = require("./context.cjs");
@@ -48,6 +47,10 @@ const SelectViewportFrame = (0, import_core.styled)(import_core.View, {
 	position: "relative"
 });
 const needsRepropagation = (0, import_portal.needsPortalRepropagation)();
+const getSheetFrameProps = (props) => {
+	const { className, style, "data-tamagui-hoc-class": _hocClassNames, ...rest } = props;
+	return (0, import_core.splitStyleProps)(rest)[1];
+};
 const SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, function SelectViewport2(props, forwardedRef) {
 	const { scope, children, disableScroll, ...viewportProps } = props;
 	const context = (0, import_context.useSelectContext)(scope);
@@ -55,19 +58,9 @@ const SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, fun
 	const isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
 	const viewportRef = React.useRef(null);
 	const registeredItemCount = itemContext.registry.getItems().length;
-	const [lazyMounted, setLazyMounted] = React.useState(context.lazyMount ? false : true);
-	React.useEffect(() => {
-		if (!context.lazyMount) return;
-		if (!context.open) return;
-		if (lazyMounted) return;
-		(0, import_start_transition.startTransition)(() => {
-			setLazyMounted(true);
-		});
-	}, [
-		context.lazyMount,
-		context.open,
-		lazyMounted
-	]);
+	const hasOpenedRef = React.useRef(!context.lazyMount);
+	if (context.open) hasOpenedRef.current = true;
+	const lazyMounted = hasOpenedRef.current;
 	React.useEffect(() => {
 		if (!import_constants.isWeb || !isAdapted || !context.open) return;
 		const frame = requestAnimationFrame(() => {
@@ -77,7 +70,6 @@ const SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, fun
 		});
 		return () => cancelAnimationFrame(frame);
 	}, [
-		context.activeIndex,
 		context.open,
 		isAdapted,
 		registeredItemCount
@@ -89,11 +81,11 @@ const SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, fun
 		}
 	}, [isAdapted]);
 	React.useEffect(() => {
-		if (context.lazyMount && lazyMounted && context.open && context.update) {
+		if (context.lazyMount && context.open && context.update) {
 			const frame = requestAnimationFrame(context.update);
 			return () => cancelAnimationFrame(frame);
 		}
-	}, [lazyMounted, registeredItemCount]);
+	}, [context.open, registeredItemCount]);
 	if (itemContext.shouldRenderWebNative) {
 		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
 			position: "relative",
@@ -101,8 +93,9 @@ const SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, fun
 		});
 	}
 	if (isAdapted || !import_constants.isWeb) {
+		const frameProps = isAdapted ? getSheetFrameProps(viewportProps) : viewportProps;
 		let content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
-			...viewportProps,
+			...frameProps,
 			...import_constants.isWeb ? (0, import_selectionController.getSelectListboxProps)(itemContext.mode) : {},
 			"data-select-viewport": "",
 			ref: composedRefs,
@@ -120,23 +113,27 @@ const SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, fun
 			children: content
 		});
 	}
-	if (!itemContext.interactions) {
+	if (!context.interactions) {
 		return null;
 	}
-	const { style, className, ...floatingProps } = itemContext.interactions.getFloatingProps();
+	const floatingProps = context.interactions.getFloatingProps();
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
 		!disableScroll && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { dangerouslySetInnerHTML: { __html: selectViewportCSS } }),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { children: context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
-			"data-select-viewport": "",
-			...import_constants.isWeb && { "data-state": context.open ? "open" : "closed" },
-			...viewportProps,
-			...style,
-			...floatingProps,
-			...(0, import_selectionController.getSelectListboxProps)(itemContext.mode),
-			overflowY: disableScroll ? void 0 : style.overflow ?? "auto",
-			ref: composedRefs,
-			children: lazyMounted ? children : null
-		}, "select-viewport") : null }),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
+			presenceAffectsLayout: false,
+			children: context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
+				"data-select-viewport": "",
+				...import_constants.isWeb && { "data-state": context.open ? "open" : "closed" },
+				...viewportProps,
+				...context.floatingPosition,
+				outlineWidth: 0,
+				...floatingProps,
+				...(0, import_selectionController.getSelectListboxProps)(itemContext.mode),
+				overflowY: disableScroll ? void 0 : "auto",
+				ref: composedRefs,
+				children: lazyMounted ? children : null
+			}, "select-viewport") : null
+		}),
 		!context.open && !(context.lazyMount && context.renderValue) && lazyMounted && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			style: { display: "none" },
 			children
@@ -147,7 +144,7 @@ const selectViewportCSS = `
 [data-select-viewport] {
   scrollbar-width: none;
   -webkit-overflow-scrolling: touch;
-  overscroll-behavior: contain;
+  overscroll-behavior: none;
 }
 
 [data-select-viewport]::-webkit-scrollbar{

package/dist/cjs/SelectViewport.native.cjs

@@ -40,14 +40,14 @@ var SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, funct
 	var context = (0, import_context.useSelectContext)(scope);
 	var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
 	var themeName = (0, import_core.useThemeName)();
-	var adaptContext = (0, import_adapt.useAdaptContext)();
+	var adaptContext = (0, import_adapt.useAdaptContext)(context.adaptScope);
 	var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
 	var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {
 		name: themeName,
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {
 			itemContext: itemParentContext,
 			context,
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptContext.Provider, {
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.ProvideAdaptContext, {
 				...adaptContext,
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
 					...viewportProps,

package/dist/cjs/SelectViewport.native.js

@@ -40,14 +40,14 @@ var SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, funct
 	var context = (0, import_context.useSelectContext)(scope);
 	var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
 	var themeName = (0, import_core.useThemeName)();
-	var adaptContext = (0, import_adapt.useAdaptContext)();
+	var adaptContext = (0, import_adapt.useAdaptContext)(context.adaptScope);
 	var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
 	var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {
 		name: themeName,
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {
 			itemContext: itemParentContext,
 			context,
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptContext.Provider, {
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.ProvideAdaptContext, {
 				...adaptContext,
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
 					...viewportProps,

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

@@ -1 +1 @@
-{"version":3,"file":"SelectViewport.native.js","names":[],"sources":["cjs/SelectViewport.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SelectViewport_native_exports = {};\n__export(SelectViewport_native_exports, {\n  SelectViewport: () => SelectViewport,\n  SelectViewportFrame: () => SelectViewportFrame\n});\nmodule.exports = __toCommonJS(SelectViewport_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_adapt = require(\"@tamagui/adapt\");\nvar import_core = require(\"@tamagui/core\");\nvar import_constants = require(\"./constants\");\nvar import_context = require(\"./context\");\nvar SelectViewportFrame = (0, import_core.styled)(import_core.View, {\n  displayName: import_constants.VIEWPORT_NAME,\n  position: \"relative\"\n});\nvar SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, function SelectViewport2(props, forwardedRef) {\n  var { scope, children, disableScroll: _disableScroll, ...viewportProps } = props;\n  var context = (0, import_context.useSelectContext)(scope);\n  var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);\n  var themeName = (0, import_core.useThemeName)();\n  var adaptContext = (0, import_adapt.useAdaptContext)();\n  var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);\n  var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {\n    name: themeName,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {\n      itemContext: itemParentContext,\n      context,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptContext.Provider, {\n        ...adaptContext,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {\n          ...viewportProps,\n          ref: forwardedRef,\n          children\n        })\n      })\n    })\n  });\n  if (!context.open) {\n    if (context.lazyMount && context.renderValue) return null;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {\n      display: \"none\",\n      children: contents\n    });\n  }\n  return isAdapted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptPortalContents, {\n    scope: context.adaptScope,\n    children: contents\n  }) : contents;\n});\nSelectViewport.displayName = import_constants.VIEWPORT_NAME;\n//# sourceMappingURL=SelectViewport.native.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gCAAgC,CAAC;AACrC,SAAS,+BAA+B;CACtC,sBAAsB;CACtB,2BAA2B;AAC7B,CAAC;AACD,OAAO,UAAU,aAAa,6BAA6B;AAC3D,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,eAAe,QAAQ,gBAAgB;AAC3C,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,mBAAmB,QAAQ,uBAAa;AAC5C,IAAI,iBAAiB,QAAQ,qBAAW;AACxC,IAAI,uBAAuB,GAAG,YAAY,OAAM,CAAE,YAAY,MAAM;CAClE,aAAa,iBAAiB;CAC9B,UAAU;AACZ,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,gBAAe,CAAE,qBAAqB,SAAS,gBAAgB,OAAO,cAAc;CACvH,IAAI,EAAE,OAAO,UAAU,eAAe,gBAAgB,GAAG,kBAAkB;CAC3E,IAAI,WAAW,GAAG,eAAe,iBAAgB,CAAE,KAAK;CACxD,IAAI,qBAAqB,GAAG,eAAe,2BAA0B,CAAE,KAAK;CAC5E,IAAI,aAAa,GAAG,YAAY,aAAY,CAAE;CAC9C,IAAI,gBAAgB,GAAG,aAAa,gBAAe,CAAE;CACrD,IAAI,aAAa,GAAG,aAAa,iBAAgB,CAAE,QAAQ,UAAU;CACrE,IAAI,WAA2B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,OAAO;EAC5E,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,sBAAsB;GACzF,aAAa;GACb;GACA,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,aAAa,aAAa,UAAU;IACxF,GAAG;IACH,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,qBAAqB;KACzE,GAAG;KACH,KAAK;KACL;IACF,CAAC;GACH,CAAC;EACH,CAAC;CACH,CAAC;CACD,IAAI,CAAC,QAAQ,MAAM;EACjB,IAAI,QAAQ,aAAa,QAAQ,aAAa,OAAO;EACrD,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,qBAAqB;GACtE,SAAS;GACT,UAAU;EACZ,CAAC;CACH;CACA,OAAO,YAA4B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,aAAa,qBAAqB;EAC/F,OAAO,QAAQ;EACf,UAAU;CACZ,CAAC,IAAI;AACP,CAAC;AACD,eAAe,cAAc,iBAAiB"}
+{"version":3,"file":"SelectViewport.native.js","names":[],"sources":["cjs/SelectViewport.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SelectViewport_native_exports = {};\n__export(SelectViewport_native_exports, {\n  SelectViewport: () => SelectViewport,\n  SelectViewportFrame: () => SelectViewportFrame\n});\nmodule.exports = __toCommonJS(SelectViewport_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_adapt = require(\"@tamagui/adapt\");\nvar import_core = require(\"@tamagui/core\");\nvar import_constants = require(\"./constants\");\nvar import_context = require(\"./context\");\nvar SelectViewportFrame = (0, import_core.styled)(import_core.View, {\n  displayName: import_constants.VIEWPORT_NAME,\n  position: \"relative\"\n});\nvar SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, function SelectViewport2(props, forwardedRef) {\n  var { scope, children, disableScroll: _disableScroll, ...viewportProps } = props;\n  var context = (0, import_context.useSelectContext)(scope);\n  var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);\n  var themeName = (0, import_core.useThemeName)();\n  var adaptContext = (0, import_adapt.useAdaptContext)(context.adaptScope);\n  var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);\n  var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {\n    name: themeName,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {\n      itemContext: itemParentContext,\n      context,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.ProvideAdaptContext, {\n        ...adaptContext,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {\n          ...viewportProps,\n          ref: forwardedRef,\n          children\n        })\n      })\n    })\n  });\n  if (!context.open) {\n    if (context.lazyMount && context.renderValue) return null;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {\n      display: \"none\",\n      children: contents\n    });\n  }\n  return isAdapted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptPortalContents, {\n    scope: context.adaptScope,\n    children: contents\n  }) : contents;\n});\nSelectViewport.displayName = import_constants.VIEWPORT_NAME;\n//# sourceMappingURL=SelectViewport.native.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gCAAgC,CAAC;AACrC,SAAS,+BAA+B;CACtC,sBAAsB;CACtB,2BAA2B;AAC7B,CAAC;AACD,OAAO,UAAU,aAAa,6BAA6B;AAC3D,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,eAAe,QAAQ,gBAAgB;AAC3C,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,mBAAmB,QAAQ,uBAAa;AAC5C,IAAI,iBAAiB,QAAQ,qBAAW;AACxC,IAAI,uBAAuB,GAAG,YAAY,OAAM,CAAE,YAAY,MAAM;CAClE,aAAa,iBAAiB;CAC9B,UAAU;AACZ,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,gBAAe,CAAE,qBAAqB,SAAS,gBAAgB,OAAO,cAAc;CACvH,IAAI,EAAE,OAAO,UAAU,eAAe,gBAAgB,GAAG,kBAAkB;CAC3E,IAAI,WAAW,GAAG,eAAe,iBAAgB,CAAE,KAAK;CACxD,IAAI,qBAAqB,GAAG,eAAe,2BAA0B,CAAE,KAAK;CAC5E,IAAI,aAAa,GAAG,YAAY,aAAY,CAAE;CAC9C,IAAI,gBAAgB,GAAG,aAAa,gBAAe,CAAE,QAAQ,UAAU;CACvE,IAAI,aAAa,GAAG,aAAa,iBAAgB,CAAE,QAAQ,UAAU;CACrE,IAAI,WAA2B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,OAAO;EAC5E,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,sBAAsB;GACzF,aAAa;GACb;GACA,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,aAAa,qBAAqB;IACtF,GAAG;IACH,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,qBAAqB;KACzE,GAAG;KACH,KAAK;KACL;IACF,CAAC;GACH,CAAC;EACH,CAAC;CACH,CAAC;CACD,IAAI,CAAC,QAAQ,MAAM;EACjB,IAAI,QAAQ,aAAa,QAAQ,aAAa,OAAO;EACrD,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,qBAAqB;GACtE,SAAS;GACT,UAAU;EACZ,CAAC;CACH;CACA,OAAO,YAA4B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,aAAa,qBAAqB;EAC/F,OAAO,QAAQ;EACf,UAAU;CACZ,CAAC,IAAI;AACP,CAAC;AACD,eAAe,cAAc,iBAAiB"}

package/dist/cjs/selectionController.cjs

@@ -47,13 +47,24 @@ function createSelectItemRegistry(onChange) {
 	const explicitTextValues = /* @__PURE__ */ new Map();
 	const itemNodes = /* @__PURE__ */ new Map();
 	const listeners = /* @__PURE__ */ new Set();
+	let indexByValue = null;
 	const notify = () => {
+		indexByValue = null;
 		onChange?.();
 		listeners.forEach((listener) => listener());
 	};
 	const getItems = () => items;
 	const getItem = (value) => items.find((item) => item.value === value);
-	const getIndex = (value) => items.findIndex((item) => item.value === value);
+	const getIndex = (value) => {
+		if (!indexByValue) {
+			indexByValue = /* @__PURE__ */ new Map();
+			items.forEach((item, index) => {
+				if (!indexByValue.has(item.value)) indexByValue.set(item.value, index);
+			});
+		}
+		return indexByValue.get(value) ?? -1;
+	};
+	const getNodes = () => items.map((item) => itemNodes.get(item.id) ?? null);
 	const getRegisteredLabel = (value) => {
 		const registrations = labelRegistrations.get(value);
 		if (!registrations?.size) return void 0;
@@ -76,7 +87,6 @@ function createSelectItemRegistry(onChange) {
 		if (changed) notify();
 	};
 	const syncNodeOrder = () => {
-		const previousOrder = items.map((item) => item.id);
 		items.sort((a, b) => {
 			const aNode = itemNodes.get(a.id);
 			const bNode = itemNodes.get(b.id);
@@ -88,9 +98,6 @@ function createSelectItemRegistry(onChange) {
 			if (position & 2) return 1;
 			return 0;
 		});
-		if (items.some((item, index) => item.id !== previousOrder[index])) {
-			notify();
-		}
 	};
 	const registerItem = (item) => {
 		const id = Symbol(item.value);
@@ -130,12 +137,14 @@ function createSelectItemRegistry(onChange) {
 				notify();
 			},
 			setNode(node) {
+				if ((itemNodes.get(id) ?? null) === (node ?? null)) return;
 				if (node) {
 					itemNodes.set(id, node);
 					syncNodeOrder();
 				} else {
 					itemNodes.delete(id);
 				}
+				notify();
 			},
 			unregister() {
 				const index = items.findIndex((current) => current.id === id);
@@ -210,6 +219,7 @@ function createSelectItemRegistry(onChange) {
 		getItems,
 		getItem,
 		getIndex,
+		getNodes,
 		firstEnabledIndex,
 		nextEnabledIndex,
 		findTypeaheadIndex,

package/dist/cjs/selectionController.native.cjs

@@ -31,10 +31,6 @@ __export(selectionController_exports, {
 	selectedValuesFromSelection: () => selectedValuesFromSelection
 });
 module.exports = __toCommonJS(selectionController_exports);
-function _type_of(obj) {
-	"@swc/helpers - typeof";
-	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
 function getSelectLabelText(label) {
 	if (typeof label === "string" || typeof label === "number") {
 		return String(label);
@@ -42,7 +38,7 @@ function getSelectLabelText(label) {
 	if (Array.isArray(label)) {
 		return label.map(getSelectLabelText).join("");
 	}
-	if (label && (typeof label === "undefined" ? "undefined" : _type_of(label)) === "object" && "props" in label) {
+	if (label && typeof label === "object" && "props" in label) {
 		var _label_props;
 		return getSelectLabelText((_label_props = label.props) === null || _label_props === void 0 ? void 0 : _label_props.children);
 	}
@@ -54,7 +50,9 @@ function createSelectItemRegistry(onChange) {
 	var explicitTextValues = /* @__PURE__ */ new Map();
 	var itemNodes = /* @__PURE__ */ new Map();
 	var listeners = /* @__PURE__ */ new Set();
+	var indexByValue = null;
 	var notify = function() {
+		indexByValue = null;
 		onChange === null || onChange === void 0 ? void 0 : onChange();
 		listeners.forEach(function(listener) {
 			return listener();
@@ -69,8 +67,19 @@ function createSelectItemRegistry(onChange) {
 		});
 	};
 	var getIndex = function(value) {
-		return items.findIndex(function(item) {
-			return item.value === value;
+		if (!indexByValue) {
+			indexByValue = /* @__PURE__ */ new Map();
+			items.forEach(function(item, index) {
+				if (!indexByValue.has(item.value)) indexByValue.set(item.value, index);
+			});
+		}
+		var _indexByValue_get;
+		return (_indexByValue_get = indexByValue.get(value)) !== null && _indexByValue_get !== void 0 ? _indexByValue_get : -1;
+	};
+	var getNodes = function() {
+		return items.map(function(item) {
+			var _itemNodes_get;
+			return (_itemNodes_get = itemNodes.get(item.id)) !== null && _itemNodes_get !== void 0 ? _itemNodes_get : null;
 		});
 	};
 	var getRegisteredLabel = function(value) {
@@ -112,9 +121,6 @@ function createSelectItemRegistry(onChange) {
 		if (changed) notify();
 	};
 	var syncNodeOrder = function() {
-		var previousOrder = items.map(function(item) {
-			return item.id;
-		});
 		items.sort(function(a, b) {
 			var aNode = itemNodes.get(a.id);
 			var bNode = itemNodes.get(b.id);
@@ -126,11 +132,6 @@ function createSelectItemRegistry(onChange) {
 			if (position & 2) return 1;
 			return 0;
 		});
-		if (items.some(function(item, index) {
-			return item.id !== previousOrder[index];
-		})) {
-			notify();
-		}
 	};
 	var registerItem = function(item) {
 		var id = Symbol(item.value);
@@ -176,12 +177,15 @@ function createSelectItemRegistry(onChange) {
 				notify();
 			},
 			setNode(node) {
+				var _itemNodes_get;
+				if (((_itemNodes_get = itemNodes.get(id)) !== null && _itemNodes_get !== void 0 ? _itemNodes_get : null) === (node !== null && node !== void 0 ? node : null)) return;
 				if (node) {
 					itemNodes.set(id, node);
 					syncNodeOrder();
 				} else {
 					itemNodes.delete(id);
 				}
+				notify();
 			},
 			unregister() {
 				var index = items.findIndex(function(current) {
@@ -264,6 +268,7 @@ function createSelectItemRegistry(onChange) {
 		getItems,
 		getItem,
 		getIndex,
+		getNodes,
 		firstEnabledIndex,
 		nextEnabledIndex,
 		findTypeaheadIndex,

package/dist/cjs/selectionController.native.js

@@ -31,10 +31,6 @@ __export(selectionController_exports, {
 	selectedValuesFromSelection: () => selectedValuesFromSelection
 });
 module.exports = __toCommonJS(selectionController_exports);
-function _type_of(obj) {
-	"@swc/helpers - typeof";
-	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
 function getSelectLabelText(label) {
 	if (typeof label === "string" || typeof label === "number") {
 		return String(label);
@@ -42,7 +38,7 @@ function getSelectLabelText(label) {
 	if (Array.isArray(label)) {
 		return label.map(getSelectLabelText).join("");
 	}
-	if (label && (typeof label === "undefined" ? "undefined" : _type_of(label)) === "object" && "props" in label) {
+	if (label && typeof label === "object" && "props" in label) {
 		var _label_props;
 		return getSelectLabelText((_label_props = label.props) === null || _label_props === void 0 ? void 0 : _label_props.children);
 	}
@@ -54,7 +50,9 @@ function createSelectItemRegistry(onChange) {
 	var explicitTextValues = /* @__PURE__ */ new Map();
 	var itemNodes = /* @__PURE__ */ new Map();
 	var listeners = /* @__PURE__ */ new Set();
+	var indexByValue = null;
 	var notify = function() {
+		indexByValue = null;
 		onChange === null || onChange === void 0 ? void 0 : onChange();
 		listeners.forEach(function(listener) {
 			return listener();
@@ -69,8 +67,19 @@ function createSelectItemRegistry(onChange) {
 		});
 	};
 	var getIndex = function(value) {
-		return items.findIndex(function(item) {
-			return item.value === value;
+		if (!indexByValue) {
+			indexByValue = /* @__PURE__ */ new Map();
+			items.forEach(function(item, index) {
+				if (!indexByValue.has(item.value)) indexByValue.set(item.value, index);
+			});
+		}
+		var _indexByValue_get;
+		return (_indexByValue_get = indexByValue.get(value)) !== null && _indexByValue_get !== void 0 ? _indexByValue_get : -1;
+	};
+	var getNodes = function() {
+		return items.map(function(item) {
+			var _itemNodes_get;
+			return (_itemNodes_get = itemNodes.get(item.id)) !== null && _itemNodes_get !== void 0 ? _itemNodes_get : null;
 		});
 	};
 	var getRegisteredLabel = function(value) {
@@ -112,9 +121,6 @@ function createSelectItemRegistry(onChange) {
 		if (changed) notify();
 	};
 	var syncNodeOrder = function() {
-		var previousOrder = items.map(function(item) {
-			return item.id;
-		});
 		items.sort(function(a, b) {
 			var aNode = itemNodes.get(a.id);
 			var bNode = itemNodes.get(b.id);
@@ -126,11 +132,6 @@ function createSelectItemRegistry(onChange) {
 			if (position & 2) return 1;
 			return 0;
 		});
-		if (items.some(function(item, index) {
-			return item.id !== previousOrder[index];
-		})) {
-			notify();
-		}
 	};
 	var registerItem = function(item) {
 		var id = Symbol(item.value);
@@ -176,12 +177,15 @@ function createSelectItemRegistry(onChange) {
 				notify();
 			},
 			setNode(node) {
+				var _itemNodes_get;
+				if (((_itemNodes_get = itemNodes.get(id)) !== null && _itemNodes_get !== void 0 ? _itemNodes_get : null) === (node !== null && node !== void 0 ? node : null)) return;
 				if (node) {
 					itemNodes.set(id, node);
 					syncNodeOrder();
 				} else {
 					itemNodes.delete(id);
 				}
+				notify();
 			},
 			unregister() {
 				var index = items.findIndex(function(current) {
@@ -264,6 +268,7 @@ function createSelectItemRegistry(onChange) {
 		getItems,
 		getItem,
 		getIndex,
+		getNodes,
 		firstEnabledIndex,
 		nextEnabledIndex,
 		findTypeaheadIndex,