@tamagui/select 1.14.0 → 1.14.2

package/dist/jsx/SelectScrollButton.mjs

@@ -1,2 +1,127 @@
-import{autoUpdate as q,offset as k,useFloating as W}from"@floating-ui/react";import{useComposedRefs as z}from"@tamagui/compose-refs";import{useIsomorphicLayoutEffect as V}from"@tamagui/core";import{YStack as Y}from"@tamagui/stacks";import*as o from"react";import{flushSync as B}from"react-dom";import{useSelectContext as $}from"./context";const P="SelectScrollUpButton",j=o.forwardRef((l,c)=><E componentName={P}{...l}dir="up"ref={c}/>);j.displayName=P;const T="SelectScrollDownButton",G=o.forwardRef((l,c)=><E componentName={T}{...l}dir="down"ref={c}/>);G.displayName=T;const E=o.memo(o.forwardRef((l,c)=>{const{__scopeSelect:R,dir:s,componentName:p,...N}=l,{floatingRef:r,forceUpdate:J,open:u,fallback:x,setScrollTop:I,setInnerOffset:y,...A}=$(p,R),[e,F]=o.useState(null),f=o.useRef("idle"),S=A[s==="down"?"canScrollDown":"canScrollUp"],n=o.useRef(),{x:U,y:_,reference:L,floating:D,strategy:M,update:O,refs:m}=W({open:u&&S,strategy:"fixed",placement:s==="up"?"top":"bottom",middleware:[k(({rects:t})=>-t.floating.height)],whileElementsMounted:(...t)=>q(...t,{animationFrame:!0})}),H=z(c,D);if(r&&(u?e!==r.current&&(F(r.current),L(r.current),requestAnimationFrame(O)):cancelAnimationFrame(n.current)),V(()=>()=>{cancelAnimationFrame(n.current)},[]),!(S&&r))return null;const b=t=>{console.log("on scroll?"),x?m.floating.current&&(m.floating.current.scrollTop-=t,B(()=>I(m.floating.current?.scrollTop??0))):B(()=>y(i=>i-t))};return<Y ref={H}componentName={p}aria-hidden{...N}zIndex={1e3}position={M}left={U||0}top={_||0}width={`calc(${(r?.current?.offsetWidth??0)-2}px)`}onPointerEnter={()=>{f.current="active";let t=Date.now();function i(){if(e){const d=Date.now(),v=d-t;t=d;const a=v/2,g=s==="up"?e.scrollTop:e.scrollHeight-e.clientHeight-e.scrollTop,C=s==="up"?e.scrollTop-a>0:e.scrollTop+a<e.scrollHeight-e.clientHeight;b(s==="up"?Math.min(a,g):Math.max(-a,-g)),C&&(n.current=requestAnimationFrame(i))}}cancelAnimationFrame(n.current),n.current=requestAnimationFrame(i)}}onPointerLeave={()=>{f.current="idle",cancelAnimationFrame(n.current)}}/>}));export{G as SelectScrollDownButton,j as SelectScrollUpButton};
+import { autoUpdate, offset, useFloating } from "@floating-ui/react";
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { useIsomorphicLayoutEffect } from "@tamagui/core";
+import { YStack } from "@tamagui/stacks";
+import * as React from "react";
+import { flushSync } from "react-dom";
+import { useSelectContext } from "./context";
+const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
+const SelectScrollUpButton = React.forwardRef((props, forwardedRef) => {
+  return <SelectScrollButtonImpl
+    componentName={SCROLL_UP_BUTTON_NAME}
+    {...props}
+    dir="up"
+    ref={forwardedRef}
+  />;
+});
+SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
+const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
+const SelectScrollDownButton = React.forwardRef((props, forwardedRef) => {
+  return <SelectScrollButtonImpl
+    componentName={SCROLL_DOWN_BUTTON_NAME}
+    {...props}
+    dir="down"
+    ref={forwardedRef}
+  />;
+});
+SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
+const SelectScrollButtonImpl = React.memo(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeSelect, dir, componentName, ...scrollIndicatorProps } = props;
+      const {
+        floatingRef,
+        forceUpdate,
+        open,
+        fallback,
+        setScrollTop,
+        setInnerOffset,
+        ...context
+      } = useSelectContext(componentName, __scopeSelect);
+      const [element, setElement] = React.useState(null);
+      const statusRef = React.useRef("idle");
+      const isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"];
+      const frameRef = React.useRef();
+      const { x, y, reference, floating, strategy, update, refs } = useFloating({
+        open: open && isVisible,
+        strategy: "fixed",
+        placement: dir === "up" ? "top" : "bottom",
+        middleware: [offset(({ rects }) => -rects.floating.height)],
+        whileElementsMounted: (...args) => autoUpdate(...args, { animationFrame: true })
+      });
+      const composedRef = useComposedRefs(forwardedRef, floating);
+      if (floatingRef) {
+        if (open) {
+          if (element !== floatingRef.current) {
+            setElement(floatingRef.current);
+            reference(floatingRef.current);
+            requestAnimationFrame(update);
+          }
+        } else {
+          cancelAnimationFrame(frameRef.current);
+        }
+      }
+      useIsomorphicLayoutEffect(() => {
+        return () => {
+          cancelAnimationFrame(frameRef.current);
+        };
+      }, []);
+      if (!(isVisible && floatingRef)) {
+        return null;
+      }
+      const onScroll = (amount) => {
+        console.log("on scroll?");
+        if (fallback) {
+          if (refs.floating.current) {
+            refs.floating.current.scrollTop -= amount;
+            flushSync(() => setScrollTop(refs.floating.current?.scrollTop ?? 0));
+          }
+        } else {
+          flushSync(() => setInnerOffset((value) => value - amount));
+        }
+      };
+      return <YStack
+        ref={composedRef}
+        componentName={componentName}
+        aria-hidden
+        {...scrollIndicatorProps}
+        zIndex={1e3}
+        position={strategy}
+        left={x || 0}
+        top={y || 0}
+        width={`calc(${(floatingRef?.current?.offsetWidth ?? 0) - 2}px)`}
+        onPointerEnter={() => {
+          statusRef.current = "active";
+          let prevNow = Date.now();
+          function frame() {
+            if (element) {
+              const currentNow = Date.now();
+              const msElapsed = currentNow - prevNow;
+              prevNow = currentNow;
+              const pixelsToScroll = msElapsed / 2;
+              const remainingPixels = dir === "up" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop;
+              const scrollRemaining = dir === "up" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;
+              onScroll(
+                dir === "up" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels)
+              );
+              if (scrollRemaining) {
+                frameRef.current = requestAnimationFrame(frame);
+              }
+            }
+          }
+          cancelAnimationFrame(frameRef.current);
+          frameRef.current = requestAnimationFrame(frame);
+        }}
+        onPointerLeave={() => {
+          statusRef.current = "idle";
+          cancelAnimationFrame(frameRef.current);
+        }}
+      />;
+    }
+  )
+);
+export {
+  SelectScrollDownButton,
+  SelectScrollUpButton
+};
 //# sourceMappingURL=SelectScrollButton.mjs.map

package/dist/jsx/SelectScrollButton.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SelectScrollButton.tsx"],
   "sourcesContent": ["import { autoUpdate, offset, useFloating } from '@floating-ui/react'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport { TamaguiElement, useIsomorphicLayoutEffect } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { flushSync } from 'react-dom'\n\nimport { useSelectContext } from './context'\nimport {\n  ScopedProps,\n  SelectScrollButtonImplProps,\n  SelectScrollButtonProps,\n} from './types'\n\n/* -------------------------------------------------------------------------------------------------\n * SelectScrollUpButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst SCROLL_UP_BUTTON_NAME = 'SelectScrollUpButton'\n\nexport const SelectScrollUpButton = React.forwardRef<\n  TamaguiElement,\n  SelectScrollButtonProps\n>((props: ScopedProps<SelectScrollButtonProps>, forwardedRef) => {\n  return (\n    <SelectScrollButtonImpl\n      componentName={SCROLL_UP_BUTTON_NAME}\n      {...props}\n      dir=\"up\"\n      ref={forwardedRef}\n    />\n  )\n})\n\nSelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectScrollDownButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst SCROLL_DOWN_BUTTON_NAME = 'SelectScrollDownButton'\n\nexport const SelectScrollDownButton = React.forwardRef<\n  TamaguiElement,\n  SelectScrollButtonProps\n>((props: ScopedProps<SelectScrollButtonProps>, forwardedRef) => {\n  return (\n    <SelectScrollButtonImpl\n      componentName={SCROLL_DOWN_BUTTON_NAME}\n      {...props}\n      dir=\"down\"\n      ref={forwardedRef}\n    />\n  )\n})\n\nSelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME\n\ntype SelectScrollButtonImplElement = TamaguiElement\n\nconst SelectScrollButtonImpl = React.memo(\n  React.forwardRef<SelectScrollButtonImplElement, SelectScrollButtonImplProps>(\n    (props: ScopedProps<SelectScrollButtonImplProps>, forwardedRef) => {\n      const { __scopeSelect, dir, componentName, ...scrollIndicatorProps } = props\n      const {\n        floatingRef,\n        forceUpdate,\n        open,\n        fallback,\n        setScrollTop,\n        setInnerOffset,\n        ...context\n      } = useSelectContext(componentName, __scopeSelect)\n\n      const [element, setElement] = React.useState<HTMLElement | null>(null)\n      const statusRef = React.useRef<'idle' | 'active'>('idle')\n      const isVisible = context[dir === 'down' ? 'canScrollDown' : 'canScrollUp']\n      const frameRef = React.useRef<any>()\n\n      const { x, y, reference, floating, strategy, update, refs } = useFloating({\n        open: open && isVisible,\n        strategy: 'fixed',\n        placement: dir === 'up' ? 'top' : 'bottom',\n        middleware: [offset(({ rects }) => -rects.floating.height)],\n        whileElementsMounted: (...args) => autoUpdate(...args, { animationFrame: true }),\n      })\n\n      const composedRef = useComposedRefs(forwardedRef, floating)\n\n      if (floatingRef) {\n        if (open) {\n          if (element !== floatingRef.current) {\n            setElement(floatingRef.current)\n            reference(floatingRef.current)\n            requestAnimationFrame(update)\n          }\n        } else {\n          cancelAnimationFrame(frameRef.current)\n        }\n      }\n\n      useIsomorphicLayoutEffect(() => {\n        return () => {\n          // eslint-disable-next-line react-hooks/exhaustive-deps\n          cancelAnimationFrame(frameRef.current)\n        }\n      }, [])\n\n      if (!(isVisible && floatingRef)) {\n        return null\n      }\n\n      const onScroll = (amount: number) => {\n        console.log('on scroll?')\n        if (fallback) {\n          if (refs.floating.current) {\n            refs.floating.current.scrollTop -= amount\n            flushSync(() => setScrollTop!(refs.floating.current?.scrollTop ?? 0))\n          }\n        } else {\n          flushSync(() => setInnerOffset!((value) => value - amount))\n        }\n      }\n\n      return (\n        <YStack\n          ref={composedRef}\n          componentName={componentName}\n          aria-hidden\n          {...scrollIndicatorProps}\n          zIndex={1000}\n          // @ts-expect-error\n          position={strategy}\n          left={x || 0}\n          top={y || 0}\n          width={`calc(${(floatingRef?.current?.offsetWidth ?? 0) - 2}px)`}\n          onPointerEnter={() => {\n            statusRef.current = 'active'\n            let prevNow = Date.now()\n\n            function frame() {\n              if (element) {\n                const currentNow = Date.now()\n                const msElapsed = currentNow - prevNow\n                prevNow = currentNow\n\n                const pixelsToScroll = msElapsed / 2\n\n                const remainingPixels =\n                  dir === 'up'\n                    ? element.scrollTop\n                    : element.scrollHeight - element.clientHeight - element.scrollTop\n\n                const scrollRemaining =\n                  dir === 'up'\n                    ? element.scrollTop - pixelsToScroll > 0\n                    : element.scrollTop + pixelsToScroll <\n                      element.scrollHeight - element.clientHeight\n\n                onScroll(\n                  dir === 'up'\n                    ? Math.min(pixelsToScroll, remainingPixels)\n                    : Math.max(-pixelsToScroll, -remainingPixels)\n                )\n\n                if (scrollRemaining) {\n                  frameRef.current = requestAnimationFrame(frame)\n                }\n              }\n            }\n\n            cancelAnimationFrame(frameRef.current)\n            frameRef.current = requestAnimationFrame(frame)\n          }}\n          onPointerLeave={() => {\n            statusRef.current = 'idle'\n            cancelAnimationFrame(frameRef.current)\n          }}\n        />\n      )\n    }\n  )\n)\n"],
-  "mappings": "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",
-  "names": ["autoUpdate", "offset", "useFloating", "useComposedRefs", "useIsomorphicLayoutEffect", "YStack", "React", "flushSync", "useSelectContext", "SCROLL_UP_BUTTON_NAME", "SelectScrollUpButton", "props", "forwardedRef", "SelectScrollButtonImpl", "SCROLL_DOWN_BUTTON_NAME", "SelectScrollDownButton", "__scopeSelect", "dir", "componentName", "scrollIndicatorProps", "floatingRef", "forceUpdate", "open", "fallback", "setScrollTop", "setInnerOffset", "context", "element", "setElement", "statusRef", "isVisible", "frameRef", "x", "y", "reference", "floating", "strategy", "update", "refs", "rects", "args", "composedRef", "onScroll", "amount", "value", "prevNow", "frame", "currentNow", "msElapsed", "pixelsToScroll", "remainingPixels", "scrollRemaining"]
+  "mappings": "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",
+  "names": []
 }

package/dist/jsx/SelectScrollButton.native.js

@@ -1,2 +1,7 @@
-const e=o=>null,r=o=>null;export{r as SelectScrollDownButton,e as SelectScrollUpButton};
+const SelectScrollUpButton = (_) => null;
+const SelectScrollDownButton = (_) => null;
+export {
+  SelectScrollDownButton,
+  SelectScrollUpButton
+};
 //# sourceMappingURL=SelectScrollButton.native.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SelectScrollButton.native.tsx"],
   "sourcesContent": ["import { ScopedProps, SelectScrollButtonProps } from './types'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const SelectScrollUpButton = (_: ScopedProps<SelectScrollButtonProps>) => null\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const SelectScrollDownButton = (_: ScopedProps<SelectScrollButtonProps>) =>\n  null\n"],
-  "mappings": "AAGO,MAAMA,EAAwBC,GAA4C,KAGpEC,EAA0BD,GACrC",
-  "names": ["SelectScrollUpButton", "_", "SelectScrollDownButton"]
+  "mappings": "AAGO,MAAM,uBAAuB,CAAC,MAA4C;AAG1E,MAAM,yBAAyB,CAAC,MACrC;",
+  "names": []
 }

package/dist/jsx/SelectScrollButton.native.mjs

@@ -1,2 +1,7 @@
-const e=o=>null,r=o=>null;export{r as SelectScrollDownButton,e as SelectScrollUpButton};
+const SelectScrollUpButton = (_) => null;
+const SelectScrollDownButton = (_) => null;
+export {
+  SelectScrollDownButton,
+  SelectScrollUpButton
+};
 //# sourceMappingURL=SelectScrollButton.native.mjs.map

package/dist/jsx/SelectScrollButton.native.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SelectScrollButton.native.tsx"],
   "sourcesContent": ["import { ScopedProps, SelectScrollButtonProps } from './types'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const SelectScrollUpButton = (_: ScopedProps<SelectScrollButtonProps>) => null\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const SelectScrollDownButton = (_: ScopedProps<SelectScrollButtonProps>) =>\n  null\n"],
-  "mappings": "AAGO,MAAMA,EAAwBC,GAA4C,KAGpEC,EAA0BD,GACrC",
-  "names": ["SelectScrollUpButton", "_", "SelectScrollDownButton"]
+  "mappings": "AAGO,MAAM,uBAAuB,CAAC,MAA4C;AAG1E,MAAM,yBAAyB,CAAC,MACrC;",
+  "names": []
 }

package/dist/jsx/SelectViewport.js

@@ -1,4 +1,70 @@
-import{FloatingFocusManager as S}from"@floating-ui/react";import{isWeb as w}from"@tamagui/core";import{styled as g}from"@tamagui/core";import{PortalItem as P}from"@tamagui/portal";import{ThemeableStack as V}from"@tamagui/stacks";import*as v from"react";import{VIEWPORT_NAME as i}from"./constants";import{ForwardSelectContext as F,useSelectContext as C}from"./context";import{useSelectBreakpointActive as _}from"./useSelectBreakpointActive";const T=g(V,{name:i,backgroundColor:"$background",elevate:!0,bordered:!0,userSelect:"none",outlineWidth:0,variants:{size:{"...size":(t,{tokens:o})=>({borderRadius:o.radius[t]??t})}},defaultVariants:{size:"$2"}}),z=v.forwardRef((t,o)=>{const{__scopeSelect:l,children:r,disableScroll:n,...s}=t,e=C(i,l);if(_(e.sheetBreakpoint)||!w)return<P hostName={`${e.scopeKey}SheetContents`}><F context={e}>{r}</F></P>;if(!e.floatingContext)return null;if(!e.open)return r;const{style:{scrollbarWidth:I,listStyleType:M,overflow:a,...c},...p}=e.interactions.getFloatingProps();return<>{!n&&<style dangerouslySetInnerHTML={{__html:A}}/>}<S context={e.floatingContext}><T size={e.size}role="presentation"{...s}ref={o}{...p}{...c}overflow={n?void 0:a??"scroll"}>{r}</T></S></>});z.displayName=i;const A=`
+import { FloatingFocusManager } from "@floating-ui/react";
+import { isWeb } from "@tamagui/core";
+import { styled } from "@tamagui/core";
+import { PortalItem } from "@tamagui/portal";
+import { ThemeableStack } from "@tamagui/stacks";
+import * as React from "react";
+import { VIEWPORT_NAME } from "./constants";
+import { ForwardSelectContext, useSelectContext } from "./context";
+import { useSelectBreakpointActive } from "./useSelectBreakpointActive";
+const SelectViewportFrame = styled(ThemeableStack, {
+  name: VIEWPORT_NAME,
+  backgroundColor: "$background",
+  elevate: true,
+  bordered: true,
+  userSelect: "none",
+  outlineWidth: 0,
+  variants: {
+    size: {
+      "...size": (val, { tokens }) => {
+        return {
+          borderRadius: tokens.radius[val] ?? val
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$2"
+  }
+});
+const SelectViewport = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSelect, children, disableScroll, ...viewportProps } = props;
+    const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
+    const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
+    if (breakpointActive || !isWeb) {
+      return <PortalItem hostName={`${context.scopeKey}SheetContents`}><ForwardSelectContext context={context}>{children}</ForwardSelectContext></PortalItem>;
+    }
+    if (!context.floatingContext) {
+      return null;
+    }
+    if (!context.open) {
+      return children;
+    }
+    const {
+      style: { scrollbarWidth, listStyleType, overflow, ...restStyle },
+      ...floatingProps
+    } = context.interactions.getFloatingProps();
+    return <>
+      {!disableScroll && <style
+        dangerouslySetInnerHTML={{
+          __html: selectViewportCSS
+        }}
+      />}
+      <FloatingFocusManager context={context.floatingContext}><SelectViewportFrame
+        size={context.size}
+        role="presentation"
+        {...viewportProps}
+        ref={forwardedRef}
+        {...floatingProps}
+        {...restStyle}
+        overflow={disableScroll ? void 0 : overflow ?? "scroll"}
+      >{children}</SelectViewportFrame></FloatingFocusManager>
+    </>;
+  }
+);
+SelectViewport.displayName = VIEWPORT_NAME;
+const selectViewportCSS = `
 .is_SelectViewport {
   scrollbar-width: none;
   -webkit-overflow-scrolling: touch;
@@ -8,5 +74,9 @@ import{FloatingFocusManager as S}from"@floating-ui/react";import{isWeb as w}from
 .is_SelectViewport::-webkit-scrollbar{
   display:none
 }
-`;export{z as SelectViewport,T as SelectViewportFrame};
+`;
+export {
+  SelectViewport,
+  SelectViewportFrame
+};
 //# sourceMappingURL=SelectViewport.js.map

package/dist/jsx/SelectViewport.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SelectViewport.tsx"],
   "sourcesContent": ["import { FloatingFocusManager } from '@floating-ui/react'\nimport { TamaguiElement, isWeb } from '@tamagui/core'\nimport { styled } from '@tamagui/core'\nimport { PortalItem } from '@tamagui/portal'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport * as React from 'react'\n\nimport { VIEWPORT_NAME } from './constants'\nimport { ForwardSelectContext, useSelectContext } from './context'\nimport { ScopedProps, SelectViewportProps } from './types'\nimport { useSelectBreakpointActive } from './useSelectBreakpointActive'\n\n/* -------------------------------------------------------------------------------------------------\n * SelectViewport\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SelectViewportFrame = styled(ThemeableStack, {\n  name: VIEWPORT_NAME,\n  backgroundColor: '$background',\n  elevate: true,\n  bordered: true,\n  userSelect: 'none',\n  outlineWidth: 0,\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          borderRadius: tokens.radius[val] ?? val,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$2',\n  },\n})\n\nexport const SelectViewport = React.forwardRef<TamaguiElement, SelectViewportProps>(\n  (props: ScopedProps<SelectViewportProps>, forwardedRef) => {\n    const { __scopeSelect, children, disableScroll, ...viewportProps } = props\n    const context = useSelectContext(VIEWPORT_NAME, __scopeSelect)\n    const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)\n\n    if (breakpointActive || !isWeb) {\n      return (\n        <PortalItem hostName={`${context.scopeKey}SheetContents`}>\n          <ForwardSelectContext context={context}>{children}</ForwardSelectContext>\n        </PortalItem>\n      )\n    }\n\n    if (!context.floatingContext) {\n      return null\n    }\n\n    if (!context.open) {\n      return children\n    }\n\n    const {\n      style: { scrollbarWidth, listStyleType, overflow, ...restStyle },\n      ...floatingProps\n    } = context.interactions!.getFloatingProps()\n\n    return (\n      <>\n        {!disableScroll && (\n          <style\n            dangerouslySetInnerHTML={{\n              __html: selectViewportCSS,\n            }}\n          />\n        )}\n        <FloatingFocusManager context={context.floatingContext}>\n          <SelectViewportFrame\n            size={context.size}\n            // @ts-ignore\n            role=\"presentation\"\n            {...viewportProps}\n            ref={forwardedRef}\n            {...floatingProps}\n            {...restStyle}\n            overflow={disableScroll ? undefined : overflow ?? 'scroll'}\n          >\n            {children}\n          </SelectViewportFrame>\n        </FloatingFocusManager>\n      </>\n    )\n  }\n)\n\nSelectViewport.displayName = VIEWPORT_NAME\n\nconst selectViewportCSS = `\n.is_SelectViewport {\n  scrollbar-width: none;\n  -webkit-overflow-scrolling: touch;\n  overscroll-behavior: contain;\n}\n\n.is_SelectViewport::-webkit-scrollbar{\n  display:none\n}\n`\n"],
-  "mappings": "AAAA,OAAS,wBAAAA,MAA4B,qBACrC,OAAyB,SAAAC,MAAa,gBACtC,OAAS,UAAAC,MAAc,gBACvB,OAAS,cAAAC,MAAkB,kBAC3B,OAAS,kBAAAC,MAAsB,kBAC/B,UAAYC,MAAW,QAEvB,OAAS,iBAAAC,MAAqB,cAC9B,OAAS,wBAAAC,EAAsB,oBAAAC,MAAwB,YAEvD,OAAS,6BAAAC,MAAiC,8BAMnC,MAAMC,EAAsBR,EAAOE,EAAgB,CACxD,KAAME,EACN,gBAAiB,cACjB,QAAS,GACT,SAAU,GACV,WAAY,OACZ,aAAc,EAEd,SAAU,CACR,KAAM,CACJ,UAAW,CAACK,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,aAAcA,EAAO,OAAOD,CAAG,GAAKA,CACtC,EAEJ,CACF,EAEA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAEYE,EAAiBR,EAAM,WAClC,CAACS,EAAyCC,IAAiB,CACzD,KAAM,CAAE,cAAAC,EAAe,SAAAC,EAAU,cAAAC,EAAe,GAAGC,CAAc,EAAIL,EAC/DM,EAAUZ,EAAiBF,EAAeU,CAAa,EAG7D,GAFyBP,EAA0BW,EAAQ,eAAe,GAElD,CAACnB,EACvB,MACE,CAACE,EAAW,UAAU,GAAGiB,EAAQ,yBAC/B,CAACb,EAAqB,SAASa,IAAUH,EAAS,EAAjDV,EACH,EAFCJ,GAML,GAAI,CAACiB,EAAQ,gBACX,OAAO,KAGT,GAAI,CAACA,EAAQ,KACX,OAAOH,EAGT,KAAM,CACJ,MAAO,CAAE,eAAAI,EAAgB,cAAAC,EAAe,SAAAC,EAAU,GAAGC,CAAU,EAC/D,GAAGC,CACL,EAAIL,EAAQ,aAAc,iBAAiB,EAE3C,MACE,GACG,CAACF,GACA,CAAC,MACC,yBAAyB,CACvB,OAAQQ,CACV,EACF,GAEF,CAAC1B,EAAqB,SAASoB,EAAQ,iBACrC,CAACV,EACC,MAAMU,EAAQ,KAEd,KAAK,kBACDD,EACJ,KAAKJ,MACDU,MACAD,EACJ,UAAUN,EAAgB,OAAYK,GAAY,WAEjDN,EACH,EAXCP,EAYH,EAbCV,EAcH,GAEJ,CACF,EAEAa,EAAe,YAAcP,EAE7B,MAAMoB,EAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": ["FloatingFocusManager", "isWeb", "styled", "PortalItem", "ThemeableStack", "React", "VIEWPORT_NAME", "ForwardSelectContext", "useSelectContext", "useSelectBreakpointActive", "SelectViewportFrame", "val", "tokens", "SelectViewport", "props", "forwardedRef", "__scopeSelect", "children", "disableScroll", "viewportProps", "context", "scrollbarWidth", "listStyleType", "overflow", "restStyle", "floatingProps", "selectViewportCSS"]
+  "mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAyB,aAAa;AACtC,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,YAAY,WAAW;AAEvB,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB,wBAAwB;AAEvD,SAAS,iCAAiC;AAMnC,MAAM,sBAAsB,OAAO,gBAAgB;AAAA,EACxD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,OAAyC,iBAAiB;AACzD,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI;AACrE,UAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,UAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAE1E,QAAI,oBAAoB,CAAC,OAAO;AAC9B,aACE,CAAC,WAAW,UAAU,GAAG,QAAQ,yBAC/B,CAAC,qBAAqB,SAAS,UAAU,SAAS,EAAjD,qBACH,EAFC;AAAA,IAIL;AAEA,QAAI,CAAC,QAAQ,iBAAiB;AAC5B,aAAO;AAAA,IACT;AAEA,QAAI,CAAC,QAAQ,MAAM;AACjB,aAAO;AAAA,IACT;AAEA,UAAM;AAAA,MACJ,OAAO,EAAE,gBAAgB,eAAe,UAAU,GAAG,UAAU;AAAA,MAC/D,GAAG;AAAA,IACL,IAAI,QAAQ,aAAc,iBAAiB;AAE3C,WACE;AAAA,OACG,CAAC,iBACA,CAAC;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEF,CAAC,qBAAqB,SAAS,QAAQ,iBACrC,CAAC;AAAA,QACC,MAAM,QAAQ;AAAA,QAEd,KAAK;AAAA,YACD;AAAA,QACJ,KAAK;AAAA,YACD;AAAA,YACA;AAAA,QACJ,UAAU,gBAAgB,SAAY,YAAY;AAAA,QAEjD,SACH,EAXC,oBAYH,EAbC;AAAA,IAcH;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAE7B,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
 }

package/dist/jsx/SelectViewport.mjs

@@ -1,4 +1,70 @@
-import{FloatingFocusManager as S}from"@floating-ui/react";import{isWeb as w}from"@tamagui/core";import{styled as g}from"@tamagui/core";import{PortalItem as P}from"@tamagui/portal";import{ThemeableStack as V}from"@tamagui/stacks";import*as v from"react";import{VIEWPORT_NAME as i}from"./constants";import{ForwardSelectContext as F,useSelectContext as C}from"./context";import{useSelectBreakpointActive as _}from"./useSelectBreakpointActive";const T=g(V,{name:i,backgroundColor:"$background",elevate:!0,bordered:!0,userSelect:"none",outlineWidth:0,variants:{size:{"...size":(t,{tokens:o})=>({borderRadius:o.radius[t]??t})}},defaultVariants:{size:"$2"}}),z=v.forwardRef((t,o)=>{const{__scopeSelect:l,children:r,disableScroll:n,...s}=t,e=C(i,l);if(_(e.sheetBreakpoint)||!w)return<P hostName={`${e.scopeKey}SheetContents`}><F context={e}>{r}</F></P>;if(!e.floatingContext)return null;if(!e.open)return r;const{style:{scrollbarWidth:I,listStyleType:M,overflow:a,...c},...p}=e.interactions.getFloatingProps();return<>{!n&&<style dangerouslySetInnerHTML={{__html:A}}/>}<S context={e.floatingContext}><T size={e.size}role="presentation"{...s}ref={o}{...p}{...c}overflow={n?void 0:a??"scroll"}>{r}</T></S></>});z.displayName=i;const A=`
+import { FloatingFocusManager } from "@floating-ui/react";
+import { isWeb } from "@tamagui/core";
+import { styled } from "@tamagui/core";
+import { PortalItem } from "@tamagui/portal";
+import { ThemeableStack } from "@tamagui/stacks";
+import * as React from "react";
+import { VIEWPORT_NAME } from "./constants";
+import { ForwardSelectContext, useSelectContext } from "./context";
+import { useSelectBreakpointActive } from "./useSelectBreakpointActive";
+const SelectViewportFrame = styled(ThemeableStack, {
+  name: VIEWPORT_NAME,
+  backgroundColor: "$background",
+  elevate: true,
+  bordered: true,
+  userSelect: "none",
+  outlineWidth: 0,
+  variants: {
+    size: {
+      "...size": (val, { tokens }) => {
+        return {
+          borderRadius: tokens.radius[val] ?? val
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$2"
+  }
+});
+const SelectViewport = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSelect, children, disableScroll, ...viewportProps } = props;
+    const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
+    const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
+    if (breakpointActive || !isWeb) {
+      return <PortalItem hostName={`${context.scopeKey}SheetContents`}><ForwardSelectContext context={context}>{children}</ForwardSelectContext></PortalItem>;
+    }
+    if (!context.floatingContext) {
+      return null;
+    }
+    if (!context.open) {
+      return children;
+    }
+    const {
+      style: { scrollbarWidth, listStyleType, overflow, ...restStyle },
+      ...floatingProps
+    } = context.interactions.getFloatingProps();
+    return <>
+      {!disableScroll && <style
+        dangerouslySetInnerHTML={{
+          __html: selectViewportCSS
+        }}
+      />}
+      <FloatingFocusManager context={context.floatingContext}><SelectViewportFrame
+        size={context.size}
+        role="presentation"
+        {...viewportProps}
+        ref={forwardedRef}
+        {...floatingProps}
+        {...restStyle}
+        overflow={disableScroll ? void 0 : overflow ?? "scroll"}
+      >{children}</SelectViewportFrame></FloatingFocusManager>
+    </>;
+  }
+);
+SelectViewport.displayName = VIEWPORT_NAME;
+const selectViewportCSS = `
 .is_SelectViewport {
   scrollbar-width: none;
   -webkit-overflow-scrolling: touch;
@@ -8,5 +74,9 @@ import{FloatingFocusManager as S}from"@floating-ui/react";import{isWeb as w}from
 .is_SelectViewport::-webkit-scrollbar{
   display:none
 }
-`;export{z as SelectViewport,T as SelectViewportFrame};
+`;
+export {
+  SelectViewport,
+  SelectViewportFrame
+};
 //# sourceMappingURL=SelectViewport.mjs.map

package/dist/jsx/SelectViewport.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SelectViewport.tsx"],
   "sourcesContent": ["import { FloatingFocusManager } from '@floating-ui/react'\nimport { TamaguiElement, isWeb } from '@tamagui/core'\nimport { styled } from '@tamagui/core'\nimport { PortalItem } from '@tamagui/portal'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport * as React from 'react'\n\nimport { VIEWPORT_NAME } from './constants'\nimport { ForwardSelectContext, useSelectContext } from './context'\nimport { ScopedProps, SelectViewportProps } from './types'\nimport { useSelectBreakpointActive } from './useSelectBreakpointActive'\n\n/* -------------------------------------------------------------------------------------------------\n * SelectViewport\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SelectViewportFrame = styled(ThemeableStack, {\n  name: VIEWPORT_NAME,\n  backgroundColor: '$background',\n  elevate: true,\n  bordered: true,\n  userSelect: 'none',\n  outlineWidth: 0,\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          borderRadius: tokens.radius[val] ?? val,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$2',\n  },\n})\n\nexport const SelectViewport = React.forwardRef<TamaguiElement, SelectViewportProps>(\n  (props: ScopedProps<SelectViewportProps>, forwardedRef) => {\n    const { __scopeSelect, children, disableScroll, ...viewportProps } = props\n    const context = useSelectContext(VIEWPORT_NAME, __scopeSelect)\n    const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)\n\n    if (breakpointActive || !isWeb) {\n      return (\n        <PortalItem hostName={`${context.scopeKey}SheetContents`}>\n          <ForwardSelectContext context={context}>{children}</ForwardSelectContext>\n        </PortalItem>\n      )\n    }\n\n    if (!context.floatingContext) {\n      return null\n    }\n\n    if (!context.open) {\n      return children\n    }\n\n    const {\n      style: { scrollbarWidth, listStyleType, overflow, ...restStyle },\n      ...floatingProps\n    } = context.interactions!.getFloatingProps()\n\n    return (\n      <>\n        {!disableScroll && (\n          <style\n            dangerouslySetInnerHTML={{\n              __html: selectViewportCSS,\n            }}\n          />\n        )}\n        <FloatingFocusManager context={context.floatingContext}>\n          <SelectViewportFrame\n            size={context.size}\n            // @ts-ignore\n            role=\"presentation\"\n            {...viewportProps}\n            ref={forwardedRef}\n            {...floatingProps}\n            {...restStyle}\n            overflow={disableScroll ? undefined : overflow ?? 'scroll'}\n          >\n            {children}\n          </SelectViewportFrame>\n        </FloatingFocusManager>\n      </>\n    )\n  }\n)\n\nSelectViewport.displayName = VIEWPORT_NAME\n\nconst selectViewportCSS = `\n.is_SelectViewport {\n  scrollbar-width: none;\n  -webkit-overflow-scrolling: touch;\n  overscroll-behavior: contain;\n}\n\n.is_SelectViewport::-webkit-scrollbar{\n  display:none\n}\n`\n"],
-  "mappings": "AAAA,OAAS,wBAAAA,MAA4B,qBACrC,OAAyB,SAAAC,MAAa,gBACtC,OAAS,UAAAC,MAAc,gBACvB,OAAS,cAAAC,MAAkB,kBAC3B,OAAS,kBAAAC,MAAsB,kBAC/B,UAAYC,MAAW,QAEvB,OAAS,iBAAAC,MAAqB,cAC9B,OAAS,wBAAAC,EAAsB,oBAAAC,MAAwB,YAEvD,OAAS,6BAAAC,MAAiC,8BAMnC,MAAMC,EAAsBR,EAAOE,EAAgB,CACxD,KAAME,EACN,gBAAiB,cACjB,QAAS,GACT,SAAU,GACV,WAAY,OACZ,aAAc,EAEd,SAAU,CACR,KAAM,CACJ,UAAW,CAACK,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,aAAcA,EAAO,OAAOD,CAAG,GAAKA,CACtC,EAEJ,CACF,EAEA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAEYE,EAAiBR,EAAM,WAClC,CAACS,EAAyCC,IAAiB,CACzD,KAAM,CAAE,cAAAC,EAAe,SAAAC,EAAU,cAAAC,EAAe,GAAGC,CAAc,EAAIL,EAC/DM,EAAUZ,EAAiBF,EAAeU,CAAa,EAG7D,GAFyBP,EAA0BW,EAAQ,eAAe,GAElD,CAACnB,EACvB,MACE,CAACE,EAAW,UAAU,GAAGiB,EAAQ,yBAC/B,CAACb,EAAqB,SAASa,IAAUH,EAAS,EAAjDV,EACH,EAFCJ,GAML,GAAI,CAACiB,EAAQ,gBACX,OAAO,KAGT,GAAI,CAACA,EAAQ,KACX,OAAOH,EAGT,KAAM,CACJ,MAAO,CAAE,eAAAI,EAAgB,cAAAC,EAAe,SAAAC,EAAU,GAAGC,CAAU,EAC/D,GAAGC,CACL,EAAIL,EAAQ,aAAc,iBAAiB,EAE3C,MACE,GACG,CAACF,GACA,CAAC,MACC,yBAAyB,CACvB,OAAQQ,CACV,EACF,GAEF,CAAC1B,EAAqB,SAASoB,EAAQ,iBACrC,CAACV,EACC,MAAMU,EAAQ,KAEd,KAAK,kBACDD,EACJ,KAAKJ,MACDU,MACAD,EACJ,UAAUN,EAAgB,OAAYK,GAAY,WAEjDN,EACH,EAXCP,EAYH,EAbCV,EAcH,GAEJ,CACF,EAEAa,EAAe,YAAcP,EAE7B,MAAMoB,EAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": ["FloatingFocusManager", "isWeb", "styled", "PortalItem", "ThemeableStack", "React", "VIEWPORT_NAME", "ForwardSelectContext", "useSelectContext", "useSelectBreakpointActive", "SelectViewportFrame", "val", "tokens", "SelectViewport", "props", "forwardedRef", "__scopeSelect", "children", "disableScroll", "viewportProps", "context", "scrollbarWidth", "listStyleType", "overflow", "restStyle", "floatingProps", "selectViewportCSS"]
+  "mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAyB,aAAa;AACtC,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,YAAY,WAAW;AAEvB,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB,wBAAwB;AAEvD,SAAS,iCAAiC;AAMnC,MAAM,sBAAsB,OAAO,gBAAgB;AAAA,EACxD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,OAAyC,iBAAiB;AACzD,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI;AACrE,UAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,UAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAE1E,QAAI,oBAAoB,CAAC,OAAO;AAC9B,aACE,CAAC,WAAW,UAAU,GAAG,QAAQ,yBAC/B,CAAC,qBAAqB,SAAS,UAAU,SAAS,EAAjD,qBACH,EAFC;AAAA,IAIL;AAEA,QAAI,CAAC,QAAQ,iBAAiB;AAC5B,aAAO;AAAA,IACT;AAEA,QAAI,CAAC,QAAQ,MAAM;AACjB,aAAO;AAAA,IACT;AAEA,UAAM;AAAA,MACJ,OAAO,EAAE,gBAAgB,eAAe,UAAU,GAAG,UAAU;AAAA,MAC/D,GAAG;AAAA,IACL,IAAI,QAAQ,aAAc,iBAAiB;AAE3C,WACE;AAAA,OACG,CAAC,iBACA,CAAC;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEF,CAAC,qBAAqB,SAAS,QAAQ,iBACrC,CAAC;AAAA,QACC,MAAM,QAAQ;AAAA,QAEd,KAAK;AAAA,YACD;AAAA,QACJ,KAAK;AAAA,YACD;AAAA,YACA;AAAA,QACJ,UAAU,gBAAgB,SAAY,YAAY;AAAA,QAEjD,SACH,EAXC,oBAYH,EAbC;AAAA,IAcH;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAE7B,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
 }

package/dist/jsx/SelectViewport.native.js

@@ -1,2 +1,18 @@
-import{AdaptParentContext as o}from"@tamagui/adapt";import{Theme as P,useThemeName as l}from"@tamagui/core";import{PortalItem as S}from"@tamagui/portal";import*as f from"react";import{VIEWPORT_NAME as r}from"./constants";import{SelectProvider as C,useSelectContext as u}from"./context";const v=m=>{const{__scopeSelect:e,children:p}=m,t=u(r,e),c=l(),s=f.useContext(o);return<S hostName={`${t.scopeKey}SheetContents`}><P name={c}><C scope={e}{...t}><o.Provider value={s}>{p}</o.Provider></C></P></S>};v.displayName=r;export{v as SelectViewport};
+import { AdaptParentContext } 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 { SelectProvider, useSelectContext } from "./context";
+const SelectViewport = (props) => {
+  const { __scopeSelect, children } = props;
+  const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
+  const themeName = useThemeName();
+  const adaptContext = React.useContext(AdaptParentContext);
+  return <PortalItem hostName={`${context.scopeKey}SheetContents`}><Theme name={themeName}><SelectProvider scope={__scopeSelect} {...context}><AdaptParentContext.Provider value={adaptContext}>{children}</AdaptParentContext.Provider></SelectProvider></Theme></PortalItem>;
+};
+SelectViewport.displayName = VIEWPORT_NAME;
+export {
+  SelectViewport
+};
 //# sourceMappingURL=SelectViewport.native.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SelectViewport.native.tsx"],
   "sourcesContent": ["import { AdaptParentContext } from '@tamagui/adapt'\nimport { Stack, Theme, useThemeName } from '@tamagui/core'\nimport { PortalItem } from '@tamagui/portal'\nimport * as React from 'react'\n\nimport { VIEWPORT_NAME } from './constants'\nimport { SelectProvider, useSelectContext } from './context'\nimport { ScopedProps, SelectViewportProps } from './types'\n\nexport const SelectViewport = (props: ScopedProps<SelectViewportProps>) => {\n  const { __scopeSelect, children } = props\n  const context = useSelectContext(VIEWPORT_NAME, __scopeSelect)\n  const themeName = useThemeName()\n  const adaptContext = React.useContext(AdaptParentContext)\n\n  // need to forward context...\n  return (\n    <PortalItem hostName={`${context.scopeKey}SheetContents`}>\n      <Theme name={themeName}>\n        <SelectProvider scope={__scopeSelect} {...context}>\n          <AdaptParentContext.Provider value={adaptContext}>\n            {children}\n          </AdaptParentContext.Provider>\n        </SelectProvider>\n      </Theme>\n    </PortalItem>\n  )\n}\n\nSelectViewport.displayName = VIEWPORT_NAME\n"],
-  "mappings": "AAAA,OAAS,sBAAAA,MAA0B,iBACnC,OAAgB,SAAAC,EAAO,gBAAAC,MAAoB,gBAC3C,OAAS,cAAAC,MAAkB,kBAC3B,UAAYC,MAAW,QAEvB,OAAS,iBAAAC,MAAqB,cAC9B,OAAS,kBAAAC,EAAgB,oBAAAC,MAAwB,YAG1C,MAAMC,EAAkBC,GAA4C,CACzE,KAAM,CAAE,cAAAC,EAAe,SAAAC,CAAS,EAAIF,EAC9BG,EAAUL,EAAiBF,EAAeK,CAAa,EACvDG,EAAYX,EAAa,EACzBY,EAAeV,EAAM,WAAWJ,CAAkB,EAGxD,MACE,CAACG,EAAW,UAAU,GAAGS,EAAQ,yBAC/B,CAACX,EAAM,MAAMY,GACX,CAACP,EAAe,OAAOI,MAAmBE,GACxC,CAACZ,EAAmB,SAAS,OAAOc,IACjCH,EACH,EAFCX,EAAmB,SAGtB,EAJCM,EAKH,EANCL,EAOH,EARCE,EAUL,EAEAK,EAAe,YAAcH",
-  "names": ["AdaptParentContext", "Theme", "useThemeName", "PortalItem", "React", "VIEWPORT_NAME", "SelectProvider", "useSelectContext", "SelectViewport", "props", "__scopeSelect", "children", "context", "themeName", "adaptContext"]
+  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAgB,OAAO,oBAAoB;AAC3C,SAAS,kBAAkB;AAC3B,YAAY,WAAW;AAEvB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB,wBAAwB;AAG1C,MAAM,iBAAiB,CAAC,UAA4C;AACzE,QAAM,EAAE,eAAe,SAAS,IAAI;AACpC,QAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,QAAM,YAAY,aAAa;AAC/B,QAAM,eAAe,MAAM,WAAW,kBAAkB;AAGxD,SACE,CAAC,WAAW,UAAU,GAAG,QAAQ,yBAC/B,CAAC,MAAM,MAAM,WACX,CAAC,eAAe,OAAO,mBAAmB,SACxC,CAAC,mBAAmB,SAAS,OAAO,eACjC,SACH,EAFC,mBAAmB,SAGtB,EAJC,eAKH,EANC,MAOH,EARC;AAUL;AAEA,eAAe,cAAc;",
+  "names": []
 }

package/dist/jsx/SelectViewport.native.mjs

@@ -1,2 +1,18 @@
-import{AdaptParentContext as o}from"@tamagui/adapt";import{Theme as P,useThemeName as l}from"@tamagui/core";import{PortalItem as S}from"@tamagui/portal";import*as f from"react";import{VIEWPORT_NAME as r}from"./constants";import{SelectProvider as C,useSelectContext as u}from"./context";const v=m=>{const{__scopeSelect:e,children:p}=m,t=u(r,e),c=l(),s=f.useContext(o);return<S hostName={`${t.scopeKey}SheetContents`}><P name={c}><C scope={e}{...t}><o.Provider value={s}>{p}</o.Provider></C></P></S>};v.displayName=r;export{v as SelectViewport};
+import { AdaptParentContext } 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 { SelectProvider, useSelectContext } from "./context";
+const SelectViewport = (props) => {
+  const { __scopeSelect, children } = props;
+  const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
+  const themeName = useThemeName();
+  const adaptContext = React.useContext(AdaptParentContext);
+  return <PortalItem hostName={`${context.scopeKey}SheetContents`}><Theme name={themeName}><SelectProvider scope={__scopeSelect} {...context}><AdaptParentContext.Provider value={adaptContext}>{children}</AdaptParentContext.Provider></SelectProvider></Theme></PortalItem>;
+};
+SelectViewport.displayName = VIEWPORT_NAME;
+export {
+  SelectViewport
+};
 //# sourceMappingURL=SelectViewport.native.mjs.map

package/dist/jsx/SelectViewport.native.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SelectViewport.native.tsx"],
   "sourcesContent": ["import { AdaptParentContext } from '@tamagui/adapt'\nimport { Stack, Theme, useThemeName } from '@tamagui/core'\nimport { PortalItem } from '@tamagui/portal'\nimport * as React from 'react'\n\nimport { VIEWPORT_NAME } from './constants'\nimport { SelectProvider, useSelectContext } from './context'\nimport { ScopedProps, SelectViewportProps } from './types'\n\nexport const SelectViewport = (props: ScopedProps<SelectViewportProps>) => {\n  const { __scopeSelect, children } = props\n  const context = useSelectContext(VIEWPORT_NAME, __scopeSelect)\n  const themeName = useThemeName()\n  const adaptContext = React.useContext(AdaptParentContext)\n\n  // need to forward context...\n  return (\n    <PortalItem hostName={`${context.scopeKey}SheetContents`}>\n      <Theme name={themeName}>\n        <SelectProvider scope={__scopeSelect} {...context}>\n          <AdaptParentContext.Provider value={adaptContext}>\n            {children}\n          </AdaptParentContext.Provider>\n        </SelectProvider>\n      </Theme>\n    </PortalItem>\n  )\n}\n\nSelectViewport.displayName = VIEWPORT_NAME\n"],
-  "mappings": "AAAA,OAAS,sBAAAA,MAA0B,iBACnC,OAAgB,SAAAC,EAAO,gBAAAC,MAAoB,gBAC3C,OAAS,cAAAC,MAAkB,kBAC3B,UAAYC,MAAW,QAEvB,OAAS,iBAAAC,MAAqB,cAC9B,OAAS,kBAAAC,EAAgB,oBAAAC,MAAwB,YAG1C,MAAMC,EAAkBC,GAA4C,CACzE,KAAM,CAAE,cAAAC,EAAe,SAAAC,CAAS,EAAIF,EAC9BG,EAAUL,EAAiBF,EAAeK,CAAa,EACvDG,EAAYX,EAAa,EACzBY,EAAeV,EAAM,WAAWJ,CAAkB,EAGxD,MACE,CAACG,EAAW,UAAU,GAAGS,EAAQ,yBAC/B,CAACX,EAAM,MAAMY,GACX,CAACP,EAAe,OAAOI,MAAmBE,GACxC,CAACZ,EAAmB,SAAS,OAAOc,IACjCH,EACH,EAFCX,EAAmB,SAGtB,EAJCM,EAKH,EANCL,EAOH,EARCE,EAUL,EAEAK,EAAe,YAAcH",
-  "names": ["AdaptParentContext", "Theme", "useThemeName", "PortalItem", "React", "VIEWPORT_NAME", "SelectProvider", "useSelectContext", "SelectViewport", "props", "__scopeSelect", "children", "context", "themeName", "adaptContext"]
+  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAgB,OAAO,oBAAoB;AAC3C,SAAS,kBAAkB;AAC3B,YAAY,WAAW;AAEvB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB,wBAAwB;AAG1C,MAAM,iBAAiB,CAAC,UAA4C;AACzE,QAAM,EAAE,eAAe,SAAS,IAAI;AACpC,QAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,QAAM,YAAY,aAAa;AAC/B,QAAM,eAAe,MAAM,WAAW,kBAAkB;AAGxD,SACE,CAAC,WAAW,UAAU,GAAG,QAAQ,yBAC/B,CAAC,MAAM,MAAM,WACX,CAAC,eAAe,OAAO,mBAAmB,SACxC,CAAC,mBAAmB,SAAS,OAAO,eACjC,SACH,EAFC,mBAAmB,SAGtB,EAJC,eAKH,EANC,MAOH,EARC;AAUL;AAEA,eAAe,cAAc;",
+  "names": []
 }

package/dist/jsx/constants.js

@@ -1,2 +1,17 @@
-const t="Select",o=8,e=8,L=8,c=80,E=16,O="SelectViewport";export{E as FALLBACK_THRESHOLD,c as MIN_HEIGHT,L as SCROLL_ARROW_THRESHOLD,e as SCROLL_ARROW_VELOCITY,t as SELECT_NAME,O as VIEWPORT_NAME,o as WINDOW_PADDING};
+const SELECT_NAME = "Select";
+const WINDOW_PADDING = 8;
+const SCROLL_ARROW_VELOCITY = 8;
+const SCROLL_ARROW_THRESHOLD = 8;
+const MIN_HEIGHT = 80;
+const FALLBACK_THRESHOLD = 16;
+const VIEWPORT_NAME = "SelectViewport";
+export {
+  FALLBACK_THRESHOLD,
+  MIN_HEIGHT,
+  SCROLL_ARROW_THRESHOLD,
+  SCROLL_ARROW_VELOCITY,
+  SELECT_NAME,
+  VIEWPORT_NAME,
+  WINDOW_PADDING
+};
 //# sourceMappingURL=constants.js.map

package/dist/jsx/constants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/constants.tsx"],
   "sourcesContent": ["export const SELECT_NAME = 'Select'\nexport const WINDOW_PADDING = 8\nexport const SCROLL_ARROW_VELOCITY = 8\nexport const SCROLL_ARROW_THRESHOLD = 8\nexport const MIN_HEIGHT = 80\nexport const FALLBACK_THRESHOLD = 16\nexport const VIEWPORT_NAME = 'SelectViewport'\n"],
-  "mappings": "AAAO,MAAMA,EAAc,SACdC,EAAiB,EACjBC,EAAwB,EACxBC,EAAyB,EACzBC,EAAa,GACbC,EAAqB,GACrBC,EAAgB",
-  "names": ["SELECT_NAME", "WINDOW_PADDING", "SCROLL_ARROW_VELOCITY", "SCROLL_ARROW_THRESHOLD", "MIN_HEIGHT", "FALLBACK_THRESHOLD", "VIEWPORT_NAME"]
+  "mappings": "AAAO,MAAM,cAAc;AACpB,MAAM,iBAAiB;AACvB,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAC/B,MAAM,aAAa;AACnB,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;",
+  "names": []
 }

package/dist/jsx/constants.mjs

@@ -1,2 +1,17 @@
-const t="Select",o=8,e=8,L=8,c=80,E=16,O="SelectViewport";export{E as FALLBACK_THRESHOLD,c as MIN_HEIGHT,L as SCROLL_ARROW_THRESHOLD,e as SCROLL_ARROW_VELOCITY,t as SELECT_NAME,O as VIEWPORT_NAME,o as WINDOW_PADDING};
+const SELECT_NAME = "Select";
+const WINDOW_PADDING = 8;
+const SCROLL_ARROW_VELOCITY = 8;
+const SCROLL_ARROW_THRESHOLD = 8;
+const MIN_HEIGHT = 80;
+const FALLBACK_THRESHOLD = 16;
+const VIEWPORT_NAME = "SelectViewport";
+export {
+  FALLBACK_THRESHOLD,
+  MIN_HEIGHT,
+  SCROLL_ARROW_THRESHOLD,
+  SCROLL_ARROW_VELOCITY,
+  SELECT_NAME,
+  VIEWPORT_NAME,
+  WINDOW_PADDING
+};
 //# sourceMappingURL=constants.mjs.map

package/dist/jsx/constants.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/constants.tsx"],
   "sourcesContent": ["export const SELECT_NAME = 'Select'\nexport const WINDOW_PADDING = 8\nexport const SCROLL_ARROW_VELOCITY = 8\nexport const SCROLL_ARROW_THRESHOLD = 8\nexport const MIN_HEIGHT = 80\nexport const FALLBACK_THRESHOLD = 16\nexport const VIEWPORT_NAME = 'SelectViewport'\n"],
-  "mappings": "AAAO,MAAMA,EAAc,SACdC,EAAiB,EACjBC,EAAwB,EACxBC,EAAyB,EACzBC,EAAa,GACbC,EAAqB,GACrBC,EAAgB",
-  "names": ["SELECT_NAME", "WINDOW_PADDING", "SCROLL_ARROW_VELOCITY", "SCROLL_ARROW_THRESHOLD", "MIN_HEIGHT", "FALLBACK_THRESHOLD", "VIEWPORT_NAME"]
+  "mappings": "AAAO,MAAM,cAAc;AACpB,MAAM,iBAAiB;AACvB,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAC/B,MAAM,aAAa;AACnB,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;",
+  "names": []
 }

package/dist/jsx/context.js

@@ -1,2 +1,15 @@
-import{createContextScope as o}from"@tamagui/create-context";import{SELECT_NAME as t}from"./constants";const[c,C]=o(t),[S,d]=c(t),s=e=><S isInSheet scope={e.__scopeSelect}{...e.context}>{e.children}</S>;export{s as ForwardSelectContext,S as SelectProvider,c as createSelectContext,C as createSelectScope,d as useSelectContext};
+import { createContextScope } from "@tamagui/create-context";
+import { SELECT_NAME } from "./constants";
+const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME);
+const [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
+const ForwardSelectContext = (props) => {
+  return <SelectProvider isInSheet scope={props.__scopeSelect} {...props.context}>{props.children}</SelectProvider>;
+};
+export {
+  ForwardSelectContext,
+  SelectProvider,
+  createSelectContext,
+  createSelectScope,
+  useSelectContext
+};
 //# sourceMappingURL=context.js.map