@tamagui/select 1.47.4 → 1.47.6

package/src/SelectImpl.tsx

@@ -21,10 +21,16 @@ import {
   useIsomorphicLayoutEffect,
 } from '@tamagui/core'
 import * as React from 'react'
+import { useMemo } from 'react'
 import { flushSync } from 'react-dom'
 
 import { SCROLL_ARROW_THRESHOLD, WINDOW_PADDING } from './constants'
-import { SelectProvider, useSelectContext } from './context'
+import {
+  SelectItemParentProvider,
+  SelectProvider,
+  useSelectContext,
+  useSelectItemParentContext,
+} from './context'
 import { SelectImplProps } from './types'
 
 // TODO use id for focusing from label
@@ -38,14 +44,14 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
   } = props
 
   const selectContext = useSelectContext('SelectSheetImpl', __scopeSelect)
-  const {
-    setActiveIndex,
-    setOpen,
-    setSelectedIndex,
-    selectedIndex,
-    activeIndex,
-    forceUpdate,
-  } = selectContext
+  const selectItemParentContext = useSelectItemParentContext(
+    'SelectSheetImpl',
+    __scopeSelect
+  )
+  const { setActiveIndex, selectedIndex, activeIndex, forceUpdate } = selectContext
+
+  const { setOpen, setSelectedIndex } = selectItemParentContext
+
   const [scrollTop, setScrollTop] = React.useState(0)
   const touch = useIsTouchDevice()
 
@@ -294,7 +300,7 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
 
   // Scroll the `activeIndex` item into view only in "controlledScrolling"
   // (keyboard nav) mode.
-  useIsomorphicLayoutEffect(() => {
+  React.useEffect(() => {
     if (open && controlledScrolling) {
       if (activeIndex != null) {
         listItemsRef.current[activeIndex]?.scrollIntoView({ block: 'nearest' })
@@ -305,7 +311,7 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
   }, [open, refs, controlledScrolling, activeIndex])
 
   // Scroll the `selectedIndex` into view upon opening the floating element.
-  useIsomorphicLayoutEffect(() => {
+  React.useEffect(() => {
     if (open && fallback) {
       if (selectedIndex != null) {
         listItemsRef.current[selectedIndex]?.scrollIntoView({ block: 'nearest' })
@@ -332,27 +338,29 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
       {...(selectContext as Required<typeof selectContext>)}
       setScrollTop={setScrollTop}
       setInnerOffset={setInnerOffset}
-      setValueAtIndex={(index, value) => {
-        listContentRef.current[index] = value
-      }}
       fallback={fallback}
-      interactions={interactionsContext}
       floatingContext={context}
       activeIndex={activeIndex}
       canScrollDown={!!showDownArrow}
       canScrollUp={!!showUpArrow}
       controlledScrolling={controlledScrolling}
-      dataRef={context.dataRef}
-      listRef={listItemsRef}
       blockSelection={blockSelection}
-      allowMouseUpRef={allowMouseUpRef}
       upArrowRef={upArrowRef}
       downArrowRef={downArrowRef}
-      selectTimeoutRef={selectTimeoutRef}
-      allowSelectRef={allowSelectRef}
       update={update}
     >
-      {children}
+      <SelectItemParentProvider
+        scope={__scopeSelect}
+        {...selectItemParentContext}
+        allowMouseUpRef={allowMouseUpRef}
+        allowSelectRef={allowSelectRef}
+        dataRef={context.dataRef}
+        interactions={interactionsContext}
+        listRef={listItemsRef}
+        selectTimeoutRef={selectTimeoutRef}
+      >
+        {children}
+      </SelectItemParentProvider>
       {/* {isFormControl ? (
             <BubbleSelect
               ref={setBubbleSelect}
@@ -369,5 +377,20 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
   )
 }
 
-// Cross browser fixes for pinch-zooming/backdrop-filter 🙄
-const userAgent = (typeof navigator !== 'undefined' && navigator.userAgent) || ''
+// only for debugging if a useMemo is working
+
+export const useMemoDebug: typeof useMemo = (fn, args) => {
+  let run = 1
+
+  const res = useMemo(() => {
+    run = 0
+    return fn()
+  }, args)
+
+  if (run === 1) {
+    // rome-ignore lint/nursery/noConsoleLog: <explanation>
+    console.log('saved a run')
+  }
+
+  return res
+}

package/src/SelectItem.tsx

@@ -8,7 +8,11 @@ import {
 import { ListItem, ListItemProps } from '@tamagui/list-item'
 import * as React from 'react'
 
-import { createSelectContext, useSelectContext } from './context'
+import {
+  createSelectContext,
+  useSelectContext,
+  useSelectItemParentContext,
+} from './context'
 import { ScopedProps } from './types'
 
 /* -------------------------------------------------------------------------------------------------
@@ -43,25 +47,42 @@ export const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
       index,
       ...itemProps
     } = props
-    const context = useSelectContext(ITEM_NAME, __scopeSelect)
-    const isSelected = context.value === value
-    const textId = React.useId()
+    const context = useSelectItemParentContext(ITEM_NAME, __scopeSelect)
 
     const {
-      selectedIndex,
       setSelectedIndex,
       listRef,
-      open,
       setOpen,
       onChange,
-      activeIndex,
+      activeIndexSubscribe,
+      valueSubscribe,
       allowMouseUpRef,
       allowSelectRef,
       setValueAtIndex,
       selectTimeoutRef,
       dataRef,
+      interactions,
+      shouldRenderWebNative,
+      size,
     } = context
 
+    const [isSelected, setSelected] = React.useState(false)
+    const [isActive, setActive] = React.useState(false)
+
+    React.useEffect(() => {
+      return activeIndexSubscribe((i) => {
+        setActive(index === i)
+      })
+    }, [index])
+
+    React.useEffect(() => {
+      return valueSubscribe((val) => {
+        setSelected(val === value)
+      })
+    }, [value])
+
+    const textId = React.useId()
+
     const composedRefs = useComposedRefs(forwardedRef, (node) => {
       if (!isWeb) return
       if (node instanceof HTMLElement) {
@@ -81,8 +102,8 @@ export const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
       setOpen(false)
     }
 
-    const selectItemProps = context.interactions
-      ? context.interactions.getItemProps({
+    const selectItemProps = interactions
+      ? interactions.getItemProps({
           ...(isWebTouchable
             ? {
                 onTouchStart() {
@@ -141,9 +162,7 @@ export const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
           onPress: handleSelect,
         }
 
-    const isActive = activeIndex === index
-
-    React.useLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
       if (isActive) {
         listRef?.current[index]?.focus()
       }
@@ -156,7 +175,7 @@ export const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
         textId={textId || ''}
         isSelected={isSelected}
       >
-        {context.shouldRenderWebNative ? (
+        {shouldRenderWebNative ? (
           <option value={value}>{props.children}</option>
         ) : (
           <ListItem
@@ -175,7 +194,7 @@ export const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
             aria-disabled={disabled || undefined}
             data-disabled={disabled ? '' : undefined}
             tabIndex={disabled ? undefined : -1}
-            size={context.size}
+            size={size}
             {...itemProps}
             {...selectItemProps}
           />

package/src/SelectTrigger.tsx

@@ -3,7 +3,7 @@ import { TamaguiElement } from '@tamagui/core'
 import { ListItem, ListItemProps } from '@tamagui/list-item'
 import * as React from 'react'
 
-import { useSelectContext } from './context'
+import { useSelectContext, useSelectItemParentContext } from './context'
 import { ScopedProps } from './types'
 
 /* -------------------------------------------------------------------------------------------------
@@ -18,6 +18,7 @@ export const SelectTrigger = React.forwardRef<TamaguiElement, SelectTriggerProps
     const { __scopeSelect, disabled = false, unstyled = false, ...triggerProps } = props
 
     const context = useSelectContext(TRIGGER_NAME, __scopeSelect)
+    const itemParentContext = useSelectItemParentContext(TRIGGER_NAME, __scopeSelect)
     const composedRefs = useComposedRefs(
       forwardedRef,
       context.floatingContext?.refs.setReference as any
@@ -25,7 +26,7 @@ export const SelectTrigger = React.forwardRef<TamaguiElement, SelectTriggerProps
     // const getItems = useCollection(__scopeSelect)
     // const labelId = useLabelContext(context.trigger)
     // const labelledBy = ariaLabelledby || labelId
-    if (context.shouldRenderWebNative) {
+    if (itemParentContext.shouldRenderWebNative) {
       return null
     }
 
@@ -46,7 +47,7 @@ export const SelectTrigger = React.forwardRef<TamaguiElement, SelectTriggerProps
           },
           borderWidth: 1,
         })}
-        size={context.size}
+        size={itemParentContext.size}
         // aria-controls={context.contentId}
         aria-expanded={context.open}
         aria-autocomplete="none"
@@ -55,17 +56,17 @@ export const SelectTrigger = React.forwardRef<TamaguiElement, SelectTriggerProps
         data-disabled={disabled ? '' : undefined}
         {...triggerProps}
         ref={composedRefs}
-        {...(process.env.TAMAGUI_TARGET === 'web' && context.interactions
+        {...(process.env.TAMAGUI_TARGET === 'web' && itemParentContext.interactions
           ? {
-              ...context.interactions.getReferenceProps(),
+              ...itemParentContext.interactions.getReferenceProps(),
               onMouseDown() {
                 context.floatingContext?.update()
-                context.setOpen(!context.open)
+                itemParentContext.setOpen(!context.open)
               },
             }
           : {
               onPress() {
-                context.setOpen(!context.open)
+                itemParentContext.setOpen(!context.open)
               },
             })}
       />

package/src/SelectViewport.tsx

@@ -12,7 +12,11 @@ import { ThemeableStack } from '@tamagui/stacks'
 import * as React from 'react'
 
 import { VIEWPORT_NAME } from './constants'
-import { ForwardSelectContext, useSelectContext } from './context'
+import {
+  ForwardSelectContext,
+  useSelectContext,
+  useSelectItemParentContext,
+} from './context'
 import { ScopedProps, SelectViewportProps } from './types'
 import { useSelectBreakpointActive } from './useSelectBreakpointActive'
 
@@ -53,6 +57,7 @@ export const SelectViewport = SelectViewportFrame.styleable<SelectViewportProps>
   function SelectViewport(props: ScopedProps<SelectViewportProps>, forwardedRef) {
     const { __scopeSelect, children, disableScroll, ...viewportProps } = props
     const context = useSelectContext(VIEWPORT_NAME, __scopeSelect)
+    const itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect)
     const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)
 
     useIsomorphicLayoutEffect(() => {
@@ -66,19 +71,21 @@ export const SelectViewport = SelectViewportFrame.styleable<SelectViewportProps>
       context.floatingContext?.refs.setFloating
     )
 
-    if (context.shouldRenderWebNative) {
+    if (itemContext.shouldRenderWebNative) {
       return <>{children}</>
     }
 
     if (breakpointActive || !isWeb) {
       return (
         <PortalItem hostName={`${context.scopeKey}SheetContents`}>
-          <ForwardSelectContext context={context}>{children}</ForwardSelectContext>
+          <ForwardSelectContext itemContext={itemContext} context={context}>
+            {children}
+          </ForwardSelectContext>
         </PortalItem>
       )
     }
 
-    if (!context.interactions) {
+    if (!itemContext.interactions) {
       if (process.env.NODE_ENV === 'development') {
         console.warn(`No interactions provided to Select, potentially missing Adapt`)
       }
@@ -89,7 +96,7 @@ export const SelectViewport = SelectViewportFrame.styleable<SelectViewportProps>
     const {
       style: { scrollbarWidth, listStyleType, overflow, ...restStyle },
       ...floatingProps
-    } = context.interactions.getFloatingProps()
+    } = itemContext.interactions.getFloatingProps()
 
     return (
       <>
@@ -105,7 +112,7 @@ export const SelectViewport = SelectViewportFrame.styleable<SelectViewportProps>
             {context.open ? (
               <SelectViewportFrame
                 key="select-viewport"
-                size={context.size}
+                size={itemContext.size}
                 // @ts-ignore
                 role="presentation"
                 {...viewportProps}

package/src/context.tsx

@@ -1,20 +1,36 @@
 import { createContextScope } from '@tamagui/create-context'
 
 import { SELECT_NAME } from './constants'
-import { ScopedProps, SelectContextValue } from './types'
+import { ScopedProps, SelectContextValue, SelectItemParentContextValue } from './types'
 
-export const [createSelectContext, createSelectScope] =
-  createContextScope(SELECT_NAME)
+export const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME)
 
 export const [SelectProvider, useSelectContext] =
   createSelectContext<SelectContextValue>(SELECT_NAME)
 
-export const ForwardSelectContext = (
-  props: ScopedProps<{ children?: any; context: SelectContextValue }>,
-) => {
+// these values shouldn't change as often for performance to avoid re-rendering every item
+
+export const [createSelectItemParentContext, createSelectItemParentScope] =
+  createContextScope(SELECT_NAME + 'ItemParent')
+
+export const [SelectItemParentProvider, useSelectItemParentContext] =
+  createSelectContext<SelectItemParentContextValue>(SELECT_NAME)
+
+export const ForwardSelectContext = ({
+  __scopeSelect,
+  context,
+  itemContext,
+  children,
+}: ScopedProps<{
+  children?: any
+  context: SelectContextValue
+  itemContext: SelectItemParentContextValue
+}>) => {
   return (
-    <SelectProvider isInSheet scope={props.__scopeSelect} {...props.context}>
-      {props.children}
+    <SelectProvider isInSheet scope={__scopeSelect} {...context}>
+      <SelectItemParentProvider scope={__scopeSelect} {...itemContext}>
+        {children}
+      </SelectItemParentProvider>
     </SelectProvider>
   )
 }

package/src/types.tsx

@@ -33,52 +33,58 @@ export interface SelectProps {
   native?: NativeValue<'web'>
 }
 
+type DisposeFn = () => void
+export type EmitterSubscriber<Val> = (cb: (val: Val) => void) => DisposeFn
+
+export interface SelectItemParentContextValue {
+  setSelectedIndex: (index: number) => void
+  listRef?: MutableRefObject<Array<HTMLElement | null>>
+  setOpen: (open: boolean) => void
+  onChange: (value: string) => void
+  activeIndexSubscribe: EmitterSubscriber<number>
+  valueSubscribe: EmitterSubscriber<any>
+  allowSelectRef?: MutableRefObject<boolean>
+  allowMouseUpRef?: MutableRefObject<boolean>
+  setValueAtIndex: (index: number, value: string) => void
+  selectTimeoutRef?: MutableRefObject<any>
+  dataRef?: MutableRefObject<ContextData>
+  interactions?: {
+    getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => any
+    getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any
+    getItemProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any
+  }
+  shouldRenderWebNative?: boolean
+  size?: SizeTokens
+}
+
 export interface SelectContextValue {
   dir?: Direction
   scopeKey: string
   sheetBreakpoint: string | boolean | null
-  size?: SizeTokens
   value: any
   selectedItem: ReactNode
   setSelectedItem: (item: ReactNode) => void
   selectedIndex: number
-  setSelectedIndex: (index: number) => void
   activeIndex: number | null
   setActiveIndex: (index: number | null) => void
-  setValueAtIndex: (index: number, value: string) => void
   open: boolean
-  setOpen: (open: boolean) => void
-  onChange: (value: string) => void
   valueNode: Element | null
   onValueNodeChange(node: HTMLElement): void
   forceUpdate: DispatchWithoutAction
-
   // SheetImpl only:
   isInSheet?: boolean
-
   // InlineImpl only:
   fallback: boolean
   blockSelection: boolean
-  allowSelectRef?: MutableRefObject<boolean>
-  allowMouseUpRef?: MutableRefObject<boolean>
   upArrowRef?: MutableRefObject<HTMLDivElement | null>
   downArrowRef?: MutableRefObject<HTMLDivElement | null>
-  selectTimeoutRef?: MutableRefObject<any>
   setScrollTop?: Function
   setInnerOffset?: Function
-  dataRef?: MutableRefObject<ContextData>
   controlledScrolling?: boolean
-  listRef?: MutableRefObject<Array<HTMLElement | null>>
   canScrollUp?: boolean
   canScrollDown?: boolean
   floatingContext?: FloatingContext<ReferenceType>
-  interactions?: {
-    getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => any
-    getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any
-    getItemProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any
-  }
   native?: NativeValue
-  shouldRenderWebNative: boolean
   /** update floating-ui to recalculate */
   update?: () => void
 }

package/types/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,QAAQ,EACR,cAAc,EACd,kBAAkB,EAOnB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAY,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAO5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,EAAE,WAAW,EAAmB,WAAW,EAAE,MAAM,SAAS,CAAA;AAYnE,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGpB,CAAA;AAEF,KAAK,gBAAgB,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,GAAG;IAC1D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B,CAAA;AAkDD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKrB,CAAA;AAQF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAe9B,CAAA;AAkGF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAG3B,CAAA;AAuGF,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAA;AAgC5C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAE1B,CAAA;AAoCF,eAAO,MAAM,MAAM,WACT,YAAY,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8HjC,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,QAAQ,EACR,cAAc,EACd,kBAAkB,EAQnB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAY,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAO5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,OAAO,EAAE,WAAW,EAAmB,WAAW,EAAE,MAAM,SAAS,CAAA;AAYnE,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGpB,CAAA;AAEF,KAAK,gBAAgB,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,GAAG;IAC1D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B,CAAA;AAmDD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKrB,CAAA;AAQF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAe9B,CAAA;AAmGF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAG3B,CAAA;AAwGF,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAA;AAgC5C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAE1B,CAAA;AAoCF,eAAO,MAAM,MAAM,WACT,YAAY,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuJjC,CAAA"}

package/types/SelectContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../src/SelectContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAGlE,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAS5C,eAAO,MAAM,aAAa,4DAKvB,kBAAkB,GAAG,eAAe,uBAoCtC,CAAA"}
+{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../src/SelectContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAGlE,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAS5C,eAAO,MAAM,aAAa,4DAKvB,kBAAkB,GAAG,eAAe,uBAqCtC,CAAA"}

package/types/SelectImpl.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import { useMemo } from 'react';
 import { SelectImplProps } from './types';
 export declare const SelectInlineImpl: (props: SelectImplProps) => JSX.Element;
+export declare const useMemoDebug: typeof useMemo;
 //# sourceMappingURL=SelectImpl.d.ts.map

package/types/SelectImpl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectImpl.d.ts","sourceRoot":"","sources":["../src/SelectImpl.tsx"],"names":[],"mappings":";AA2BA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGzC,eAAO,MAAM,gBAAgB,UAAW,eAAe,gBAmVtD,CAAA"}
+{"version":3,"file":"SelectImpl.d.ts","sourceRoot":"","sources":["../src/SelectImpl.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAU/B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGzC,eAAO,MAAM,gBAAgB,UAAW,eAAe,gBAqVtD,CAAA;AAID,eAAO,MAAM,YAAY,EAAE,OAAO,OAcjC,CAAA"}

package/types/SelectItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../src/SelectItem.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EAIf,MAAM,eAAe,CAAA;AACtB,OAAO,EAAY,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAO,yBAAyB;;;;;;GAAE,oBAAoB;;;wCACL,CAAA;AAExD,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,wFAsJtB,CAAA"}
+{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../src/SelectItem.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EAIf,MAAM,eAAe,CAAA;AACtB,OAAO,EAAY,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAO,yBAAyB;;;;;;GAAE,oBAAoB;;;wCACL,CAAA;AAExD,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,wFAqKtB,CAAA"}

package/types/SelectTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../src/SelectTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAY,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAA;AAE9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA0DzB,CAAA"}
+{"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../src/SelectTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAY,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAA;AAE9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA2DzB,CAAA"}

package/types/SelectViewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectViewport.d.ts","sourceRoot":"","sources":["../src/SelectViewport.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EAIf,MAAM,eAAe,CAAA;AAItB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2B9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8E1B,CAAA"}
+{"version":3,"file":"SelectViewport.d.ts","sourceRoot":"","sources":["../src/SelectViewport.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EAIf,MAAM,eAAe,CAAA;AAItB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2B9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiF1B,CAAA"}

package/types/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ScopedProps, SelectContextValue } from './types';
+import { ScopedProps, SelectContextValue, SelectItemParentContextValue } from './types';
 export declare const createSelectContext: <ContextValueType extends object | null>(rootComponentName: string, defaultContext?: ContextValueType | undefined) => readonly [{
     (props: ContextValueType & {
         scope: import("@tamagui/create-context").Scope<ContextValueType>;
@@ -20,8 +20,29 @@ export declare const SelectProvider: {
     warn?: boolean | undefined;
     fallback?: Partial<SelectContextValue> | undefined;
 } | undefined) => SelectContextValue;
-export declare const ForwardSelectContext: (props: ScopedProps<{
+export declare const createSelectItemParentContext: <ContextValueType extends object | null>(rootComponentName: string, defaultContext?: ContextValueType | undefined) => readonly [{
+    (props: ContextValueType & {
+        scope: import("@tamagui/create-context").Scope<ContextValueType>;
+        children: import("react").ReactNode;
+    }): JSX.Element;
+    displayName: string;
+}, (consumerName: string, scope: import("@tamagui/create-context").Scope<ContextValueType | undefined>, options?: {
+    warn?: boolean | undefined;
+    fallback?: Partial<ContextValueType> | undefined;
+} | undefined) => ContextValueType], createSelectItemParentScope: import("@tamagui/create-context").CreateScope;
+export declare const SelectItemParentProvider: {
+    (props: SelectItemParentContextValue & {
+        scope: import("@tamagui/create-context").Scope<SelectItemParentContextValue>;
+        children: import("react").ReactNode;
+    }): JSX.Element;
+    displayName: string;
+}, useSelectItemParentContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<SelectItemParentContextValue | undefined>, options?: {
+    warn?: boolean | undefined;
+    fallback?: Partial<SelectItemParentContextValue> | undefined;
+} | undefined) => SelectItemParentContextValue;
+export declare const ForwardSelectContext: ({ __scopeSelect, context, itemContext, children, }: ScopedProps<{
     children?: any;
     context: SelectContextValue;
+    itemContext: SelectItemParentContextValue;
 }>) => JSX.Element;
 //# sourceMappingURL=context.d.ts.map

package/types/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEzD,eAAO,MAAO,mBAAmB;;;;;;;;;qCAAE,iBAAiB,+CACnB,CAAA;AAEjC,eAAO,MAAO,cAAc;;;;;;GAAE,gBAAgB;;;oCACQ,CAAA;AAEtD,eAAO,MAAM,oBAAoB,UACxB,YAAY;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC,gBAOpE,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAEvF,eAAO,MAAO,mBAAmB;;;;;;;;;qCAAE,iBAAiB,+CAAmC,CAAA;AAEvF,eAAO,MAAO,cAAc;;;;;;GAAE,gBAAgB;;;oCACQ,CAAA;AAItD,eAAO,MAAO,6BAA6B;;;;;;;;;qCAAE,2BAA2B,+CACxB,CAAA;AAEhD,eAAO,MAAO,wBAAwB;;;;;;GAAE,0BAA0B;;;8CACF,CAAA;AAEhE,eAAO,MAAM,oBAAoB;eAMpB,GAAG;aACL,kBAAkB;iBACd,4BAA4B;kBAS1C,CAAA"}

package/types/types.d.ts

@@ -30,48 +30,54 @@ export interface SelectProps {
      */
     native?: NativeValue<'web'>;
 }
+type DisposeFn = () => void;
+export type EmitterSubscriber<Val> = (cb: (val: Val) => void) => DisposeFn;
+export interface SelectItemParentContextValue {
+    setSelectedIndex: (index: number) => void;
+    listRef?: MutableRefObject<Array<HTMLElement | null>>;
+    setOpen: (open: boolean) => void;
+    onChange: (value: string) => void;
+    activeIndexSubscribe: EmitterSubscriber<number>;
+    valueSubscribe: EmitterSubscriber<any>;
+    allowSelectRef?: MutableRefObject<boolean>;
+    allowMouseUpRef?: MutableRefObject<boolean>;
+    setValueAtIndex: (index: number, value: string) => void;
+    selectTimeoutRef?: MutableRefObject<any>;
+    dataRef?: MutableRefObject<ContextData>;
+    interactions?: {
+        getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => any;
+        getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any;
+        getItemProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any;
+    };
+    shouldRenderWebNative?: boolean;
+    size?: SizeTokens;
+}
 export interface SelectContextValue {
     dir?: Direction;
     scopeKey: string;
     sheetBreakpoint: string | boolean | null;
-    size?: SizeTokens;
     value: any;
     selectedItem: ReactNode;
     setSelectedItem: (item: ReactNode) => void;
     selectedIndex: number;
-    setSelectedIndex: (index: number) => void;
     activeIndex: number | null;
     setActiveIndex: (index: number | null) => void;
-    setValueAtIndex: (index: number, value: string) => void;
     open: boolean;
-    setOpen: (open: boolean) => void;
-    onChange: (value: string) => void;
     valueNode: Element | null;
     onValueNodeChange(node: HTMLElement): void;
     forceUpdate: DispatchWithoutAction;
     isInSheet?: boolean;
     fallback: boolean;
     blockSelection: boolean;
-    allowSelectRef?: MutableRefObject<boolean>;
-    allowMouseUpRef?: MutableRefObject<boolean>;
     upArrowRef?: MutableRefObject<HTMLDivElement | null>;
     downArrowRef?: MutableRefObject<HTMLDivElement | null>;
-    selectTimeoutRef?: MutableRefObject<any>;
     setScrollTop?: Function;
     setInnerOffset?: Function;
-    dataRef?: MutableRefObject<ContextData>;
     controlledScrolling?: boolean;
-    listRef?: MutableRefObject<Array<HTMLElement | null>>;
     canScrollUp?: boolean;
     canScrollDown?: boolean;
     floatingContext?: FloatingContext<ReferenceType>;
-    interactions?: {
-        getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => any;
-        getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any;
-        getItemProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any;
-    };
     native?: NativeValue;
-    shouldRenderWebNative: boolean;
     /** update floating-ui to recalculate */
     update?: () => void;
 }
@@ -90,4 +96,5 @@ export interface SelectScrollButtonImplProps extends YStackProps {
 }
 export interface SelectScrollButtonProps extends Omit<SelectScrollButtonImplProps, 'dir' | 'componentName'> {
 }
+export {};
 //# sourceMappingURL=types.d.ts.map