@tamagui/select 1.1.7 → 1.1.9

package/dist/esm/SelectScrollButton.js

@@ -8,22 +8,28 @@ import { flushSync } from "react-dom";
 import { useSelectContext } from "./context";
 const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
 const SelectScrollUpButton = React.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ jsx(SelectScrollButtonImpl, {
-    componentName: SCROLL_UP_BUTTON_NAME,
-    ...props,
-    dir: "up",
-    ref: forwardedRef
-  });
+  return /* @__PURE__ */ jsx(
+    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 /* @__PURE__ */ jsx(SelectScrollButtonImpl, {
-    componentName: SCROLL_DOWN_BUTTON_NAME,
-    ...props,
-    dir: "down",
-    ref: forwardedRef
-  });
+  return /* @__PURE__ */ jsx(
+    SelectScrollButtonImpl,
+    {
+      componentName: SCROLL_DOWN_BUTTON_NAME,
+      ...props,
+      dir: "down",
+      ref: forwardedRef
+    }
+  );
 });
 SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
 const SelectScrollButtonImpl = React.memo(
@@ -84,43 +90,46 @@ const SelectScrollButtonImpl = React.memo(
           flushSync(() => setInnerOffset((value) => value - amount));
         }
       };
-      return /* @__PURE__ */ jsx(YStack, {
-        ref: composedRef,
-        componentName,
-        "aria-hidden": true,
-        ...scrollIndicatorProps,
-        zIndex: 1e3,
-        position: strategy,
-        left: x || 0,
-        top: y || 0,
-        width: `calc(${(((_a = floatingRef == null ? void 0 : floatingRef.current) == null ? void 0 : _a.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);
+      return /* @__PURE__ */ jsx(
+        YStack,
+        {
+          ref: composedRef,
+          componentName,
+          "aria-hidden": true,
+          ...scrollIndicatorProps,
+          zIndex: 1e3,
+          position: strategy,
+          left: x || 0,
+          top: y || 0,
+          width: `calc(${(((_a = floatingRef == null ? void 0 : floatingRef.current) == null ? void 0 : _a.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);
           }
-          cancelAnimationFrame(frameRef.current);
-          frameRef.current = requestAnimationFrame(frame);
-        },
-        onPointerLeave: () => {
-          statusRef.current = "idle";
-          cancelAnimationFrame(frameRef.current);
         }
-      });
+      );
     }
   )
 );

package/dist/esm/SelectScrollButton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SelectScrollButton.tsx"],
   "sourcesContent": ["import { autoUpdate, offset, useFloating } from '@floating-ui/react-dom-interactions'\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        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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",
+  "mappings": "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",
   "names": ["_a"]
 }

package/dist/esm/SelectViewport.js

@@ -35,13 +35,7 @@ const SelectViewport = React.forwardRef(
     const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
     const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
     if (breakpointActive || !isWeb) {
-      return /* @__PURE__ */ jsx(PortalItem, {
-        hostName: `${context.scopeKey}SheetContents`,
-        children: /* @__PURE__ */ jsx(ForwardSelectContext, {
-          context,
-          children
-        })
-      });
+      return /* @__PURE__ */ jsx(PortalItem, { hostName: `${context.scopeKey}SheetContents`, children: /* @__PURE__ */ jsx(ForwardSelectContext, { context, children }) });
     }
     if (!context.floatingContext) {
       return null;
@@ -53,27 +47,28 @@ const SelectViewport = React.forwardRef(
       style: { scrollbarWidth, listStyleType, ...restStyle },
       ...floatingProps
     } = context.interactions.getFloatingProps();
-    return /* @__PURE__ */ jsxs(Fragment, {
-      children: [
-        /* @__PURE__ */ jsx("style", {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "style",
+        {
           dangerouslySetInnerHTML: {
             __html: selectViewportCSS
           }
-        }),
-        /* @__PURE__ */ jsx(FloatingFocusManager, {
-          context: context.floatingContext,
-          children: /* @__PURE__ */ jsx(SelectViewportFrame, {
-            size: context.size,
-            role: "presentation",
-            ...viewportProps,
-            ref: forwardedRef,
-            ...floatingProps,
-            ...restStyle,
-            children
-          })
-        })
-      ]
-    });
+        }
+      ),
+      /* @__PURE__ */ jsx(FloatingFocusManager, { context: context.floatingContext, children: /* @__PURE__ */ jsx(
+        SelectViewportFrame,
+        {
+          size: context.size,
+          role: "presentation",
+          ...viewportProps,
+          ref: forwardedRef,
+          ...floatingProps,
+          ...restStyle,
+          children
+        }
+      ) })
+    ] });
   }
 );
 SelectViewport.displayName = VIEWPORT_NAME;

package/dist/esm/SelectViewport.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SelectViewport.tsx"],
   "sourcesContent": ["import { FloatingFocusManager } from '@floating-ui/react-dom-interactions'\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  overflow: 'scroll',\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, ...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, ...restStyle },\n      ...floatingProps\n    } = context.interactions!.getFloatingProps()\n\n    return (\n      <>\n        <style\n          dangerouslySetInnerHTML={{\n            __html: selectViewportCSS,\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          >\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": "AAiDU,SAmBJ,UAnBI,KAmBJ,YAnBI;AAjDV,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,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,QAAQ;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,aAAa,cAAc,IAAI;AACtD,UAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,UAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAE1E,QAAI,oBAAoB,CAAC,OAAO;AAC9B,aACE,oBAAC;AAAA,QAAW,UAAU,GAAG,QAAQ;AAAA,QAC/B,8BAAC;AAAA,UAAqB;AAAA,UAAmB;AAAA,SAAS;AAAA,OACpD;AAAA,IAEJ;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,kBAAkB,UAAU;AAAA,SAClD;AAAA,IACL,IAAI,QAAQ,aAAc,iBAAiB;AAE3C,WACE;AAAA,MACE;AAAA,4BAAC;AAAA,UACC,yBAAyB;AAAA,YACvB,QAAQ;AAAA,UACV;AAAA,SACF;AAAA,QACA,oBAAC;AAAA,UAAqB,SAAS,QAAQ;AAAA,UACrC,8BAAC;AAAA,YACC,MAAM,QAAQ;AAAA,YAEd,MAAK;AAAA,YACJ,GAAG;AAAA,YACJ,KAAK;AAAA,YACJ,GAAG;AAAA,YACH,GAAG;AAAA,YAEH;AAAA,WACH;AAAA,SACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAE7B,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": "AAiDU,SAmBJ,UAnBI,KAmBJ,YAnBI;AAjDV,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,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,GAAG,cAAc,IAAI;AACtD,UAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,UAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAE1E,QAAI,oBAAoB,CAAC,OAAO;AAC9B,aACE,oBAAC,cAAW,UAAU,GAAG,QAAQ,yBAC/B,8BAAC,wBAAqB,SAAmB,UAAS,GACpD;AAAA,IAEJ;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,GAAG,UAAU;AAAA,MACrD,GAAG;AAAA,IACL,IAAI,QAAQ,aAAc,iBAAiB;AAE3C,WACE,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,yBAAyB;AAAA,YACvB,QAAQ;AAAA,UACV;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,wBAAqB,SAAS,QAAQ,iBACrC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,QAAQ;AAAA,UAEd,MAAK;AAAA,UACJ,GAAG;AAAA,UACJ,KAAK;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,UAEH;AAAA;AAAA,MACH,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAE7B,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/SelectViewport.native.js

@@ -10,20 +10,7 @@ const SelectViewport = (props) => {
   const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
   const themeName = useThemeName();
   const adaptContext = React.useContext(AdaptParentContext);
-  return /* @__PURE__ */ jsx(PortalItem, {
-    hostName: `${context.scopeKey}SheetContents`,
-    children: /* @__PURE__ */ jsx(Theme, {
-      name: themeName,
-      children: /* @__PURE__ */ jsx(SelectProvider, {
-        scope: __scopeSelect,
-        ...context,
-        children: /* @__PURE__ */ jsx(AdaptParentContext.Provider, {
-          value: adaptContext,
-          children
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(PortalItem, { hostName: `${context.scopeKey}SheetContents`, children: /* @__PURE__ */ jsx(Theme, { name: themeName, children: /* @__PURE__ */ jsx(SelectProvider, { scope: __scopeSelect, ...context, children: /* @__PURE__ */ jsx(AdaptParentContext.Provider, { value: adaptContext, children }) }) }) });
 };
 SelectViewport.displayName = VIEWPORT_NAME;
 export {

package/dist/esm/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": "AAoBU;AApBV,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,oBAAC;AAAA,IAAW,UAAU,GAAG,QAAQ;AAAA,IAC/B,8BAAC;AAAA,MAAM,MAAM;AAAA,MACX,8BAAC;AAAA,QAAe,OAAO;AAAA,QAAgB,GAAG;AAAA,QACxC,8BAAC,mBAAmB,UAAnB;AAAA,UAA4B,OAAO;AAAA,UACjC;AAAA,SACH;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,eAAe,cAAc;",
+  "mappings": "AAoBU;AApBV,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,oBAAC,cAAW,UAAU,GAAG,QAAQ,yBAC/B,8BAAC,SAAM,MAAM,WACX,8BAAC,kBAAe,OAAO,eAAgB,GAAG,SACxC,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,cACjC,UACH,GACF,GACF,GACF;AAEJ;AAEA,eAAe,cAAc;",
   "names": []
 }

package/dist/esm/context.js

@@ -4,12 +4,7 @@ import { SELECT_NAME } from "./constants";
 const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME);
 const [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
 const ForwardSelectContext = (props) => {
-  return /* @__PURE__ */ jsx(SelectProvider, {
-    isInSheet: true,
-    scope: props.__scopeSelect,
-    ...props.context,
-    children: props.children
-  });
+  return /* @__PURE__ */ jsx(SelectProvider, { isInSheet: true, scope: props.__scopeSelect, ...props.context, children: props.children });
 };
 export {
   ForwardSelectContext,

package/dist/esm/context.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/context.tsx"],
   "sourcesContent": ["import { createContextScope } from '@tamagui/create-context'\n\nimport { SELECT_NAME } from './constants'\nimport { ScopedProps, SelectContextValue } from './types'\n\nexport const [createSelectContext, createSelectScope] =\n  createContextScope(SELECT_NAME)\n\nexport const [SelectProvider, useSelectContext] =\n  createSelectContext<SelectContextValue>(SELECT_NAME)\n\nexport const ForwardSelectContext = (\n  props: ScopedProps<{ children?: any; context: SelectContextValue }>,\n) => {\n  return (\n    <SelectProvider isInSheet scope={props.__scopeSelect} {...props.context}>\n      {props.children}\n    </SelectProvider>\n  )\n}\n"],
-  "mappings": "AAeI;AAfJ,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAGrB,MAAM,CAAC,qBAAqB,iBAAiB,IAClD,mBAAmB,WAAW;AAEzB,MAAM,CAAC,gBAAgB,gBAAgB,IAC5C,oBAAwC,WAAW;AAE9C,MAAM,uBAAuB,CAClC,UACG;AACH,SACE,oBAAC;AAAA,IAAe,WAAS;AAAA,IAAC,OAAO,MAAM;AAAA,IAAgB,GAAG,MAAM;AAAA,IAC7D,gBAAM;AAAA,GACT;AAEJ;",
+  "mappings": "AAeI;AAfJ,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAGrB,MAAM,CAAC,qBAAqB,iBAAiB,IAClD,mBAAmB,WAAW;AAEzB,MAAM,CAAC,gBAAgB,gBAAgB,IAC5C,oBAAwC,WAAW;AAE9C,MAAM,uBAAuB,CAClC,UACG;AACH,SACE,oBAAC,kBAAe,WAAS,MAAC,OAAO,MAAM,eAAgB,GAAG,MAAM,SAC7D,gBAAM,UACT;AAEJ;",
   "names": []
 }

package/dist/esm/useSelectBreakpointActive.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/useSelectBreakpointActive.tsx"],
   "sourcesContent": ["import { useMedia } from '@tamagui/core'\n\nimport { SelectContextValue } from './types'\n\nexport const useSelectBreakpointActive = (\n  sheetBreakpoint: SelectContextValue['sheetBreakpoint']\n) => {\n  const media = useMedia()\n  if (!sheetBreakpoint) return false\n  if (sheetBreakpoint === true) return true\n  return sheetBreakpoint ? media[sheetBreakpoint] : false\n}\n\nexport const useShowSelectSheet = (context: SelectContextValue) => {\n  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)\n  return context.open === false ? false : breakpointActive\n}\n"],
-  "mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAM,4BAA4B,CACvC,oBACG;AACH,QAAM,QAAQ,SAAS;AACvB,MAAI,CAAC;AAAiB,WAAO;AAC7B,MAAI,oBAAoB;AAAM,WAAO;AACrC,SAAO,kBAAkB,MAAM,mBAAmB;AACpD;AAEO,MAAM,qBAAqB,CAAC,YAAgC;AACjE,QAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAC1E,SAAO,QAAQ,SAAS,QAAQ,QAAQ;AAC1C;",
+  "mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAM,4BAA4B,CACvC,oBACG;AACH,QAAM,QAAQ,SAAS;AACvB,MAAI,CAAC;AAAiB,WAAO;AAC7B,MAAI,oBAAoB;AAAM,WAAO;AACrC,SAAO,kBAAkB,MAAM,eAAe,IAAI;AACpD;AAEO,MAAM,qBAAqB,CAAC,YAAgC;AACjE,QAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAC1E,SAAO,QAAQ,SAAS,QAAQ,QAAQ;AAC1C;",
   "names": []
 }

package/dist/jsx/BubbleSelect.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/BubbleSelect.tsx"],
   "sourcesContent": ["import { usePrevious } from '@radix-ui/react-use-previous'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport * as React from 'react'\n\n/* -----------------------------------------------------------------------------------------------*/\nconst BubbleSelect = React.forwardRef<\n  HTMLSelectElement,\n  React.ComponentPropsWithoutRef<'select'>\n>((props, forwardedRef) => {\n  const { value, ...selectProps } = props\n  const ref = React.useRef<HTMLSelectElement>(null)\n  const composedRefs = useComposedRefs(forwardedRef, ref)\n  const prevValue = usePrevious(value)\n\n  // Bubble value change to parents (e.g form change event)\n  React.useEffect(() => {\n    const select = ref.current!\n    const selectProto = window.HTMLSelectElement.prototype\n    const descriptor = Object.getOwnPropertyDescriptor(\n      selectProto,\n      'value',\n    ) as PropertyDescriptor\n    const setValue = descriptor.set\n    if (prevValue !== value && setValue) {\n      const event = new Event('change', { bubbles: true })\n      setValue.call(select, value)\n      select.dispatchEvent(event)\n    }\n  }, [prevValue, value])\n\n  /**\n   * We purposefully use a `select` here to support form autofill as much\n   * as possible.\n   *\n   * We purposefully do not add the `value` attribute here to allow the value\n   * to be set programatically and bubble to any parent form `onChange` event.\n   * Adding the `value` will cause React to consider the programatic\n   * dispatch a duplicate and it will get swallowed.\n   *\n   * We use `VisuallyHidden` rather than `display: \"none\"` because Safari autofill\n   * won't work otherwise.\n   */\n  // TODO\n  return null\n  // return (\n  //   <VisuallyHidden asChild>\n  //     <select {...selectProps} ref={composedRefs} defaultValue={value} />\n  //   </VisuallyHidden>\n  // )\n})\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,YAAY,WAAW;AAGvB,MAAM,eAAe,MAAM,WAGzB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,UAAU,YAAY,IAAI;AAClC,QAAM,MAAM,MAAM,OAA0B,IAAI;AAChD,QAAM,eAAe,gBAAgB,cAAc,GAAG;AACtD,QAAM,YAAY,YAAY,KAAK;AAGnC,QAAM,UAAU,MAAM;AACpB,UAAM,SAAS,IAAI;AACnB,UAAM,cAAc,OAAO,kBAAkB;AAC7C,UAAM,aAAa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF;AACA,UAAM,WAAW,WAAW;AAC5B,QAAI,cAAc,SAAS,UAAU;AACnC,YAAM,QAAQ,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC;AACnD,eAAS,KAAK,QAAQ,KAAK;AAC3B,aAAO,cAAc,KAAK;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AAerB,SAAO;AAMT,CAAC;",
+  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,YAAY,WAAW;AAGvB,MAAM,eAAe,MAAM,WAGzB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,OAAO,GAAG,YAAY,IAAI;AAClC,QAAM,MAAM,MAAM,OAA0B,IAAI;AAChD,QAAM,eAAe,gBAAgB,cAAc,GAAG;AACtD,QAAM,YAAY,YAAY,KAAK;AAGnC,QAAM,UAAU,MAAM;AACpB,UAAM,SAAS,IAAI;AACnB,UAAM,cAAc,OAAO,kBAAkB;AAC7C,UAAM,aAAa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF;AACA,UAAM,WAAW,WAAW;AAC5B,QAAI,cAAc,SAAS,UAAU;AACnC,YAAM,QAAQ,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC;AACnD,eAAS,KAAK,QAAQ,KAAK;AAC3B,aAAO,cAAc,KAAK;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AAerB,SAAO;AAMT,CAAC;",
   "names": []
 }

package/dist/jsx/Select.js

@@ -32,16 +32,36 @@ const SelectTrigger = React.forwardRef(
     const {
       __scopeSelect,
       disabled = false,
+      // @ts-ignore
       "aria-labelledby": ariaLabelledby,
       ...triggerProps
     } = props;
     const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
     const labelledBy = ariaLabelledby;
-    return <ListItem componentName={TRIGGER_NAME} backgrounded radiused hoverTheme pressTheme focusTheme focusable borderWidth={1} size={context.size} aria-expanded={context.open} aria-autocomplete="none" aria-labelledby={labelledBy} dir={context.dir} disabled={disabled} data-disabled={disabled ? "" : void 0} {...triggerProps} ref={forwardedRef} {...process.env.TAMAGUI_TARGET === "web" && context.interactions ? context.interactions.getReferenceProps() : {
-      onPress() {
-        context.setOpen(!context.open);
-      }
-    }} />;
+    return <ListItem
+      componentName={TRIGGER_NAME}
+      backgrounded
+      radiused
+      hoverTheme
+      pressTheme
+      focusTheme
+      focusable
+      borderWidth={1}
+      size={context.size}
+      aria-expanded={context.open}
+      aria-autocomplete="none"
+      aria-labelledby={labelledBy}
+      dir={context.dir}
+      disabled={disabled}
+      data-disabled={disabled ? "" : void 0}
+      {...triggerProps}
+      ref={forwardedRef}
+      {...process.env.TAMAGUI_TARGET === "web" && context.interactions ? context.interactions.getReferenceProps() : {
+        onPress() {
+          context.setOpen(!context.open);
+        }
+      }}
+    />;
   }
 );
 SelectTrigger.displayName = TRIGGER_NAME;
@@ -66,13 +86,18 @@ const SelectValue = SelectValueFrame.extractable(
       useIsomorphicLayoutEffect(() => {
         onValueNodeHasChildrenChange(hasChildren);
       }, [onValueNodeHasChildrenChange, hasChildren]);
-      return <SelectValueFrame size={context.size} ref={composedRefs} pointerEvents="none">{selectValueChildren}</SelectValueFrame>;
+      return <SelectValueFrame
+        size={context.size}
+        ref={composedRefs}
+        pointerEvents="none"
+      >{selectValueChildren}</SelectValueFrame>;
     }
   )
 );
 SelectValue.displayName = VALUE_NAME;
 const SelectIcon = styled(XStack, {
   name: "SelectIcon",
+  // @ts-ignore
   "aria-hidden": true,
   children: <Paragraph>{"\u25BC"}</Paragraph>
 });
@@ -156,7 +181,30 @@ const SelectItem = React.forwardRef(
     }) : {
       onPress: handleSelect
     };
-    return <SelectItemContextProvider scope={__scopeSelect} value={value} textId={textId || ""} isSelected={isSelected}><ListItem tag="div" backgrounded pressTheme cursor="" focusTheme outlineWidth={0} componentName={ITEM_NAME} ref={composedRefs} aria-labelledby={textId} aria-selected={isSelected} data-state={isSelected ? "active" : "inactive"} aria-disabled={disabled || void 0} data-disabled={disabled ? "" : void 0} tabIndex={disabled ? void 0 : -1} size={context.size} {...itemProps} {...selectItemProps} /></SelectItemContextProvider>;
+    return <SelectItemContextProvider
+      scope={__scopeSelect}
+      value={value}
+      textId={textId || ""}
+      isSelected={isSelected}
+    ><ListItem
+      tag="div"
+      backgrounded
+      pressTheme
+      cursor=""
+      focusTheme
+      outlineWidth={0}
+      componentName={ITEM_NAME}
+      ref={composedRefs}
+      aria-labelledby={textId}
+      aria-selected={isSelected}
+      data-state={isSelected ? "active" : "inactive"}
+      aria-disabled={disabled || void 0}
+      data-disabled={disabled ? "" : void 0}
+      tabIndex={disabled ? void 0 : -1}
+      size={context.size}
+      {...itemProps}
+      {...selectItemProps}
+    /></SelectItemContextProvider>;
   }
 );
 SelectItem.displayName = ITEM_NAME;
@@ -174,7 +222,14 @@ const SelectItemText = React.forwardRef(
     const composedRefs = useComposedRefs(forwardedRef, ref);
     const isSelected = Boolean(itemContext.isSelected && context.valueNode);
     const contents = React.useMemo(
-      () => <SelectItemTextFrame className={className} size={context.size} id={itemContext.textId} {...itemTextProps} ref={composedRefs} />,
+      () => <SelectItemTextFrame
+        className={className}
+        size={context.size}
+        id={itemContext.textId}
+        {...itemTextProps}
+        ref={composedRefs}
+      />,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
       [props, context.size, className, itemContext.textId]
     );
     useIsomorphicLayoutEffect(() => {
@@ -208,7 +263,12 @@ const SelectGroup = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
     const groupId = useId();
-    return <SelectGroupContextProvider scope={__scopeSelect} id={groupId || ""}><SelectGroupFrame role="group" aria-labelledby={groupId} {...groupProps} ref={forwardedRef} /></SelectGroupContextProvider>;
+    return <SelectGroupContextProvider scope={__scopeSelect} id={groupId || ""}><SelectGroupFrame
+      role="group"
+      aria-labelledby={groupId}
+      {...groupProps}
+      ref={forwardedRef}
+    /></SelectGroupContextProvider>;
   }
 );
 SelectGroup.displayName = GROUP_NAME;
@@ -218,7 +278,15 @@ const SelectLabel = React.forwardRef(
     const { __scopeSelect, ...labelProps } = props;
     const context = useSelectContext(LABEL_NAME, __scopeSelect);
     const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    return <ListItem tag="div" componentName={LABEL_NAME} fontWeight="800" id={groupContext.id} size={context.size} {...labelProps} ref={forwardedRef} />;
+    return <ListItem
+      tag="div"
+      componentName={LABEL_NAME}
+      fontWeight="800"
+      id={groupContext.id}
+      size={context.size}
+      {...labelProps}
+      ref={forwardedRef}
+    />;
   }
 );
 SelectLabel.displayName = LABEL_NAME;
@@ -230,11 +298,15 @@ const SelectSheetController = (props) => {
   const showSheet = useShowSelectSheet(context);
   const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
   const getShowSheet = useGet(showSheet);
-  return <SheetController onOpenChange={(val) => {
-    if (getShowSheet()) {
-      props.onOpenChange(val);
-    }
-  }} open={context.open} hidden={breakpointActive === false}>{props.children}</SheetController>;
+  return <SheetController
+    onOpenChange={(val) => {
+      if (getShowSheet()) {
+        props.onOpenChange(val);
+      }
+    }}
+    open={context.open}
+    hidden={breakpointActive === false}
+  >{props.children}</SheetController>;
 };
 const SelectSheetImpl = (props) => {
   return <>{props.children}</>;
@@ -290,9 +362,40 @@ const Select = withStaticProperties(
       selectedIndexRef.current = selectedIndex;
       activeIndexRef.current = activeIndex;
     });
-    return <AdaptProvider><SelectProvider dir={dir} blockSelection={false} size={sizeProp} fallback={false} selectedItem={selectedItem} setSelectedItem={setSelectedItem} forceUpdate={forceUpdate} valueNode={valueNode} onValueNodeChange={setValueNode} onValueNodeHasChildrenChange={setValueNodeHasChildren} valueNodeHasChildren={valueNodeHasChildren} scopeKey={scopeKey} sheetBreakpoint={sheetBreakpoint} scope={__scopeSelect} setValueAtIndex={(index, value2) => {
-      listContentRef.current[index] = value2;
-    }} activeIndex={activeIndex} onChange={setValue} selectedIndex={selectedIndex} setActiveIndex={setActiveIndex} setOpen={setOpen} setSelectedIndex={setSelectedIndex} value={value} open={open}><SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}><SelectImpl activeIndexRef={activeIndexRef} listContentRef={listContentRef} selectedIndexRef={selectedIndexRef} {...props} open={open} value={value}>{children}</SelectImpl></SelectSheetController></SelectProvider></AdaptProvider>;
+    return <AdaptProvider><SelectProvider
+      dir={dir}
+      blockSelection={false}
+      size={sizeProp}
+      fallback={false}
+      selectedItem={selectedItem}
+      setSelectedItem={setSelectedItem}
+      forceUpdate={forceUpdate}
+      valueNode={valueNode}
+      onValueNodeChange={setValueNode}
+      onValueNodeHasChildrenChange={setValueNodeHasChildren}
+      valueNodeHasChildren={valueNodeHasChildren}
+      scopeKey={scopeKey}
+      sheetBreakpoint={sheetBreakpoint}
+      scope={__scopeSelect}
+      setValueAtIndex={(index, value2) => {
+        listContentRef.current[index] = value2;
+      }}
+      activeIndex={activeIndex}
+      onChange={setValue}
+      selectedIndex={selectedIndex}
+      setActiveIndex={setActiveIndex}
+      setOpen={setOpen}
+      setSelectedIndex={setSelectedIndex}
+      value={value}
+      open={open}
+    ><SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}><SelectImpl
+      activeIndexRef={activeIndexRef}
+      listContentRef={listContentRef}
+      selectedIndexRef={selectedIndexRef}
+      {...props}
+      open={open}
+      value={value}
+    >{children}</SelectImpl></SelectSheetController></SelectProvider></AdaptProvider>;
   },
   {
     Adapt,