@tamagui/select 2.7.7 → 3.0.0-beta.643.1

package/dist/jsx/SelectImpl.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["autoUpdate","inner","offset","size","useClick","useFloatingRaw","useInnerOffset","useInteractions","useListNavigation","useRole","useTypeahead","useIsomorphicLayoutEffect","useEvent","useIsTouchDevice","React","flushSync","SCROLL_ARROW_THRESHOLD","SelectItemParentProvider","SelectProvider","useSelectContext","useSelectItemParentContext","jsx","SelectInlineImpl","props","scope","children","open","listContentRef","setActiveIndexFast","selectContext","selectItemParentContext","setActiveIndex","selectedIndex","activeIndexRef","setOpen","setSelectedIndex","scrollTop","setScrollTop","useState","touch","listItemsRef","useRef","overflowRef","upArrowRef","downArrowRef","allowSelectRef","allowMouseUpRef","selectTimeoutRef","state","isMouseOutside","isTyping","controlledScrolling","setControlledScrolling","fallback","setFallback","innerOffset","setInnerOffset","blockSelection","setBlockSelection","floatingStyle","useEffect","mouseUp","e","current","document","addEventListener","removeEventListener","x","y","strategy","refs","update","placement","computedPlacement","whileElementsMounted","middleware","apply","rects","reference","width","Object","assign","minWidth","floating","style","listRef","index","onFallbackChange","padding","minItemsVisible","referenceOverflowThreshold","crossAxis","floatingRef","showUpArrow","showDownArrow","scrollHeight","clientHeight","isScrollable","window","onMatch","dataRef","interactionContext","onOpenChange","val","domReference","elements","interactionsProps","event","keyboardHandlers","role","enabled","onChange","scrollRef","activeIndex","onNavigate","scrollItemIntoView","onTypingChange","interactions","useMemo","interactionsContext","getReferenceProps","ref","className","onKeyDown","key","code","preventDefault","getFloatingProps","props2","position","top","left","outline","scrollbarWidth","onPointerEnter","onPointerLeave","onPointerMove","onContextMenu","onScroll","currentTarget","setTimeout","clearTimeout","onPointerDown","target","contains","scrollActiveIntoView","scrollIntoView","block","activeIndexSubscribe","maxHeight","floatingContext","canScrollDown","canScrollUp"],"sources":["SelectImpl.mjs"],"sourcesContent":["import { autoUpdate, inner, offset, size, useClick, useFloatingRaw, useInnerOffset, useInteractions, useListNavigation, useRole, useTypeahead } from \"@tamagui/floating\";\nimport { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { useEvent, useIsTouchDevice } from \"@tamagui/core\";\nimport * as React from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { SCROLL_ARROW_THRESHOLD } from \"./constants\";\nimport { SelectItemParentProvider, SelectProvider, useSelectContext, useSelectItemParentContext } from \"./context\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst SelectInlineImpl = (props) => {\n\tconst { scope, children, open = false, listContentRef, setActiveIndexFast } = props;\n\tconst selectContext = useSelectContext(scope);\n\tconst selectItemParentContext = useSelectItemParentContext(scope);\n\tconst { setActiveIndex, selectedIndex, activeIndexRef } = selectContext;\n\tconst { setOpen, setSelectedIndex } = selectItemParentContext;\n\tconst [scrollTop, setScrollTop] = React.useState(0);\n\tconst touch = useIsTouchDevice();\n\tconst listItemsRef = React.useRef([]);\n\tconst overflowRef = React.useRef(null);\n\tconst upArrowRef = React.useRef(null);\n\tconst downArrowRef = React.useRef(null);\n\tconst allowSelectRef = React.useRef(false);\n\tconst allowMouseUpRef = React.useRef(true);\n\tconst selectTimeoutRef = React.useRef(null);\n\tconst state = React.useRef({\n\t\tisMouseOutside: false,\n\t\tisTyping: false\n\t});\n\tconst [controlledScrolling, setControlledScrolling] = React.useState(false);\n\tconst [fallback, setFallback] = React.useState(false);\n\tconst [innerOffset, setInnerOffset] = React.useState(0);\n\tconst [blockSelection, setBlockSelection] = React.useState(false);\n\tconst floatingStyle = React.useRef({});\n\tReact.useEffect(() => {\n\t\tif (open) setActiveIndexFast(selectedIndex ?? 0);\n\t\telse {\n\t\t\tsetScrollTop(0);\n\t\t\tsetFallback(false);\n\t\t\tsetActiveIndexFast(null);\n\t\t\tsetControlledScrolling(false);\n\t\t}\n\t}, [\n\t\topen,\n\t\tselectedIndex,\n\t\tsetActiveIndexFast\n\t]);\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (!open) return;\n\t\tconst mouseUp = (e) => {\n\t\t\tif (state.current.isMouseOutside) setOpen(false);\n\t\t};\n\t\tdocument.addEventListener(\"mouseup\", mouseUp);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"mouseup\", mouseUp);\n\t\t};\n\t}, [open]);\n\tconst { x, y, strategy, refs, update, placement: computedPlacement } = useFloatingRaw({\n\t\topen,\n\t\tplacement: \"bottom-start\",\n\t\twhileElementsMounted: autoUpdate,\n\t\tmiddleware: [\n\t\t\tsize({ apply({ rects: { reference: { width } } }) {\n\t\t\t\tObject.assign(floatingStyle.current, { minWidth: width + 8 });\n\t\t\t\tif (refs.floating.current) Object.assign(refs.floating.current.style, floatingStyle.current);\n\t\t\t} }),\n\t\t\tinner({\n\t\t\t\tlistRef: listItemsRef,\n\t\t\t\toverflowRef,\n\t\t\t\tindex: selectedIndex,\n\t\t\t\toffset: innerOffset,\n\t\t\t\tonFallbackChange: setFallback,\n\t\t\t\tpadding: 10,\n\t\t\t\tminItemsVisible: touch ? 10 : 4,\n\t\t\t\treferenceOverflowThreshold: 20\n\t\t\t}),\n\t\t\toffset({ crossAxis: -5 })\n\t\t]\n\t});\n\tconst floatingRef = refs.floating;\n\tconst showUpArrow = open && scrollTop > SCROLL_ARROW_THRESHOLD;\n\tconst showDownArrow = open && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - SCROLL_ARROW_THRESHOLD;\n\tconst isScrollable = showDownArrow || showUpArrow;\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (typeof window === \"undefined\") return;\n\t\twindow.addEventListener(\"resize\", update);\n\t\tif (open) update();\n\t\treturn () => window.removeEventListener(\"resize\", update);\n\t}, [update, open]);\n\tconst onMatch = useEvent((index) => {\n\t\treturn (open ? setActiveIndex : setSelectedIndex)(index);\n\t});\n\tconst dataRef = React.useRef({});\n\tdataRef.current.placement = computedPlacement;\n\tconst interactionContext = {\n\t\topen,\n\t\tonOpenChange: (val) => setOpen(val),\n\t\trefs: {\n\t\t\treference: refs.reference,\n\t\t\tfloating: refs.floating,\n\t\t\tdomReference: refs.reference\n\t\t},\n\t\telements: {\n\t\t\treference: refs.reference?.current || null,\n\t\t\tfloating: refs.floating?.current || null,\n\t\t\tdomReference: refs.reference?.current || null\n\t\t},\n\t\tdataRef\n\t};\n\tconst interactionsProps = [\n\t\tuseClick(interactionContext, {\n\t\t\tevent: \"mousedown\",\n\t\t\tkeyboardHandlers: false\n\t\t}),\n\t\tuseRole(interactionContext, { role: \"listbox\" }),\n\t\tuseInnerOffset(interactionContext, {\n\t\t\tenabled: !fallback && isScrollable,\n\t\t\tonChange: setInnerOffset,\n\t\t\toverflowRef,\n\t\t\tscrollRef: refs.floating\n\t\t}),\n\t\tuseListNavigation(interactionContext, {\n\t\t\tlistRef: listItemsRef,\n\t\t\tactiveIndex: selectContext.activeIndex ?? 0,\n\t\t\tselectedIndex,\n\t\t\tonNavigate: (index) => {\n\t\t\t\tif (index !== null) setActiveIndex(index);\n\t\t\t},\n\t\t\tscrollItemIntoView: false\n\t\t}),\n\t\tuseTypeahead(interactionContext, {\n\t\t\tlistRef: listContentRef,\n\t\t\tonMatch,\n\t\t\tselectedIndex,\n\t\t\tactiveIndex: selectContext.activeIndex,\n\t\t\tonTypingChange: (e) => {\n\t\t\t\tstate.current.isTyping = e;\n\t\t\t}\n\t\t})\n\t];\n\tconst interactions = useInteractions(React.useMemo(() => {\n\t\treturn interactionsProps;\n\t}, interactionsProps));\n\tconst interactionsContext = React.useMemo(() => {\n\t\treturn {\n\t\t\t...interactions,\n\t\t\tgetReferenceProps() {\n\t\t\t\treturn interactions.getReferenceProps({\n\t\t\t\t\tref: refs.reference,\n\t\t\t\t\tclassName: \"SelectTrigger\",\n\t\t\t\t\tonKeyDown(event) {\n\t\t\t\t\t\tif (event.key === \"Enter\" || event.code === \"Space\" || event.key === \" \" && !state.current.isTyping) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tsetOpen(true);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t},\n\t\t\tgetFloatingProps(props2) {\n\t\t\t\treturn interactions.getFloatingProps({\n\t\t\t\t\tref: refs.floating,\n\t\t\t\t\tclassName: \"Select\",\n\t\t\t\t\t...props2,\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tposition: strategy,\n\t\t\t\t\t\ttop: y ?? \"\",\n\t\t\t\t\t\tleft: x ?? \"\",\n\t\t\t\t\t\toutline: 0,\n\t\t\t\t\t\tscrollbarWidth: \"none\",\n\t\t\t\t\t\t...floatingStyle.current,\n\t\t\t\t\t\t...props2?.style\n\t\t\t\t\t},\n\t\t\t\t\tonPointerEnter() {\n\t\t\t\t\t\tsetControlledScrolling(false);\n\t\t\t\t\t\tstate.current.isMouseOutside = false;\n\t\t\t\t\t},\n\t\t\t\t\tonPointerLeave() {\n\t\t\t\t\t\tstate.current.isMouseOutside = true;\n\t\t\t\t\t},\n\t\t\t\t\tonPointerMove() {\n\t\t\t\t\t\tstate.current.isMouseOutside = false;\n\t\t\t\t\t\tsetControlledScrolling(false);\n\t\t\t\t\t},\n\t\t\t\t\tonKeyDown() {\n\t\t\t\t\t\tsetControlledScrolling(true);\n\t\t\t\t\t},\n\t\t\t\t\tonContextMenu(e) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t},\n\t\t\t\t\tonScroll(event) {\n\t\t\t\t\t\tflushSync(() => {\n\t\t\t\t\t\t\tsetScrollTop(event.currentTarget.scrollTop);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\t}, [\n\t\trefs.reference.current,\n\t\tx,\n\t\ty,\n\t\trefs.floating.current,\n\t\tinteractions\n\t]);\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (open) {\n\t\t\tallowMouseUpRef.current = false;\n\t\t\tselectTimeoutRef.current = setTimeout(() => {\n\t\t\t\tallowSelectRef.current = true;\n\t\t\t\tallowMouseUpRef.current = true;\n\t\t\t}, 300);\n\t\t\treturn () => {\n\t\t\t\tclearTimeout(selectTimeoutRef.current);\n\t\t\t};\n\t\t}\n\t\tallowSelectRef.current = false;\n\t\tallowMouseUpRef.current = true;\n\t\tsetInnerOffset(0);\n\t\tsetFallback(false);\n\t\tsetBlockSelection(false);\n\t}, [open]);\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (!open && state.current.isMouseOutside) state.current.isMouseOutside = false;\n\t}, [open]);\n\tuseIsomorphicLayoutEffect(() => {\n\t\tfunction onPointerDown(e) {\n\t\t\tconst target = e.target;\n\t\t\tif (!(refs.floating.current?.contains(target) || upArrowRef.current?.contains(target) || downArrowRef.current?.contains(target))) {\n\t\t\t\tsetOpen(false);\n\t\t\t\tsetControlledScrolling(false);\n\t\t\t}\n\t\t}\n\t\tif (open) {\n\t\t\tdocument.addEventListener(\"pointerdown\", onPointerDown);\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener(\"pointerdown\", onPointerDown);\n\t\t\t};\n\t\t}\n\t}, [\n\t\topen,\n\t\trefs,\n\t\tsetOpen\n\t]);\n\tReact.useEffect(() => {\n\t\tif (!open) return;\n\t\tconst scrollActiveIntoView = (index) => {\n\t\t\tif (controlledScrolling && index != null) listItemsRef.current[index]?.scrollIntoView({ block: \"nearest\" });\n\t\t\tsetScrollTop(refs.floating.current?.scrollTop ?? 0);\n\t\t};\n\t\tscrollActiveIntoView(activeIndexRef.current);\n\t\treturn selectItemParentContext.activeIndexSubscribe(scrollActiveIntoView);\n\t}, [\n\t\topen,\n\t\trefs,\n\t\tcontrolledScrolling,\n\t\tselectItemParentContext.activeIndexSubscribe\n\t]);\n\tReact.useEffect(() => {\n\t\tif (open && fallback) {\n\t\t\tif (selectedIndex != null) listItemsRef.current[selectedIndex]?.scrollIntoView({ block: \"nearest\" });\n\t\t}\n\t}, [\n\t\topen,\n\t\tfallback,\n\t\tselectedIndex\n\t]);\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (refs.floating.current && fallback) refs.floating.current.style.maxHeight = \"\";\n\t}, [refs, fallback]);\n\tconst floatingContext = React.useMemo(() => ({\n\t\trefs,\n\t\tdataRef\n\t}), [refs]);\n\treturn /* @__PURE__ */ jsx(SelectProvider, {\n\t\tscope,\n\t\t...selectContext,\n\t\tsetScrollTop,\n\t\tsetInnerOffset,\n\t\tfallback,\n\t\tfloatingContext,\n\t\tcanScrollDown: !!showDownArrow,\n\t\tcanScrollUp: !!showUpArrow,\n\t\tcontrolledScrolling,\n\t\tblockSelection,\n\t\tupArrowRef,\n\t\tdownArrowRef,\n\t\tupdate,\n\t\tchildren: /* @__PURE__ */ jsx(SelectItemParentProvider, {\n\t\t\tscope,\n\t\t\t...selectItemParentContext,\n\t\t\tallowMouseUpRef,\n\t\t\tallowSelectRef,\n\t\t\tdataRef,\n\t\t\tinteractions: interactionsContext,\n\t\t\tlistRef: listItemsRef,\n\t\t\tselectTimeoutRef,\n\t\t\tchildren\n\t\t})\n\t});\n};\n\nexport { SelectInlineImpl };"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectImpl.js","names":[],"sources":["jsx/SelectImpl.js"],"sourcesContent":["import { autoUpdate, inner, offset, size, useClick, useFloatingRaw, useInnerOffset, useInteractions, useListNavigation, useRole, useTypeahead } from \"@tamagui/floating\";\nimport { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { createChangeEventDetails, useEvent, useIsTouchDevice } from \"@tamagui/core\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport * as React from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { SCROLL_ARROW_THRESHOLD } from \"./constants\";\nimport { SelectItemParentProvider, SelectProvider, useSelectContext, useSelectItemParentContext } from \"./context\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst SelectInlineImpl = (props) => {\n\tconst { scope, children, open = false, listContentRef } = props;\n\tconst selectContext = useSelectContext(scope);\n\tconst selectItemParentContext = useSelectItemParentContext(scope);\n\tconst { setActiveIndex, selectedIndex, activeIndexRef } = selectContext;\n\tconst { requestOpenChange, registry } = selectItemParentContext;\n\tconst [scrollTop, setScrollTop] = React.useState(0);\n\tconst touch = useIsTouchDevice();\n\tconst listItemsRef = selectItemParentContext.listRef;\n\tconst overflowRef = React.useRef(null);\n\tconst upArrowRef = React.useRef(null);\n\tconst downArrowRef = React.useRef(null);\n\tconst allowSelectRef = React.useRef(false);\n\tconst allowMouseUpRef = React.useRef(true);\n\tconst selectTimeoutRef = React.useRef(null);\n\tconst latestKeyboardEventRef = React.useRef(void 0);\n\tconst state = React.useRef({\n\t\tisMouseOutside: false,\n\t\tisTyping: false\n\t});\n\tconst [controlledScrolling, setControlledScrolling] = React.useState(false);\n\tconst [fallback, setFallback] = React.useState(false);\n\tconst [innerOffset, setInnerOffset] = React.useState(0);\n\tconst [blockSelection, setBlockSelection] = React.useState(false);\n\tconst floatingStyle = React.useRef({});\n\tReact.useEffect(() => {\n\t\tif (!open) {\n\t\t\tsetScrollTop(0);\n\t\t\tsetFallback(false);\n\t\t\tsetControlledScrolling(false);\n\t\t}\n\t}, [open]);\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (!open) return;\n\t\tconst mouseUp = (e) => {\n\t\t\tif (state.current.isMouseOutside) requestOpenChange(false, createChangeEventDetails(\"outside-press\", e));\n\t\t};\n\t\tdocument.addEventListener(\"mouseup\", mouseUp);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"mouseup\", mouseUp);\n\t\t};\n\t}, [open]);\n\tconst { x, y, strategy, refs, update, placement: computedPlacement } = useFloatingRaw({\n\t\topen,\n\t\tplacement: \"bottom-start\",\n\t\twhileElementsMounted: autoUpdate,\n\t\tmiddleware: [\n\t\t\tsize({ apply({ rects: { reference: { width } } }) {\n\t\t\t\tObject.assign(floatingStyle.current, { minWidth: width + 8 });\n\t\t\t\tif (refs.floating.current) Object.assign(refs.floating.current.style, floatingStyle.current);\n\t\t\t} }),\n\t\t\tinner({\n\t\t\t\tlistRef: listItemsRef,\n\t\t\t\toverflowRef,\n\t\t\t\tindex: selectedIndex,\n\t\t\t\toffset: innerOffset,\n\t\t\t\tonFallbackChange: setFallback,\n\t\t\t\tpadding: 10,\n\t\t\t\tminItemsVisible: touch ? 10 : 4,\n\t\t\t\treferenceOverflowThreshold: 20\n\t\t\t}),\n\t\t\toffset({ crossAxis: -5 })\n\t\t]\n\t});\n\tconst floatingRef = refs.floating;\n\tconst showUpArrow = open && scrollTop > SCROLL_ARROW_THRESHOLD;\n\tconst showDownArrow = open && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - SCROLL_ARROW_THRESHOLD;\n\tconst isScrollable = showDownArrow || showUpArrow;\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (typeof window === \"undefined\") return;\n\t\twindow.addEventListener(\"resize\", update);\n\t\tif (open) update();\n\t\treturn () => window.removeEventListener(\"resize\", update);\n\t}, [update, open]);\n\tconst onMatch = useEvent((index) => {\n\t\tif (!open) return;\n\t\tsetActiveIndex(index, {\n\t\t\treason: \"keyboard\",\n\t\t\tevent: latestKeyboardEventRef.current,\n\t\t\ttrigger: void 0,\n\t\t\tindex\n\t\t});\n\t});\n\tconst dataRef = React.useRef({});\n\tdataRef.current.placement = computedPlacement;\n\tconst interactionContext = {\n\t\topen,\n\t\tonOpenChange: (nextOpen, event, reason) => {\n\t\t\trequestOpenChange(nextOpen, createChangeEventDetails(reason === \"list-navigation\" ? \"keyboard\" : \"trigger-press\", event, refs.reference.current));\n\t\t},\n\t\trefs: {\n\t\t\treference: refs.reference,\n\t\t\tfloating: refs.floating,\n\t\t\tdomReference: refs.reference\n\t\t},\n\t\telements: {\n\t\t\treference: refs.reference?.current || null,\n\t\t\tfloating: refs.floating?.current || null,\n\t\t\tdomReference: refs.reference?.current || null\n\t\t},\n\t\tdataRef\n\t};\n\tconst interactionsProps = [\n\t\tuseClick(interactionContext, {\n\t\t\tevent: \"mousedown\",\n\t\t\tkeyboardHandlers: false\n\t\t}),\n\t\tuseRole(interactionContext, { role: \"listbox\" }),\n\t\tuseInnerOffset(interactionContext, {\n\t\t\tenabled: !fallback && isScrollable,\n\t\t\tonChange: setInnerOffset,\n\t\t\toverflowRef,\n\t\t\tscrollRef: refs.floating\n\t\t}),\n\t\tuseListNavigation(interactionContext, {\n\t\t\tlistRef: listItemsRef,\n\t\t\tactiveIndex: selectContext.activeIndex ?? 0,\n\t\t\tselectedIndex,\n\t\t\tonNavigate: (index) => {\n\t\t\t\tif (index !== null) setActiveIndex(index, {\n\t\t\t\t\treason: \"list-navigation\",\n\t\t\t\t\tevent: latestKeyboardEventRef.current,\n\t\t\t\t\ttrigger: void 0,\n\t\t\t\t\tindex\n\t\t\t\t});\n\t\t\t},\n\t\t\tdisabledIndices: registry.getDisabledIndices(),\n\t\t\tscrollItemIntoView: false\n\t\t}),\n\t\tuseTypeahead(interactionContext, {\n\t\t\tlistRef: listContentRef,\n\t\t\tonMatch,\n\t\t\tselectedIndex,\n\t\t\tactiveIndex: selectContext.activeIndex,\n\t\t\tonTypingChange: (e) => {\n\t\t\t\tstate.current.isTyping = e;\n\t\t\t}\n\t\t})\n\t];\n\tconst interactions = useInteractions(React.useMemo(() => {\n\t\treturn interactionsProps;\n\t}, interactionsProps));\n\tconst interactionsContext = React.useMemo(() => {\n\t\treturn {\n\t\t\t...interactions,\n\t\t\tgetReferenceProps(props2 = {}) {\n\t\t\t\treturn interactions.getReferenceProps({\n\t\t\t\t\t...props2,\n\t\t\t\t\tonKeyDown: composeEventHandlers(props2.onKeyDown, (event) => {\n\t\t\t\t\t\tlatestKeyboardEventRef.current = event.nativeEvent || event;\n\t\t\t\t\t\tif (event.key === \"Enter\" || event.code === \"Space\" || event.key === \" \" && !state.current.isTyping) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\trequestOpenChange(true, createChangeEventDetails(\"keyboard\", event.nativeEvent || event, refs.reference.current));\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t},\n\t\t\tgetFloatingProps(props2) {\n\t\t\t\treturn interactions.getFloatingProps({\n\t\t\t\t\tref: refs.floating,\n\t\t\t\t\tclassName: \"Select\",\n\t\t\t\t\t...props2,\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tposition: strategy,\n\t\t\t\t\t\ttop: y ?? \"\",\n\t\t\t\t\t\tleft: x ?? \"\",\n\t\t\t\t\t\toutline: 0,\n\t\t\t\t\t\tscrollbarWidth: \"none\",\n\t\t\t\t\t\t...floatingStyle.current,\n\t\t\t\t\t\t...props2?.style\n\t\t\t\t\t},\n\t\t\t\t\tonPointerEnter() {\n\t\t\t\t\t\tsetControlledScrolling(false);\n\t\t\t\t\t\tstate.current.isMouseOutside = false;\n\t\t\t\t\t},\n\t\t\t\t\tonPointerLeave() {\n\t\t\t\t\t\tstate.current.isMouseOutside = true;\n\t\t\t\t\t},\n\t\t\t\t\tonPointerMove() {\n\t\t\t\t\t\tstate.current.isMouseOutside = false;\n\t\t\t\t\t\tsetControlledScrolling(false);\n\t\t\t\t\t},\n\t\t\t\t\tonKeyDown(event) {\n\t\t\t\t\t\tlatestKeyboardEventRef.current = event.nativeEvent || event;\n\t\t\t\t\t\tsetControlledScrolling(true);\n\t\t\t\t\t},\n\t\t\t\t\tonContextMenu(e) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t},\n\t\t\t\t\tonScroll(event) {\n\t\t\t\t\t\tflushSync(() => {\n\t\t\t\t\t\t\tsetScrollTop(event.currentTarget.scrollTop);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\t}, [\n\t\trefs.reference.current,\n\t\tx,\n\t\ty,\n\t\trefs.floating.current,\n\t\tinteractions\n\t]);\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (open) {\n\t\t\tallowMouseUpRef.current = false;\n\t\t\tselectTimeoutRef.current = setTimeout(() => {\n\t\t\t\tallowSelectRef.current = true;\n\t\t\t\tallowMouseUpRef.current = true;\n\t\t\t}, 300);\n\t\t\treturn () => {\n\t\t\t\tclearTimeout(selectTimeoutRef.current);\n\t\t\t};\n\t\t}\n\t\tallowSelectRef.current = false;\n\t\tallowMouseUpRef.current = true;\n\t\tsetInnerOffset(0);\n\t\tsetFallback(false);\n\t\tsetBlockSelection(false);\n\t}, [open]);\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (!open && state.current.isMouseOutside) state.current.isMouseOutside = false;\n\t}, [open]);\n\tReact.useEffect(() => {\n\t\tif (!open) return;\n\t\tconst scrollActiveIntoView = (index) => {\n\t\t\tif (controlledScrolling && index != null) listItemsRef.current[index]?.scrollIntoView({ block: \"nearest\" });\n\t\t\tsetScrollTop(refs.floating.current?.scrollTop ?? 0);\n\t\t};\n\t\tscrollActiveIntoView(activeIndexRef.current);\n\t\treturn selectItemParentContext.activeIndexSubscribe(scrollActiveIntoView);\n\t}, [\n\t\topen,\n\t\trefs,\n\t\tcontrolledScrolling,\n\t\tselectItemParentContext.activeIndexSubscribe\n\t]);\n\tReact.useEffect(() => {\n\t\tif (open && fallback) {\n\t\t\tif (selectedIndex != null) listItemsRef.current[selectedIndex]?.scrollIntoView({ block: \"nearest\" });\n\t\t}\n\t}, [\n\t\topen,\n\t\tfallback,\n\t\tselectedIndex\n\t]);\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (refs.floating.current && fallback) refs.floating.current.style.maxHeight = \"\";\n\t}, [refs, fallback]);\n\tconst floatingContext = React.useMemo(() => ({\n\t\trefs,\n\t\tdataRef\n\t}), [refs]);\n\treturn /* @__PURE__ */ jsx(SelectProvider, {\n\t\tscope,\n\t\t...selectContext,\n\t\tsetScrollTop,\n\t\tsetInnerOffset,\n\t\tfallback,\n\t\tfloatingContext,\n\t\tcanScrollDown: !!showDownArrow,\n\t\tcanScrollUp: !!showUpArrow,\n\t\tcontrolledScrolling,\n\t\tblockSelection,\n\t\tupArrowRef,\n\t\tdownArrowRef,\n\t\tupdate,\n\t\tchildren: /* @__PURE__ */ jsx(SelectItemParentProvider, {\n\t\t\tscope,\n\t\t\t...selectItemParentContext,\n\t\t\tallowMouseUpRef,\n\t\t\tallowSelectRef,\n\t\t\tdataRef,\n\t\t\tinteractions: interactionsContext,\n\t\t\tlistRef: listItemsRef,\n\t\t\tselectTimeoutRef,\n\t\t\tchildren\n\t\t})\n\t});\n};\n\nexport { SelectInlineImpl };"],"mappings":"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"}

package/dist/jsx/SelectImpl.native.cjs

@@ -0,0 +1,30 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectImpl_native_exports = {};
+__export(SelectImpl_native_exports, { SelectInlineImpl: () => SelectInlineImpl });
+module.exports = __toCommonJS(SelectImpl_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var SelectInlineImpl = function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children });
+};

package/dist/jsx/SelectImpl.native.js

@@ -1,39 +1,32 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	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;
+	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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SelectImpl_native_exports = {};
-__export(SelectImpl_native_exports, {
-  SelectInlineImpl: () => SelectInlineImpl
-});
+__export(SelectImpl_native_exports, { SelectInlineImpl: () => SelectInlineImpl });
 module.exports = __toCommonJS(SelectImpl_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var SelectInlineImpl = function (props) {
-  if (process.env.NODE_ENV === "development") {
-    console.warn("Sheet not implemented inline on native");
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: props.children
-  });
+var SelectInlineImpl = function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children });
 };
+
 //# sourceMappingURL=SelectImpl.native.js.map

package/dist/jsx/SelectImpl.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectImpl_native_exports","__export","SelectInlineImpl","module","exports","__toCommonJS","import_jsx_runtime","require","props","process","env","NODE_ENV","console","warn","jsx","Fragment","children"],"sources":["../../src/SelectImpl.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,yBAAA;AAAA,IAAAM,kBAAA,GAAmDC,OAAA;AAIxC,IAAIL,gBAAA,GAAmB,SAAAA,CAASM,KAAA,EAAO;EAC9C,IAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;IACxCC,OAAA,CAAQC,IAAA,CAAK,wCAAwC;EACzD;EACA,OAAqB,mBAAAP,kBAAA,CAAAQ,GAAA,EAAKR,kBAAA,CAAAS,QAAA,EAAW;IACjCC,QAAA,EAAUR,KAAA,CAAMQ;EACpB,CAAC;AACL","ignoreList":[]}
+{"version":3,"file":"SelectImpl.native.js","names":[],"sources":["jsx/SelectImpl.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 SelectImpl_native_exports = {};\n__export(SelectImpl_native_exports, {\n  SelectInlineImpl: () => SelectInlineImpl\n});\nmodule.exports = __toCommonJS(SelectImpl_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar SelectInlineImpl = function(props) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n    children: props.children\n  });\n};\n//# sourceMappingURL=SelectImpl.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,4BAA4B,CAAC;AACjC,SAAS,2BAA2B,EAClC,wBAAwB,iBAC1B,CAAC;AACD,OAAO,UAAU,aAAa,yBAAyB;AACvD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,mBAAmB,SAAS,OAAO;CACrC,OAAuB,iBAAC,GAAG,mBAAmB,KAAK,mBAAmB,UAAU,EAC9E,UAAU,MAAM,SAClB,CAAC;AACH"}

package/dist/jsx/SelectItem.mjs

@@ -1,189 +1,259 @@
 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.mjs";
+import { useSelectContext, useSelectItemParentContext } from "./context.mjs";
+import { getSelectOptionProps } from "./selectionController.mjs";
 import { jsx } from "react/jsx-runtime";
+
 const ITEM_NAME = "SelectItem";
-const {
-  Provider: SelectItemContextProvider,
-  useStyledContext: useSelectItemContext
-} = createStyledContext(null, ITEM_NAME);
-const SelectItem = ListItem.Frame.styleable(function SelectItem2(props, forwardedRef) {
-  const {
-    scope,
-    value,
-    disabled = false,
-    textValue: textValueProp,
-    index,
-    ...restProps
-  } = props;
-  const context = useSelectItemParentContext(scope);
-  const {
-    setSelectedIndex,
-    listRef,
-    setOpen,
-    onChange,
-    activeIndexSubscribe,
-    activeIndexRef,
-    valueSubscribe,
-    allowMouseUpRef,
-    allowSelectRef,
-    setValueAtIndex,
-    selectTimeoutRef,
-    dataRef,
-    interactions,
-    shouldRenderWebNative,
-    size,
-    onActiveChange,
-    initialValue,
-    setActiveIndexFast
-  } = context;
-  const [isSelected, setSelected] = React.useState(initialValue === value);
-  useIsomorphicLayoutEffect(() => {
-    if (initialValue === value) {
-      setSelectedIndex(index);
-    }
-  }, []);
-  React.useEffect(() => {
-    const handleActiveIndex = i => {
-      if (index === i) {
-        onActiveChange(value, index);
-        if (isWeb) {
-          requestAnimationFrame(() => {
-            listRef?.current[index]?.focus();
-          });
-        }
-      }
-    };
-    const currentActiveIndex = activeIndexRef?.current;
-    if (currentActiveIndex !== null && currentActiveIndex !== void 0) {
-      handleActiveIndex(currentActiveIndex);
-    }
-    return activeIndexSubscribe(handleActiveIndex);
-  }, [index]);
-  React.useEffect(() => {
-    return valueSubscribe(val => {
-      setSelected(val === value);
-    });
-  }, [value]);
-  const textId = React.useId();
-  const refCallback = React.useCallback(node => {
-    if (!isWeb) return;
-    if (node instanceof HTMLElement) {
-      if (listRef) {
-        listRef.current[index] = node;
-      }
-    }
-  }, [index, listRef]);
-  const composedRefs = useComposedRefs(forwardedRef, refCallback);
-  useIsomorphicLayoutEffect(() => {
-    setValueAtIndex(index, value);
-  }, [index, setValueAtIndex, value]);
-  function handleSelect() {
-    setSelectedIndex(index);
-    onChange(value);
-    setOpen(false);
-  }
-  const selectItemProps = React.useMemo(() => {
-    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?.current.typing) {
-          event.preventDefault();
-          handleSelect();
-        } else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-          event.preventDefault();
-          event.stopPropagation();
-          const itemCount = listRef?.current.length ?? 0;
-          if (itemCount === 0) return;
-          let nextIndex;
-          if (event.key === "ArrowDown") {
-            nextIndex = index + 1 >= itemCount ? 0 : index + 1;
-          } else {
-            nextIndex = index - 1 < 0 ? itemCount - 1 : index - 1;
-          }
-          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(() => {
-          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
+const { Provider: SelectItemContextProvider, useStyledContext: useSelectItemContext } = createStyledContext(null, ITEM_NAME);
+const SelectItemFrame = styled(View, {
+	displayName: ITEM_NAME,
+	alignItems: "center",
+	flexDirection: "row"
 });
-export { SelectItem, SelectItemContextProvider, useSelectItemContext };
+const SelectItem = createStyledHOC(SelectItemFrame, function SelectItem2(props, forwardedRef) {
+	const { scope, value, disabled: disabledProp, "aria-disabled": ariaDisabled, textValue: textValueProp, ...restProps } = props;
+	const disabled = disabledProp ?? ariaDisabled === true;
+	const context = useSelectItemParentContext(scope);
+	const selectContext = useSelectContext(scope);
+	const isAdapted = useAdaptIsActive(selectContext.adaptScope);
+	const { listRef, registry, mode, selectedValues, selectValue, activeIndexSubscribe, activeIndexRef, allowMouseUpRef, allowSelectRef, selectTimeoutRef, interactions, shouldRenderWebNative, setActiveIndexFast, moveActive, search } = context;
+	const isSelected = selectedValues.includes(value);
+	const pendingMouseUpSelectionRef = React.useRef(false);
+	const itemNodeRef = React.useRef(null);
+	const [, rerenderRegistry] = React.useReducer((version) => version + 1, 0);
+	const registrationRef = React.useRef(null);
+	const initialRegistration = React.useRef({
+		value,
+		disabled,
+		textValue: textValueProp
+	});
+	useIsomorphicLayoutEffect(() => registry.subscribe(() => rerenderRegistry()), [registry]);
+	useIsomorphicLayoutEffect(() => {
+		const registration = registry.registerItem(initialRegistration.current);
+		registrationRef.current = registration;
+		const registeredNode = itemNodeRef.current;
+		registration.setNode(registeredNode);
+		const registeredIndex = registry.getItems().findIndex((item) => item.id === registration.id);
+		if (isWeb && listRef && registeredIndex >= 0 && registeredNode instanceof HTMLElement) {
+			listRef.current[registeredIndex] = registeredNode;
+		}
+		return () => {
+			const currentIndex = registry.getItems().findIndex((item) => item.id === registration.id);
+			if (listRef && currentIndex >= 0 && listRef.current[currentIndex] === registeredNode) {
+				listRef.current[currentIndex] = null;
+			}
+			registrationRef.current = null;
+			registration.unregister();
+		};
+	}, [registry]);
+	useIsomorphicLayoutEffect(() => {
+		registrationRef.current?.update({
+			value,
+			disabled,
+			textValue: textValueProp
+		});
+	}, [
+		disabled,
+		textValueProp,
+		value
+	]);
+	useIsomorphicLayoutEffect(() => {
+		registrationRef.current?.setNode(itemNodeRef.current);
+	});
+	const index = registry.getIndex(value);
+	React.useEffect(() => {
+		const handleActiveIndex = (i) => {
+			if (index === i) {
+				if (isWeb) {
+					requestAnimationFrame(() => {
+						listRef?.current[index]?.focus();
+					});
+				}
+			}
+		};
+		const currentActiveIndex = activeIndexRef?.current;
+		if (currentActiveIndex !== null && currentActiveIndex !== void 0) {
+			handleActiveIndex(currentActiveIndex);
+		}
+		return activeIndexSubscribe(handleActiveIndex);
+	}, [
+		activeIndexRef,
+		activeIndexSubscribe,
+		index,
+		listRef
+	]);
+	const textId = React.useId();
+	const refCallback = React.useCallback((node) => {
+		itemNodeRef.current = node;
+		registrationRef.current?.setNode(node);
+		if (!isWeb) return;
+		if (listRef && index >= 0) {
+			listRef.current[index] = node instanceof HTMLElement ? node : null;
+		}
+	}, [index, listRef]);
+	const composedRefs = useComposedRefs(forwardedRef, refCallback);
+	const handleSelect = React.useCallback((event, reason = "item-press") => {
+		if (disabled) return;
+		const nativeEvent = event?.nativeEvent || event;
+		selectValue(value, createChangeEventDetails(reason, nativeEvent, event?.currentTarget));
+	}, [
+		disabled,
+		selectValue,
+		value
+	]);
+	const handleKeyDown = React.useCallback((event) => {
+		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 (!interactions && event.key?.length === 1 && !event.metaKey && !event.ctrlKey) {
+			search(event.key, event.nativeEvent || event);
+		}
+		if (allowSelectRef) {
+			allowSelectRef.current = true;
+		}
+	}, [
+		allowSelectRef,
+		disabled,
+		handleSelect,
+		interactions,
+		moveActive,
+		search
+	]);
+	const selectItemProps = React.useMemo(() => {
+		if (interactions) {
+			const { onTouchMove, onTouchEnd, onKeyDown, onClick, onMouseUp, onMouseMove, onPress, ...itemProps } = restProps;
+			const interactionProps = interactions.getItemProps({
+				...itemProps,
+				onTouchMove() {
+					allowSelectRef.current = true;
+					allowMouseUpRef.current = false;
+				},
+				onTouchEnd() {
+					allowSelectRef.current = false;
+					allowMouseUpRef.current = true;
+				},
+				onMouseMove(event) {
+					if (disabled || index < 0) return;
+					setActiveIndexFast?.(index, {
+						reason: "item-hover",
+						event: event.nativeEvent || event,
+						trigger: event.currentTarget,
+						index
+					});
+				},
+				onKeyDown: handleKeyDown,
+				onClick(event) {
+					if (disabled) return;
+					const 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(() => {
+						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) {
+					onClick?.(event);
+					if (event.defaultPrevented) {
+						pendingMouseUpSelectionRef.current = false;
+						clearTimeout(selectTimeoutRef.current);
+						allowSelectRef.current = true;
+						return;
+					}
+					interactionProps.onClick?.(event);
+				},
+				onMouseUp: composeEventHandlers(onMouseUp, interactionProps.onMouseUp),
+				onMouseMove: composeEventHandlers(onMouseMove, interactionProps.onMouseMove),
+				onPress
+			};
+		}
+		return {
+			...restProps,
+			onKeyDown: composeEventHandlers(restProps.onKeyDown, handleKeyDown),
+			onMouseMove: composeEventHandlers(restProps.onMouseMove, (event) => {
+				if (disabled || index < 0) return;
+				setActiveIndexFast?.(index, {
+					reason: "item-hover",
+					event: event.nativeEvent || event,
+					trigger: event.currentTarget,
+					index
+				});
+			}),
+			onPress: composeEventHandlers(restProps.onPress, handleSelect)
+		};
+	}, [
+		allowMouseUpRef,
+		allowSelectRef,
+		disabled,
+		handleKeyDown,
+		handleSelect,
+		index,
+		interactions,
+		restProps,
+		selectTimeoutRef,
+		setActiveIndexFast
+	]);
+	const 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 ? index === (selectContext.activeIndex ?? selectContext.selectedIndex) ? 0 : -1 : -1,
+			zIndex: 100,
+			...selectItemProps,
+			...accessibilityProps
+		})
+	});
+}, { disableTheme: true });
+
+export { SelectItem, SelectItemContextProvider, SelectItemFrame, useSelectItemContext };
 //# sourceMappingURL=SelectItem.mjs.map