@tamagui/select 1.115.4 → 1.116.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/select",
-  "version": "1.115.4",
+  "version": "1.116.0",
   "removeSideEffects": "true",
   "source": "src/index.tsx",
   "types": "./types/index.d.ts",
@@ -35,33 +35,33 @@
     "@floating-ui/react": "^0.26.24",
     "@floating-ui/react-dom": "^2.1.2",
     "@floating-ui/react-native": "^0.10.6",
-    "@tamagui/adapt": "1.115.4",
-    "@tamagui/animate-presence": "1.115.4",
-    "@tamagui/compose-refs": "1.115.4",
-    "@tamagui/constants": "1.115.4",
-    "@tamagui/core": "1.115.4",
-    "@tamagui/create-context": "1.115.4",
-    "@tamagui/dismissable": "1.115.4",
-    "@tamagui/focus-scope": "1.115.4",
-    "@tamagui/get-token": "1.115.4",
-    "@tamagui/helpers": "1.115.4",
-    "@tamagui/list-item": "1.115.4",
-    "@tamagui/portal": "1.115.4",
-    "@tamagui/remove-scroll": "1.115.4",
-    "@tamagui/separator": "1.115.4",
-    "@tamagui/sheet": "1.115.4",
-    "@tamagui/stacks": "1.115.4",
-    "@tamagui/text": "1.115.4",
-    "@tamagui/use-controllable-state": "1.115.4",
-    "@tamagui/use-debounce": "1.115.4",
-    "@tamagui/use-event": "1.115.4",
-    "@tamagui/use-previous": "1.115.4"
+    "@tamagui/adapt": "1.116.0",
+    "@tamagui/animate-presence": "1.116.0",
+    "@tamagui/compose-refs": "1.116.0",
+    "@tamagui/constants": "1.116.0",
+    "@tamagui/core": "1.116.0",
+    "@tamagui/create-context": "1.116.0",
+    "@tamagui/dismissable": "1.116.0",
+    "@tamagui/focus-scope": "1.116.0",
+    "@tamagui/get-token": "1.116.0",
+    "@tamagui/helpers": "1.116.0",
+    "@tamagui/list-item": "1.116.0",
+    "@tamagui/portal": "1.116.0",
+    "@tamagui/remove-scroll": "1.116.0",
+    "@tamagui/separator": "1.116.0",
+    "@tamagui/sheet": "1.116.0",
+    "@tamagui/stacks": "1.116.0",
+    "@tamagui/text": "1.116.0",
+    "@tamagui/use-controllable-state": "1.116.0",
+    "@tamagui/use-debounce": "1.116.0",
+    "@tamagui/use-event": "1.116.0",
+    "@tamagui/use-previous": "1.116.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.115.4",
+    "@tamagui/build": "1.116.0",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
     "react-native": "0.74.1"

package/src/Select.tsx

@@ -1,23 +1,20 @@
-import { Adapt, useAdaptParent } from '@tamagui/adapt'
+import { Adapt, AdaptParent, useAdaptIsActive } from '@tamagui/adapt'
 import { useComposedRefs } from '@tamagui/compose-refs'
 import { isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
 import type { FontSizeTokens, GetProps, TamaguiElement } from '@tamagui/core'
 import { getVariableValue, styled, useEvent, useGet } from '@tamagui/core'
+import { registerFocusable } from '@tamagui/focusable'
 import { getSpace } from '@tamagui/get-token'
 import { withStaticProperties } from '@tamagui/helpers'
 import type { ListItemProps } from '@tamagui/list-item'
 import { ListItem } from '@tamagui/list-item'
-import { PortalHost } from '@tamagui/portal'
 import { Separator } from '@tamagui/separator'
-import { registerFocusable } from '@tamagui/focusable'
 import { Sheet, SheetController } from '@tamagui/sheet'
 import { ThemeableStack, XStack, YStack } from '@tamagui/stacks'
 import { Paragraph, SizableText } from '@tamagui/text'
 import { useControllableState } from '@tamagui/use-controllable-state'
-import * as React from 'react'
 import { useDebounce } from '@tamagui/use-debounce'
-
-import { SELECT_NAME } from './constants'
+import * as React from 'react'
 import {
   SelectItemParentProvider,
   SelectProvider,
@@ -32,11 +29,8 @@ import { ITEM_TEXT_NAME, SelectItemText } from './SelectItemText'
 import { SelectScrollDownButton, SelectScrollUpButton } from './SelectScrollButton'
 import { SelectTrigger } from './SelectTrigger'
 import { SelectViewport } from './SelectViewport'
-import type { SelectScopedProps, SelectImplProps, SelectProps } from './types'
-import {
-  useSelectBreakpointActive,
-  useShowSelectSheet,
-} from './useSelectBreakpointActive'
+import type { SelectImplProps, SelectProps, SelectScopedProps } from './types'
+import { useShowSelectSheet } from './useSelectBreakpointActive'
 
 /* -------------------------------------------------------------------------------------------------
  * SelectValue
@@ -314,7 +308,7 @@ const SelectSheetController = (
 ) => {
   const context = useSelectContext('SelectSheetController', props.__scopeSelect)
   const showSheet = useShowSelectSheet(context)
-  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)
+  const isAdapted = useAdaptIsActive()
   const getShowSheet = useGet(showSheet)
 
   return (
@@ -325,7 +319,7 @@ const SelectSheetController = (
         }
       }}
       open={context.open}
-      hidden={breakpointActive === false}
+      hidden={isAdapted === false}
     >
       {props.children}
     </SheetController>
@@ -341,181 +335,16 @@ const SelectSheetImpl = (props: SelectImplProps) => {
  * -----------------------------------------------------------------------------------------------*/
 
 export const Select = withStaticProperties(
-  (props: SelectScopedProps<SelectProps>) => {
-    const {
-      __scopeSelect,
-      native,
-      children,
-      open: openProp,
-      defaultOpen,
-      onOpenChange,
-      value: valueProp,
-      defaultValue,
-      onValueChange,
-      disablePreventBodyScroll,
-      size: sizeProp = '$true',
-      onActiveChange,
-      dir,
-      id,
-    } = props
-
+  function Select(props: SelectScopedProps<SelectProps>) {
     const internalId = React.useId()
-    const scopeKey = __scopeSelect
-      ? (Object.keys(__scopeSelect)[0] ?? internalId)
+    const scopeKey = props.__scopeSelect
+      ? (Object.keys(props.__scopeSelect)[0] ?? internalId)
       : internalId
 
-    const { when, AdaptProvider } = useAdaptParent({
-      Contents: React.useCallback(
-        () => <PortalHost name={`${scopeKey}SheetContents`} />,
-        [scopeKey]
-      ),
-    })
-
-    const sheetBreakpoint = when
-    const isSheet = useSelectBreakpointActive(sheetBreakpoint)
-    const SelectImpl = isSheet || !isWeb ? SelectSheetImpl : SelectInlineImpl
-    const forceUpdate = React.useReducer(() => ({}), {})[1]
-    const [selectedItem, setSelectedItem] = React.useState<React.ReactNode>(null)
-
-    const [open, setOpen] = useControllableState({
-      prop: openProp,
-      defaultProp: defaultOpen || false,
-      onChange: onOpenChange,
-    })
-
-    const [value, setValue] = useControllableState({
-      prop: valueProp,
-      defaultProp: defaultValue || '',
-      onChange: onValueChange,
-      transition: true,
-    })
-
-    React.useEffect(() => {
-      if (open) {
-        emitValue(value)
-      }
-    }, [open])
-
-    React.useEffect(() => {
-      emitValue(value)
-    }, [value])
-
-    if (process.env.TAMAGUI_TARGET === 'native') {
-      React.useEffect(() => {
-        if (!props.id) return
-
-        return registerFocusable(props.id, {
-          focusAndSelect: () => {
-            setOpen?.((value) => !value)
-          },
-          focus: () => {},
-        })
-      }, [props.id])
-    }
-
-    const [activeIndex, setActiveIndex] = React.useState<number | null>(0)
-
-    const [emitValue, valueSubscribe] = useEmitter<any>()
-    const [emitActiveIndex, activeIndexSubscribe] = useEmitter<number>()
-
-    const selectedIndexRef = React.useRef<number | null>(null)
-    const activeIndexRef = React.useRef<number | null>(null)
-    const listContentRef = React.useRef<string[]>([])
-    const [selectedIndex, setSelectedIndex] = React.useState(0)
-    const [valueNode, setValueNode] = React.useState<HTMLElement | null>(null)
-
-    useIsomorphicLayoutEffect(() => {
-      selectedIndexRef.current = selectedIndex
-      activeIndexRef.current = activeIndex
-    })
-
-    const shouldRenderWebNative =
-      isWeb &&
-      (native === true ||
-        native === 'web' ||
-        (Array.isArray(native) && native.includes('web')))
-
-    // TODO its calling this a bunch if you move mouse around on select items fast
-    // using a debounce for now but need to fix root issue
-    const setActiveIndexDebounced = useDebounce(
-      (index: number | null) => {
-        setActiveIndex((prev) => {
-          if (prev !== index) {
-            if (typeof index === 'number') {
-              emitActiveIndex(index)
-            }
-            return index
-          }
-          return prev
-        })
-      },
-      1,
-      {},
-      []
-    )
-
     return (
-      <AdaptProvider>
-        <SelectItemParentProvider
-          scope={__scopeSelect}
-          initialValue={React.useMemo(() => value, [open])}
-          size={sizeProp}
-          activeIndexSubscribe={activeIndexSubscribe}
-          valueSubscribe={valueSubscribe}
-          setOpen={setOpen}
-          id={id}
-          onChange={React.useCallback((val) => {
-            setValue(val)
-            emitValue(val)
-          }, [])}
-          onActiveChange={useEvent((...args) => {
-            onActiveChange?.(...args)
-          })}
-          setSelectedIndex={setSelectedIndex}
-          setValueAtIndex={React.useCallback((index, value) => {
-            listContentRef.current[index] = value
-          }, [])}
-          shouldRenderWebNative={shouldRenderWebNative}
-        >
-          <SelectProvider
-            scope={__scopeSelect}
-            disablePreventBodyScroll={disablePreventBodyScroll}
-            dir={dir}
-            blockSelection={false}
-            fallback={false}
-            selectedItem={selectedItem}
-            setSelectedItem={setSelectedItem}
-            forceUpdate={forceUpdate}
-            valueNode={valueNode}
-            onValueNodeChange={setValueNode}
-            scopeKey={scopeKey}
-            sheetBreakpoint={sheetBreakpoint}
-            activeIndex={activeIndex}
-            selectedIndex={selectedIndex}
-            setActiveIndex={setActiveIndexDebounced}
-            value={value}
-            open={open}
-            native={native}
-          >
-            <SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}>
-              {shouldRenderWebNative ? (
-                children
-              ) : (
-                <SelectImpl
-                  activeIndexRef={activeIndexRef}
-                  listContentRef={listContentRef}
-                  selectedIndexRef={selectedIndexRef}
-                  {...props}
-                  open={open}
-                  value={value}
-                >
-                  {children}
-                </SelectImpl>
-              )}
-            </SelectSheetController>
-          </SelectProvider>
-        </SelectItemParentProvider>
-      </AdaptProvider>
+      <AdaptParent scope={`${scopeKey}SheetContents`} portal>
+        <SelectInner scopeKey={scopeKey} {...props} />
+      </AdaptParent>
     )
   },
   {
@@ -553,5 +382,164 @@ function useEmitter<A>() {
   return [emit, subscribe] as const
 }
 
-// @ts-ignore
-Select.displayName = SELECT_NAME
+function SelectInner(props: SelectScopedProps<SelectProps> & { scopeKey: string }) {
+  const {
+    __scopeSelect,
+    native,
+    children,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    value: valueProp,
+    defaultValue,
+    onValueChange,
+    disablePreventBodyScroll,
+    size: sizeProp = '$true',
+    onActiveChange,
+    dir,
+    id,
+  } = props
+
+  const isAdapted = useAdaptIsActive()
+  const SelectImpl = isAdapted || !isWeb ? SelectSheetImpl : SelectInlineImpl
+  const forceUpdate = React.useReducer(() => ({}), {})[1]
+  const [selectedItem, setSelectedItem] = React.useState<React.ReactNode>(null)
+
+  const [open, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen || false,
+    onChange: onOpenChange,
+  })
+
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue || '',
+    onChange: onValueChange,
+    transition: true,
+  })
+
+  React.useEffect(() => {
+    if (open) {
+      emitValue(value)
+    }
+  }, [open])
+
+  React.useEffect(() => {
+    emitValue(value)
+  }, [value])
+
+  if (process.env.TAMAGUI_TARGET === 'native') {
+    React.useEffect(() => {
+      if (!props.id) return
+
+      return registerFocusable(props.id, {
+        focusAndSelect: () => {
+          setOpen?.((value) => !value)
+        },
+        focus: () => {},
+      })
+    }, [props.id])
+  }
+
+  const [activeIndex, setActiveIndex] = React.useState<number | null>(0)
+
+  const [emitValue, valueSubscribe] = useEmitter<any>()
+  const [emitActiveIndex, activeIndexSubscribe] = useEmitter<number>()
+
+  const selectedIndexRef = React.useRef<number | null>(null)
+  const activeIndexRef = React.useRef<number | null>(null)
+  const listContentRef = React.useRef<string[]>([])
+  const [selectedIndex, setSelectedIndex] = React.useState(0)
+  const [valueNode, setValueNode] = React.useState<HTMLElement | null>(null)
+
+  useIsomorphicLayoutEffect(() => {
+    selectedIndexRef.current = selectedIndex
+    activeIndexRef.current = activeIndex
+  })
+
+  const shouldRenderWebNative =
+    isWeb &&
+    (native === true ||
+      native === 'web' ||
+      (Array.isArray(native) && native.includes('web')))
+
+  // TODO its calling this a bunch if you move mouse around on select items fast
+  // using a debounce for now but need to fix root issue
+  const setActiveIndexDebounced = useDebounce(
+    (index: number | null) => {
+      setActiveIndex((prev) => {
+        if (prev !== index) {
+          if (typeof index === 'number') {
+            emitActiveIndex(index)
+          }
+          return index
+        }
+        return prev
+      })
+    },
+    1,
+    {},
+    []
+  )
+
+  return (
+    <SelectItemParentProvider
+      scope={__scopeSelect}
+      initialValue={React.useMemo(() => value, [open])}
+      size={sizeProp}
+      activeIndexSubscribe={activeIndexSubscribe}
+      valueSubscribe={valueSubscribe}
+      setOpen={setOpen}
+      id={id}
+      onChange={React.useCallback((val) => {
+        setValue(val)
+        emitValue(val)
+      }, [])}
+      onActiveChange={useEvent((...args) => {
+        onActiveChange?.(...args)
+      })}
+      setSelectedIndex={setSelectedIndex}
+      setValueAtIndex={React.useCallback((index, value) => {
+        listContentRef.current[index] = value
+      }, [])}
+      shouldRenderWebNative={shouldRenderWebNative}
+    >
+      <SelectProvider
+        scope={__scopeSelect}
+        disablePreventBodyScroll={disablePreventBodyScroll}
+        dir={dir}
+        blockSelection={false}
+        fallback={false}
+        selectedItem={selectedItem}
+        setSelectedItem={setSelectedItem}
+        forceUpdate={forceUpdate}
+        valueNode={valueNode}
+        onValueNodeChange={setValueNode}
+        scopeKey={props.scopeKey}
+        activeIndex={activeIndex}
+        selectedIndex={selectedIndex}
+        setActiveIndex={setActiveIndexDebounced}
+        value={value}
+        open={open}
+        native={native}
+      >
+        <SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}>
+          {shouldRenderWebNative ? (
+            children
+          ) : (
+            <SelectImpl
+              activeIndexRef={activeIndexRef}
+              listContentRef={listContentRef}
+              selectedIndexRef={selectedIndexRef}
+              {...props}
+              open={open}
+              value={value}
+            >
+              {children}
+            </SelectImpl>
+          )}
+        </SelectSheetController>
+      </SelectProvider>
+    </SelectItemParentProvider>
+  )
+}

package/src/SelectViewport.native.tsx

@@ -1,7 +1,5 @@
-import { AdaptParentContext } from '@tamagui/adapt'
+import { AdaptContext, AdaptPortalContents, useAdaptContext } from '@tamagui/adapt'
 import { Theme, useThemeName } from '@tamagui/core'
-import { PortalItem } from '@tamagui/portal'
-import * as React from 'react'
 
 import { VIEWPORT_NAME } from './constants'
 import {
@@ -16,23 +14,22 @@ export const SelectViewport = (props: SelectScopedProps<SelectViewportProps>) =>
   const context = useSelectContext(VIEWPORT_NAME, __scopeSelect)
   const itemParentContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect)
   const themeName = useThemeName()
-  const adaptContext = React.useContext(AdaptParentContext)
 
-  // need to forward context...
+  // re-propogate context...
+  const adaptContext = useAdaptContext()
+
   return (
-    <PortalItem hostName={`${context.scopeKey}SheetContents`}>
+    <AdaptPortalContents>
       <Theme name={themeName}>
         <ForwardSelectContext
           __scopeSelect={__scopeSelect}
           itemContext={itemParentContext}
           context={context}
         >
-          <AdaptParentContext.Provider value={adaptContext}>
-            {children}
-          </AdaptParentContext.Provider>
+          <AdaptContext.Provider {...adaptContext}>{children}</AdaptContext.Provider>
         </ForwardSelectContext>
       </Theme>
-    </PortalItem>
+    </AdaptPortalContents>
   )
 }
 

package/src/SelectViewport.tsx

@@ -1,11 +1,10 @@
 import { FloatingFocusManager } from '@floating-ui/react'
+import { AdaptPortalContents, useAdaptIsActive } from '@tamagui/adapt'
 import { AnimatePresence } from '@tamagui/animate-presence'
 import { composeRefs } from '@tamagui/compose-refs'
 import { isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
-import { View, styled } from '@tamagui/core'
-import { PortalItem } from '@tamagui/portal'
+import { styled } from '@tamagui/core'
 import { ThemeableStack } from '@tamagui/stacks'
-
 import { VIEWPORT_NAME } from './constants'
 import {
   ForwardSelectContext,
@@ -17,7 +16,6 @@ import type {
   SelectViewportExtraProps,
   SelectViewportProps,
 } from './types'
-import { useSelectBreakpointActive } from './useSelectBreakpointActive'
 
 /* -------------------------------------------------------------------------------------------------
  * SelectViewport
@@ -57,21 +55,21 @@ export const SelectViewport = SelectViewportFrame.styleable<SelectViewportExtraP
     const { __scopeSelect, children, disableScroll, ...viewportProps } = props
     const context = useSelectContext(VIEWPORT_NAME, __scopeSelect)
     const itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect)
-    const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)
+    const isAdapted = useAdaptIsActive()
 
     useIsomorphicLayoutEffect(() => {
       if (context.update) {
         context.update()
       }
-    }, [breakpointActive])
+    }, [isAdapted])
 
     if (itemContext.shouldRenderWebNative) {
       return <>{children}</>
     }
 
-    if (breakpointActive || !isWeb) {
+    if (isAdapted || !isWeb) {
       return (
-        <PortalItem hostName={`${context.scopeKey}SheetContents`}>
+        <AdaptPortalContents>
           <ForwardSelectContext
             __scopeSelect={__scopeSelect}
             itemContext={itemContext}
@@ -79,7 +77,7 @@ export const SelectViewport = SelectViewportFrame.styleable<SelectViewportExtraP
           >
             {children}
           </ForwardSelectContext>
-        </PortalItem>
+        </AdaptPortalContents>
       )
     }
 

package/src/types.tsx

@@ -73,7 +73,6 @@ export interface SelectItemParentContextValue {
 export interface SelectContextValue {
   dir?: SelectDirection
   scopeKey: string
-  sheetBreakpoint: string | boolean | null
   value: any
   selectedItem: ReactNode
   setSelectedItem: (item: ReactNode) => void

package/src/useSelectBreakpointActive.tsx

@@ -1,17 +1,7 @@
-import { useMedia } from '@tamagui/core'
-
+import { useAdaptIsActive } from '@tamagui/adapt'
 import type { SelectContextValue } from './types'
 
-export const useSelectBreakpointActive = (
-  sheetBreakpoint: SelectContextValue['sheetBreakpoint']
-) => {
-  const media = useMedia()
-  if (!sheetBreakpoint) return false
-  if (sheetBreakpoint === true) return true
-  return sheetBreakpoint ? media[sheetBreakpoint] : false
-}
-
 export const useShowSelectSheet = (context: SelectContextValue) => {
-  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)
+  const breakpointActive = useAdaptIsActive()
   return context.open === false ? false : breakpointActive
 }

package/types/Select.d.ts

@@ -1,7 +1,7 @@
 import type { FontSizeTokens, TamaguiElement } from '@tamagui/core';
 import type { ListItemProps } from '@tamagui/list-item';
 import * as React from 'react';
-import type { SelectScopedProps, SelectProps } from './types';
+import type { SelectProps, SelectScopedProps } from './types';
 export interface SelectValueExtraProps {
     placeholder?: React.ReactNode;
 }
@@ -30,9 +30,11 @@ export declare const SelectSeparator: import("@tamagui/core").TamaguiComponent<i
     vertical?: boolean | undefined;
 }, import("@tamagui/core").StaticConfigPublic>;
 export declare const Select: ((props: SelectScopedProps<SelectProps>) => import("react/jsx-runtime").JSX.Element) & {
-    Adapt: (({ platform, when, children }: import("@tamagui/adapt").AdaptProps) => JSX.Element | null) & {
+    Adapt: ((props: import("@tamagui/adapt").AdaptProps) => import("react/jsx-runtime").JSX.Element) & {
         Contents: {
-            (props: any): React.FunctionComponentElement<any>;
+            ({ scope, ...rest }: {
+                scope?: string;
+            }): React.FunctionComponentElement<any>;
             shouldForwardSpace: boolean;
         };
     };

package/types/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"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"}

package/types/SelectViewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectViewport.d.ts","sourceRoot":"","sources":["../src/SelectViewport.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAEV,wBAAwB,EAEzB,MAAM,SAAS,CAAA;AAOhB,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;8CA2B9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAsF1B,CAAA"}
+{"version":3,"file":"SelectViewport.d.ts","sourceRoot":"","sources":["../src/SelectViewport.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAEV,wBAAwB,EAEzB,MAAM,SAAS,CAAA;AAMhB,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;8CA2B9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAsF1B,CAAA"}

package/types/SelectViewport.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectViewport.native.d.ts","sourceRoot":"","sources":["../src/SelectViewport.native.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAErE,eAAO,MAAM,cAAc;YAAW,iBAAiB,CAAC,mBAAmB,CAAC;;CAuB3E,CAAA"}
+{"version":3,"file":"SelectViewport.native.d.ts","sourceRoot":"","sources":["../src/SelectViewport.native.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAErE,eAAO,MAAM,cAAc;YAAW,iBAAiB,CAAC,mBAAmB,CAAC;;CAsB3E,CAAA"}

package/types/types.d.ts

@@ -66,7 +66,6 @@ export interface SelectItemParentContextValue {
 export interface SelectContextValue {
     dir?: SelectDirection;
     scopeKey: string;
-    sheetBreakpoint: string | boolean | null;
     value: any;
     selectedItem: ReactNode;
     setSelectedItem: (item: ReactNode) => void;