@tamagui/select 1.0.1-beta.130 → 1.0.1-beta.133

package/src/SelectImpl.tsx

@@ -15,7 +15,7 @@ import {
   useRole,
   useTypeahead,
 } from '@floating-ui/react-dom-interactions'
-import { useIsTouchDevice } from '@tamagui/core'
+import { useIsTouchDevice, useIsomorphicLayoutEffect } from '@tamagui/core'
 import * as React from 'react'
 import { flushSync } from 'react-dom'
 
@@ -200,6 +200,7 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
           state.current.isMouseOutside = true
         },
         onPointerMove() {
+          state.current.isMouseOutside = false
           setControlledScrolling(false)
         },
         onKeyDown() {
@@ -219,7 +220,7 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
 
   // effects
 
-  React.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (open) {
       selectTimeoutRef.current = setTimeout(() => {
         allowSelectRef.current = true
@@ -239,7 +240,7 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
 
   // Replacement for `useDismiss` as the arrows are outside of the floating
   // element DOM tree.
-  React.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     function onPointerDown(e: PointerEvent) {
       const target = e.target as Node
       if (
@@ -248,6 +249,7 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
         !downArrowRef.current?.contains(target)
       ) {
         setOpen(false)
+        setControlledScrolling(false)
       }
     }
 
@@ -261,32 +263,28 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
 
   // Scroll the `activeIndex` item into view only in "controlledScrolling"
   // (keyboard nav) mode.
-  React.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (open && controlledScrolling) {
-      requestAnimationFrame(() => {
-        if (activeIndex != null) {
-          listItemsRef.current[activeIndex]?.scrollIntoView({ block: 'nearest' })
-        }
-      })
+      if (activeIndex != null) {
+        listItemsRef.current[activeIndex]?.scrollIntoView({ block: 'nearest' })
+      }
     }
 
     setScrollTop(refs.floating.current?.scrollTop ?? 0)
   }, [open, refs, controlledScrolling, activeIndex])
 
   // Scroll the `selectedIndex` into view upon opening the floating element.
-  React.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (open && fallback) {
-      requestAnimationFrame(() => {
-        if (selectedIndex != null) {
-          listItemsRef.current[selectedIndex]?.scrollIntoView({ block: 'nearest' })
-        }
-      })
+      if (selectedIndex != null) {
+        listItemsRef.current[selectedIndex]?.scrollIntoView({ block: 'nearest' })
+      }
     }
   }, [open, fallback, selectedIndex])
 
   // Unset the height limiting for fallback mode. This gets executed prior to
   // the positioning call.
-  React.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (refs.floating.current && fallback) {
       refs.floating.current.style.maxHeight = ''
     }
@@ -342,8 +340,3 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
 
 // Cross browser fixes for pinch-zooming/backdrop-filter 🙄
 const userAgent = (typeof navigator !== 'undefined' && navigator.userAgent) || ''
-const isFirefox = userAgent.toLowerCase().includes('firefox')
-
-function getVisualOffsetTop() {
-  return !/^((?!chrome|android).)*safari/i.test(userAgent) ? visualViewport?.offsetTop ?? 0 : 0
-}

package/src/SelectScrollButton.tsx

@@ -1,6 +1,6 @@
 import { autoUpdate, offset, useFloating } from '@floating-ui/react-dom-interactions'
 import { useComposedRefs } from '@tamagui/compose-refs'
-import { TamaguiElement } from '@tamagui/core'
+import { TamaguiElement, useIsomorphicLayoutEffect } from '@tamagui/core'
 import { YStack } from '@tamagui/stacks'
 import * as React from 'react'
 import { flushSync } from 'react-dom'
@@ -85,7 +85,7 @@ const SelectScrollButtonImpl = React.memo(
         }
       }
 
-      React.useLayoutEffect(() => {
+      useIsomorphicLayoutEffect(() => {
         return () => {
           // eslint-disable-next-line react-hooks/exhaustive-deps
           cancelAnimationFrame(frameRef.current)

package/src/SelectViewport.tsx

@@ -62,16 +62,14 @@ export const SelectViewport = React.forwardRef<TamaguiElement, SelectViewportPro
 
     return (
       <>
-        {/* Hide scrollbars cross-browser and enable momentum scroll for touch devices */}
         <style
           dangerouslySetInnerHTML={{
-            __html: disableScrollbarCSS,
+            __html: selectViewportCSS,
           }}
         />
         <FloatingFocusManager context={context.floatingContext} preventTabbing>
           <SelectViewportFrame
             size={context.size}
-            data-tamagui-select-viewport=""
             // @ts-ignore
             role="presentation"
             {...viewportProps}
@@ -89,8 +87,14 @@ export const SelectViewport = React.forwardRef<TamaguiElement, SelectViewportPro
 
 SelectViewport.displayName = VIEWPORT_NAME
 
-const disableScrollbarCSS = `[data-tamagui-select-viewport]{
-  scrollbar-width:none;-webkit-overflow-scrolling:touch;
+const selectViewportCSS = `
+.is_SelectViewport {
+  scrollbar-width: none;
+  -webkit-overflow-scrolling: touch;
   overscroll-behavior: contain;
 }
-[data-tamagui-select-viewport]::-webkit-scrollbar{display:none}`
+
+.is_SelectViewport::-webkit-scrollbar{
+  display:none
+}
+`

package/types/Select.d.ts

@@ -19,7 +19,7 @@ export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<import(
     elevate?: boolean | undefined;
     bordered?: number | boolean | undefined;
     transparent?: boolean | undefined;
-    chromeless?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
 }, "disabled" | "size" | "active"> & {
     size?: import("@tamagui/core").SizeTokens | undefined;
     active?: boolean | undefined;
@@ -39,7 +39,7 @@ export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<import(
     elevate?: boolean | undefined;
     bordered?: number | boolean | undefined;
     transparent?: boolean | undefined;
-    chromeless?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
 }, "disabled" | "size" | "active"> & {
     size?: import("@tamagui/core").SizeTokens | undefined;
     active?: boolean | undefined;
@@ -59,7 +59,7 @@ export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<import(
     elevate?: boolean | undefined;
     bordered?: number | boolean | undefined;
     transparent?: boolean | undefined;
-    chromeless?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
 }, "disabled" | "size" | "active"> & {
     size?: import("@tamagui/core").SizeTokens | undefined;
     active?: boolean | undefined;
@@ -106,7 +106,10 @@ export declare const SelectIcon: import("@tamagui/core").TamaguiComponent<(Omit<
 }>>), any, import("@tamagui/core").StackPropsBase, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-} & ({} | {
+} | ({
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
     [x: string]: undefined;
 })>;
 export interface SelectItemProps extends YStackProps {
@@ -136,43 +139,57 @@ export declare const SelectItemTextFrame: import("@tamagui/core").TamaguiCompone
     [x: string]: undefined;
 }>>) | (Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
     size?: import("@tamagui/core").FontSizeTokens | undefined;
-} & ({} | {
+} | ({
+    size?: import("@tamagui/core").FontSizeTokens | undefined;
+} & {
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
 } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
     size?: import("@tamagui/core").FontSizeTokens | undefined;
-} & ({} | {
+} | ({
+    size?: import("@tamagui/core").FontSizeTokens | undefined;
+} & {
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
 }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
     size?: import("@tamagui/core").FontSizeTokens | undefined;
-} & ({} | {
+} | ({
+    size?: import("@tamagui/core").FontSizeTokens | undefined;
+} & {
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
 }>>) | (Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
     size?: import("@tamagui/core").FontSizeTokens | undefined;
-} & ({} | {
+} | ({
+    size?: import("@tamagui/core").FontSizeTokens | undefined;
+} & {
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
 } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
     size?: import("@tamagui/core").FontSizeTokens | undefined;
-} & ({} | {
+} | ({
+    size?: import("@tamagui/core").FontSizeTokens | undefined;
+} & {
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
 }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
     size?: import("@tamagui/core").FontSizeTokens | undefined;
-} & ({} | {
+} | ({
+    size?: import("@tamagui/core").FontSizeTokens | undefined;
+} & {
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
 }>>), any, import("@tamagui/core").TextPropsBase, ({
     size?: import("@tamagui/core").FontSizeTokens | undefined;
-} & ({} | {
+} | ({
+    size?: import("@tamagui/core").FontSizeTokens | undefined;
+} & {
     [x: string]: undefined;
 })) & ({} | {
     [x: string]: undefined;
@@ -206,7 +223,10 @@ export declare const SelectGroupFrame: import("@tamagui/core").TamaguiComponent<
 }>>), any, import("@tamagui/core").StackPropsBase, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-} & ({} | {
+} | ({
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
     [x: string]: undefined;
 })>;
 export declare type SelectLabelProps = ListItemProps;
@@ -230,7 +250,9 @@ export declare const SelectSeparator: import("@tamagui/core").TamaguiComponent<(
     [x: string]: undefined;
 }>>), any, import("@tamagui/core").StackPropsBase, {
     vertical?: boolean | undefined;
-} & ({} | {
+} | ({
+    vertical?: boolean | undefined;
+} & {
     [x: string]: undefined;
 })>;
 export declare const useSelectBreakpointActive: (sheetBreakpoint: SelectContextValue['sheetBreakpoint']) => boolean;
@@ -293,7 +315,10 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
     }>>), any, import("@tamagui/core").StackPropsBase, {
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        readonly fullscreen?: boolean | undefined;
+        readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     })>;
     Item: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<TamaguiElement>>;
@@ -342,37 +367,49 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         [x: string]: undefined;
     }>>, string | number> | Pick<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
         size?: import("@tamagui/core").FontSizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     }), string | number> & {
         [x: string]: undefined;
     } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
         size?: import("@tamagui/core").FontSizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     }), string | number> & {
         [x: string]: undefined;
     }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
         size?: import("@tamagui/core").FontSizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     }), string | number> & {
         [x: string]: undefined;
     }>>, string | number> | Pick<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
         size?: import("@tamagui/core").FontSizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     }), string | number> & {
         [x: string]: undefined;
     } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
         size?: import("@tamagui/core").FontSizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     }), string | number> & {
         [x: string]: undefined;
     }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
         size?: import("@tamagui/core").FontSizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     }), string | number> & {
         [x: string]: undefined;
@@ -392,7 +429,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         elevate?: boolean | undefined;
         bordered?: number | boolean | undefined;
         transparent?: boolean | undefined;
-        chromeless?: boolean | undefined;
+        chromeless?: boolean | "all" | undefined;
     }, "disabled" | "size" | "active"> & {
         size?: import("@tamagui/core").SizeTokens | undefined;
         active?: boolean | undefined;
@@ -412,7 +449,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         elevate?: boolean | undefined;
         bordered?: number | boolean | undefined;
         transparent?: boolean | undefined;
-        chromeless?: boolean | undefined;
+        chromeless?: boolean | "all" | undefined;
     }, "disabled" | "size" | "active"> & {
         size?: import("@tamagui/core").SizeTokens | undefined;
         active?: boolean | undefined;
@@ -432,7 +469,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         elevate?: boolean | undefined;
         bordered?: number | boolean | undefined;
         transparent?: boolean | undefined;
-        chromeless?: boolean | undefined;
+        chromeless?: boolean | "all" | undefined;
     }, "disabled" | "size" | "active"> & {
         size?: import("@tamagui/core").SizeTokens | undefined;
         active?: boolean | undefined;
@@ -469,7 +506,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         elevate?: boolean | undefined;
         bordered?: number | boolean | undefined;
         transparent?: boolean | undefined;
-        chromeless?: boolean | undefined;
+        chromeless?: boolean | "all" | undefined;
     }, "disabled" | "size" | "active"> & {
         size?: import("@tamagui/core").SizeTokens | undefined;
         active?: boolean | undefined;
@@ -489,7 +526,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         elevate?: boolean | undefined;
         bordered?: number | boolean | undefined;
         transparent?: boolean | undefined;
-        chromeless?: boolean | undefined;
+        chromeless?: boolean | "all" | undefined;
     }, "disabled" | "size" | "active"> & {
         size?: import("@tamagui/core").SizeTokens | undefined;
         active?: boolean | undefined;
@@ -509,7 +546,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         elevate?: boolean | undefined;
         bordered?: number | boolean | undefined;
         transparent?: boolean | undefined;
-        chromeless?: boolean | undefined;
+        chromeless?: boolean | "all" | undefined;
     }, "disabled" | "size" | "active"> & {
         size?: import("@tamagui/core").SizeTokens | undefined;
         active?: boolean | undefined;
@@ -553,19 +590,25 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         placeholder?: React.ReactNode;
     }, string | number> | Pick<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
         size?: import("@tamagui/core").FontSizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     }), string | number> & {
         [x: string]: undefined;
     } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
         size?: import("@tamagui/core").FontSizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     }), string | number> & {
         [x: string]: undefined;
     }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
         size?: import("@tamagui/core").FontSizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     }), string | number> & {
         [x: string]: undefined;
@@ -573,19 +616,25 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         placeholder?: React.ReactNode;
     }, string | number> | Pick<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
         size?: import("@tamagui/core").FontSizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     }), string | number> & {
         [x: string]: undefined;
     } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
         size?: import("@tamagui/core").FontSizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     }), string | number> & {
         [x: string]: undefined;
     }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
         size?: import("@tamagui/core").FontSizeTokens | undefined;
-    } & ({} | {
+    } | ({
+        size?: import("@tamagui/core").FontSizeTokens | undefined;
+    } & {
         [x: string]: undefined;
     }), string | number> & {
         [x: string]: undefined;
@@ -607,7 +656,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         elevate?: boolean | undefined;
         bordered?: number | boolean | undefined;
         transparent?: boolean | undefined;
-        chromeless?: boolean | undefined;
+        chromeless?: boolean | "all" | undefined;
     } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -623,7 +672,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         elevate?: boolean | undefined;
         bordered?: number | boolean | undefined;
         transparent?: boolean | undefined;
-        chromeless?: boolean | undefined;
+        chromeless?: boolean | "all" | undefined;
     }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -639,7 +688,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         elevate?: boolean | undefined;
         bordered?: number | boolean | undefined;
         transparent?: boolean | undefined;
-        chromeless?: boolean | undefined;
+        chromeless?: boolean | "all" | undefined;
     }>> & {
         size?: import("@tamagui/core").SizeTokens | undefined;
     } & React.RefAttributes<TamaguiElement>>;

package/types/SelectContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectContentProps } from './types';
 export declare const SelectContent: ({ children, __scopeSelect }: SelectContentProps) => JSX.Element;
 //# sourceMappingURL=SelectContent.d.ts.map

package/types/SelectContent.native.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectContentProps } from './types';
 export declare const SelectContent: ({ children }: SelectContentProps) => import("react").ReactNode;
 //# sourceMappingURL=SelectContent.native.d.ts.map

package/types/SelectImpl.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScopedProps, SelectProps } from './types';
 export declare type SelectImplProps = ScopedProps<SelectProps> & {
     activeIndexRef: any;

package/types/SelectViewport.d.ts

@@ -15,7 +15,7 @@ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiCompone
     elevate?: boolean | undefined;
     bordered?: number | boolean | undefined;
     transparent?: boolean | undefined;
-    chromeless?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
 }, "size"> & {
     size?: import("@tamagui/core").SizeTokens | undefined;
 } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
@@ -33,7 +33,7 @@ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiCompone
     elevate?: boolean | undefined;
     bordered?: number | boolean | undefined;
     transparent?: boolean | undefined;
-    chromeless?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
 }, "size"> & {
     size?: import("@tamagui/core").SizeTokens | undefined;
 }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
@@ -51,7 +51,7 @@ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiCompone
     elevate?: boolean | undefined;
     bordered?: number | boolean | undefined;
     transparent?: boolean | undefined;
-    chromeless?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
 }, "size"> & {
     size?: import("@tamagui/core").SizeTokens | undefined;
 }>>, any, import("@tamagui/core").StackPropsBase, {
@@ -69,7 +69,7 @@ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiCompone
     elevate?: boolean | undefined;
     bordered?: number | boolean | undefined;
     transparent?: boolean | undefined;
-    chromeless?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
 } & {
     size?: import("@tamagui/core").SizeTokens | undefined;
 }>;
@@ -88,7 +88,7 @@ export declare const SelectViewport: React.ForwardRefExoticComponent<Omit<import
     elevate?: boolean | undefined;
     bordered?: number | boolean | undefined;
     transparent?: boolean | undefined;
-    chromeless?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
 } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -104,7 +104,7 @@ export declare const SelectViewport: React.ForwardRefExoticComponent<Omit<import
     elevate?: boolean | undefined;
     bordered?: number | boolean | undefined;
     transparent?: boolean | undefined;
-    chromeless?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
 }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -120,7 +120,7 @@ export declare const SelectViewport: React.ForwardRefExoticComponent<Omit<import
     elevate?: boolean | undefined;
     bordered?: number | boolean | undefined;
     transparent?: boolean | undefined;
-    chromeless?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
 }>> & {
     size?: import("@tamagui/core").SizeTokens | undefined;
 } & React.RefAttributes<TamaguiElement>>;

package/types/SelectViewport.native.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScopedProps, SelectViewportProps } from './types';
 export declare const SelectViewport: {
     (props: ScopedProps<SelectViewportProps>): JSX.Element;

package/types/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectContextValue } from './types';
 export declare const createSelectContext: <ContextValueType extends object | null>(rootComponentName: string, defaultContext?: ContextValueType | undefined) => readonly [{
     (props: ContextValueType & {