@tamagui/select 2.7.7 → 3.0.0-beta.1093.1

package/dist/jsx/SelectItem.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useComposedRefs","isWeb","useIsomorphicLayoutEffect","createStyledContext","ListItem","React","useSelectItemParentContext","jsx","ITEM_NAME","Provider","SelectItemContextProvider","useStyledContext","useSelectItemContext","SelectItem","Frame","styleable","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","current","focus","currentActiveIndex","val","textId","useId","refCallback","useCallback","node","HTMLElement","composedRefs","handleSelect","selectItemProps","useMemo","getItemProps","onTouchMove","onTouchEnd","onKeyDown","event","key","typing","preventDefault","stopPropagation","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.js","names":[],"sources":["jsx/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/jsx/SelectItem.native.cjs

@@ -0,0 +1,288 @@
+"use strict";
+
+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, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	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 SelectItem_exports = {};
+__export(SelectItem_exports, {
+	SelectItem: () => SelectItem,
+	SelectItemContextProvider: () => SelectItemContextProvider,
+	SelectItemFrame: () => SelectItemFrame,
+	useSelectItemContext: () => useSelectItemContext
+});
+module.exports = __toCommonJS(SelectItem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_adapt = require("@tamagui/adapt");
+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.native.js");
+var import_selectionController = require("./selectionController.native.js");
+var ITEM_NAME = "SelectItem";
+var { Provider: SelectItemContextProvider, useStyledContext: useSelectItemContext } = (0, import_core.createStyledContext)(null, ITEM_NAME);
+var SelectItemFrame = (0, import_core.styled)(import_core.View, {
+	displayName: ITEM_NAME,
+	alignItems: "center",
+	flexDirection: "row"
+});
+var SelectItem = (0, import_core.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 = (0, import_context.useSelectItemParentContext)(scope);
+	var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
+	var { registry, mode, selectedValues, selectValue, activeIndexSubscribe, activeIndexRef, allowMouseUpRef, allowSelectRef, selectTimeoutRef, getItemProps, shouldRenderWebNative, setActiveIndex, lastPointerRef, moveActive, search } = context;
+	var isSelected = selectedValues.includes(value);
+	var pendingMouseUpSelectionRef = React.useRef(false);
+	var itemNodeRef = React.useRef(null);
+	var registrationRef = React.useRef(null);
+	var initialRegistration = React.useRef({
+		value,
+		disabled,
+		textValue: textValueProp
+	});
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		var registration = registry.registerItem(initialRegistration.current);
+		registrationRef.current = registration;
+		registration.setNode(itemNodeRef.current);
+		return function() {
+			registrationRef.current = null;
+			registration.unregister();
+		};
+	}, [registry]);
+	(0, import_constants.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
+	]);
+	(0, import_constants.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 && import_constants.isWeb) {
+				requestAnimationFrame(function() {
+					var _itemNodeRef_current_focus, _itemNodeRef_current;
+					(_itemNodeRef_current = itemNodeRef.current) === null || _itemNodeRef_current === void 0 ? void 0 : (_itemNodeRef_current_focus = _itemNodeRef_current.focus) === null || _itemNodeRef_current_focus === void 0 ? void 0 : _itemNodeRef_current_focus.call(_itemNodeRef_current);
+				});
+			}
+		};
+		var _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 = (0, import_compose_refs.useComposedRefs)(forwardedRef, refCallback);
+	var handleSelect = React.useCallback(function(event) {
+		var reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "item-press";
+		if (disabled) return;
+		var nativeEvent = (event === null || event === void 0 ? void 0 : event.nativeEvent) || event;
+		selectValue(value, (0, import_core.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: (0, import_helpers.composeEventHandlers)(onTouchMove, interactionProps.onTouchMove),
+				onTouchEnd: (0, import_helpers.composeEventHandlers)(onTouchEnd, interactionProps.onTouchEnd),
+				onKeyDown: (0, import_helpers.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: (0, import_helpers.composeEventHandlers)(onMouseUp, interactionProps.onMouseUp),
+				onMouseMove: (0, import_helpers.composeEventHandlers)(onMouseMove, interactionProps.onMouseMove),
+				onPress
+			};
+		}
+		return {
+			...restProps,
+			onKeyDown: (0, import_helpers.composeEventHandlers)(restProps.onKeyDown, handleKeyDown),
+			onMouseMove: (0, import_helpers.composeEventHandlers)(restProps.onMouseMove, handleMouseMove),
+			onPress: (0, import_helpers.composeEventHandlers)(restProps.onPress, handleSelect)
+		};
+	}, [
+		allowMouseUpRef,
+		allowSelectRef,
+		disabled,
+		handleKeyDown,
+		handleMouseMove,
+		handleSelect,
+		getItemProps,
+		restProps,
+		selectTimeoutRef
+	]);
+	var accessibilityProps = (0, import_selectionController.getSelectOptionProps)(mode, isSelected, disabled, import_constants.isWeb ? "web" : "native");
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemContextProvider, {
+		scope,
+		value,
+		textId: textId || "",
+		textValue: textValueProp,
+		isSelected,
+		children: shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+			value,
+			disabled,
+			children: props.children
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemFrame, {
+			render: "div",
+			ref: composedRefs,
+			"aria-labelledby": textId,
+			"data-state": isSelected ? "active" : "inactive",
+			"data-disabled": disabled ? "" : void 0,
+			tabIndex: disabled ? void 0 : import_constants.isWeb && isAdapted && (isActive || (activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current) == null && isSelected) ? 0 : -1,
+			zIndex: 100,
+			...selectItemProps,
+			...accessibilityProps
+		})
+	});
+}, { disableTheme: true });