@tamagui/select 1.61.3 → 1.62.0

package/dist/esm/SelectScrollButton.js

@@ -1,114 +1,79 @@
-import { jsx } from "react/jsx-runtime";
 import { autoUpdate, offset, useFloating } from "@floating-ui/react";
 import { useComposedRefs } from "@tamagui/compose-refs";
 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 /* @__PURE__ */ jsx(
-    SelectScrollButtonImpl,
-    {
-      componentName: SCROLL_UP_BUTTON_NAME,
-      ...props,
-      dir: "up",
-      ref: forwardedRef
-    }
-  );
-});
+import { jsx } from "react/jsx-runtime";
+const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton", SelectScrollUpButton = React.forwardRef((props, forwardedRef) => /* @__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
-    }
-  );
-});
+const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton", SelectScrollDownButton = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsx(
+  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) => {
-      var _a, _b;
-      const { __scopeSelect, dir, componentName, ...scrollIndicatorProps } = props;
-      const { forceUpdate, open, fallback, setScrollTop, setInnerOffset, ...context } = useSelectContext(componentName, __scopeSelect);
-      const floatingRef = (_a = context.floatingContext) == null ? void 0 : _a.refs.floating;
-      const statusRef = React.useRef("idle");
-      const isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"];
-      const frameRef = React.useRef();
-      const { x, y, refs, strategy } = useFloating({
+      const { __scopeSelect, dir, componentName, ...scrollIndicatorProps } = props, { forceUpdate, open, fallback, setScrollTop, setInnerOffset, ...context } = useSelectContext(componentName, __scopeSelect), floatingRef = context.floatingContext?.refs.floating, statusRef = React.useRef("idle"), isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"], frameRef = React.useRef(), { x, y, refs, strategy } = useFloating({
         open: open && isVisible,
         strategy: "fixed",
         elements: {
-          reference: floatingRef == null ? void 0 : floatingRef.current
+          reference: floatingRef?.current
         },
         placement: dir === "up" ? "top" : "bottom",
         middleware: [offset(({ rects }) => -rects.floating.height)],
-        whileElementsMounted: (...args) => autoUpdate(...args, { animationFrame: true })
-      });
-      const composedRef = useComposedRefs(forwardedRef, refs.setFloating);
-      if (!isVisible) {
+        whileElementsMounted: (...args) => autoUpdate(...args, { animationFrame: !0 })
+      }), composedRef = useComposedRefs(forwardedRef, refs.setFloating);
+      if (!isVisible)
         return null;
-      }
       const onScroll = (amount) => {
         const floating = floatingRef;
-        if (!floating)
-          return;
-        if (fallback) {
-          if (floating.current) {
-            floating.current.scrollTop -= amount;
-            flushSync(() => {
-              var _a2;
-              return setScrollTop(((_a2 = floating.current) == null ? void 0 : _a2.scrollTop) ?? 0);
-            });
-          }
-        } else {
-          flushSync(() => setInnerOffset((value) => value - amount));
-        }
+        floating && (fallback ? floating.current && (floating.current.scrollTop -= amount, flushSync(() => setScrollTop(floating.current?.scrollTop ?? 0))) : flushSync(() => setInnerOffset((value) => value - amount)));
       };
       return /* @__PURE__ */ jsx(
         YStack,
         {
           ref: composedRef,
           componentName,
-          "aria-hidden": true,
+          "aria-hidden": !0,
           ...scrollIndicatorProps,
           zIndex: 1e3,
           position: strategy,
           left: x || 0,
           top: y || 0,
-          width: `calc(${(((_b = floatingRef == null ? void 0 : floatingRef.current) == null ? void 0 : _b.offsetWidth) ?? 0) - 2}px)`,
+          width: `calc(${(floatingRef?.current?.offsetWidth ?? 0) - 2}px)`,
           onPointerEnter: () => {
             statusRef.current = "active";
             let prevNow = Date.now();
             function frame() {
-              const element = floatingRef == null ? void 0 : floatingRef.current;
+              const element = floatingRef?.current;
               if (element) {
-                const currentNow = Date.now();
-                const msElapsed = currentNow - prevNow;
+                const currentNow = Date.now(), 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;
+                const pixelsToScroll = msElapsed / 2, remainingPixels = dir === "up" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop, 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);
-                }
+                ), scrollRemaining && (frameRef.current = requestAnimationFrame(frame));
               }
             }
-            cancelAnimationFrame(frameRef.current);
-            frameRef.current = requestAnimationFrame(frame);
+            cancelAnimationFrame(frameRef.current), frameRef.current = requestAnimationFrame(frame);
           },
           onPointerLeave: () => {
-            statusRef.current = "idle";
-            cancelAnimationFrame(frameRef.current);
+            statusRef.current = "idle", cancelAnimationFrame(frameRef.current);
           }
         }
       );

package/dist/esm/SelectScrollButton.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectScrollButton.tsx"],
-  "mappings": "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",
-  "names": ["_a"]
+  "mappings": "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",
+  "names": []
 }

package/dist/esm/SelectTrigger.js

@@ -1,33 +1,25 @@
-import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@tamagui/compose-refs";
 import { ListItem } from "@tamagui/list-item";
 import * as React from "react";
 import { useSelectContext, useSelectItemParentContext } from "./context";
-const TRIGGER_NAME = "SelectTrigger";
-const SelectTrigger = React.forwardRef(
-  function SelectTrigger2(props, forwardedRef) {
-    var _a;
-    const { __scopeSelect, disabled = false, unstyled = false, ...triggerProps } = props;
-    const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
-    const itemParentContext = useSelectItemParentContext(TRIGGER_NAME, __scopeSelect);
-    const composedRefs = useComposedRefs(
+import { jsx } from "react/jsx-runtime";
+const TRIGGER_NAME = "SelectTrigger", SelectTrigger = React.forwardRef(
+  function(props, forwardedRef) {
+    const { __scopeSelect, disabled = !1, unstyled = !1, ...triggerProps } = props, context = useSelectContext(TRIGGER_NAME, __scopeSelect), itemParentContext = useSelectItemParentContext(TRIGGER_NAME, __scopeSelect), composedRefs = useComposedRefs(
       forwardedRef,
-      (_a = context.floatingContext) == null ? void 0 : _a.refs.setReference
+      context.floatingContext?.refs.setReference
     );
-    if (itemParentContext.shouldRenderWebNative) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(
+    return itemParentContext.shouldRenderWebNative ? null : /* @__PURE__ */ jsx(
       ListItem,
       {
         componentName: TRIGGER_NAME,
         unstyled,
         ...!unstyled && {
-          backgrounded: true,
-          radiused: true,
-          hoverTheme: true,
-          pressTheme: true,
-          focusable: true,
+          backgrounded: !0,
+          radiused: !0,
+          hoverTheme: !0,
+          pressTheme: !0,
+          focusable: !0,
           focusStyle: {
             outlineStyle: "solid",
             outlineWidth: 2,
@@ -43,12 +35,10 @@ const SelectTrigger = React.forwardRef(
         "data-disabled": disabled ? "" : void 0,
         ...triggerProps,
         ref: composedRefs,
-        ...process.env.TAMAGUI_TARGET === "web" && itemParentContext.interactions ? {
+        ...itemParentContext.interactions ? {
           ...itemParentContext.interactions.getReferenceProps(),
           onMouseDown() {
-            var _a2;
-            (_a2 = context.floatingContext) == null ? void 0 : _a2.update();
-            itemParentContext.setOpen(!context.open);
+            context.floatingContext?.update(), itemParentContext.setOpen(!context.open);
           }
         } : {
           onPress() {

package/dist/esm/SelectTrigger.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectTrigger.tsx"],
-  "mappings": "AAiCM;AAjCN,SAAS,uBAAuB;AAEhC,SAAS,gBAA+B;AACxC,YAAY,WAAW;AAEvB,SAAS,kBAAkB,kCAAkC;AAM7D,MAAM,eAAe;AAId,MAAM,gBAAgB,MAAM;AAAA,EACjC,SAASA,eAAc,OAAwC,cAAc;AAhB/E;AAiBI,UAAM,EAAE,eAAe,WAAW,OAAO,WAAW,OAAO,GAAG,aAAa,IAAI;AAE/E,UAAM,UAAU,iBAAiB,cAAc,aAAa;AAC5D,UAAM,oBAAoB,2BAA2B,cAAc,aAAa;AAChF,UAAM,eAAe;AAAA,MACnB;AAAA,OACA,aAAQ,oBAAR,mBAAyB,KAAK;AAAA,IAChC;AAIA,QAAI,kBAAkB,uBAAuB;AAC3C,aAAO;AAAA,IACT;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAe;AAAA,QACf;AAAA,QACC,GAAI,CAAC,YAAY;AAAA,UAChB,cAAc;AAAA,UACd,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,YAAY;AAAA,YACV,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAChB;AAAA,UACA,aAAa;AAAA,QACf;AAAA,QACA,MAAM,kBAAkB;AAAA,QAExB,iBAAe,QAAQ;AAAA,QACvB,qBAAkB;AAAA,QAClB,KAAK,QAAQ;AAAA,QACb;AAAA,QACA,iBAAe,WAAW,KAAK;AAAA,QAC9B,GAAG;AAAA,QACJ,KAAK;AAAA,QACJ,GAAI,QAAQ,IAAI,mBAAmB,SAAS,kBAAkB,eAC3D;AAAA,UACE,GAAG,kBAAkB,aAAa,kBAAkB;AAAA,UACpD,cAAc;AA7D5B,gBAAAC;AA8DgB,aAAAA,MAAA,QAAQ,oBAAR,gBAAAA,IAAyB;AACzB,8BAAkB,QAAQ,CAAC,QAAQ,IAAI;AAAA,UACzC;AAAA,QACF,IACA;AAAA,UACE,UAAU;AACR,8BAAkB,QAAQ,CAAC,QAAQ,IAAI;AAAA,UACzC;AAAA,QACF;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;",
-  "names": ["SelectTrigger", "_a"]
+  "mappings": "AAAA,SAAS,uBAAuB;AAEhC,SAAS,gBAA+B;AACxC,YAAY,WAAW;AAEvB,SAAS,kBAAkB,kCAAkC;AA4BvD;AAtBN,MAAM,eAAe,iBAIR,gBAAgB,MAAM;AAAA,EACjC,SAAuB,OAAwC,cAAc;AAC3E,UAAM,EAAE,eAAe,WAAW,IAAO,WAAW,IAAO,GAAG,aAAa,IAAI,OAEzE,UAAU,iBAAiB,cAAc,aAAa,GACtD,oBAAoB,2BAA2B,cAAc,aAAa,GAC1E,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAIA,WAAI,kBAAkB,wBACb,OAIP;AAAA,MAAC;AAAA;AAAA,QACC,eAAe;AAAA,QACf;AAAA,QACC,GAAI,CAAC,YAAY;AAAA,UAChB,cAAc;AAAA,UACd,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,YAAY;AAAA,YACV,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAChB;AAAA,UACA,aAAa;AAAA,QACf;AAAA,QACA,MAAM,kBAAkB;AAAA,QAExB,iBAAe,QAAQ;AAAA,QACvB,qBAAkB;AAAA,QAClB,KAAK,QAAQ;AAAA,QACb;AAAA,QACA,iBAAe,WAAW,KAAK;AAAA,QAC9B,GAAG;AAAA,QACJ,KAAK;AAAA,QACJ,GAA4C,kBAAkB,eAC3D;AAAA,UACE,GAAG,kBAAkB,aAAa,kBAAkB;AAAA,UACpD,cAAc;AACZ,oBAAQ,iBAAiB,OAAO,GAChC,kBAAkB,QAAQ,CAAC,QAAQ,IAAI;AAAA,UACzC;AAAA,QACF,IACA;AAAA,UACE,UAAU;AACR,8BAAkB,QAAQ,CAAC,QAAQ,IAAI;AAAA,UACzC;AAAA,QACF;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;",
+  "names": []
 }

package/dist/esm/SelectViewport.js

@@ -1,4 +1,3 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { FloatingFocusManager } from "@floating-ui/react";
 import { AnimatePresence } from "@tamagui/animate-presence";
 import {
@@ -16,6 +15,7 @@ import {
   useSelectItemParentContext
 } from "./context";
 import { useSelectBreakpointActive } from "./useSelectBreakpointActive";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const SelectViewportFrame = styled(ThemeableStack, {
   name: VIEWPORT_NAME,
   variants: {
@@ -23,44 +23,34 @@ const SelectViewportFrame = styled(ThemeableStack, {
       false: {
         size: "$2",
         backgroundColor: "$background",
-        elevate: true,
-        bordered: true,
+        elevate: !0,
+        bordered: !0,
         userSelect: "none",
         outlineWidth: 0
       }
     },
     size: {
-      "...size": (val, { tokens }) => {
-        return {
-          borderRadius: tokens.radius[val] ?? val
-        };
-      }
+      "...size": (val, { tokens }) => ({
+        borderRadius: tokens.radius[val] ?? val
+      })
     }
   },
   defaultVariants: {
-    unstyled: false
+    unstyled: !1
   }
-});
-const SelectViewport = SelectViewportFrame.styleable(
-  function SelectViewport2(props, forwardedRef) {
-    var _a;
-    const { __scopeSelect, children, disableScroll, ...viewportProps } = props;
-    const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
-    const itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect);
-    const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
+}), SelectViewport = SelectViewportFrame.styleable(
+  function(props, forwardedRef) {
+    const { __scopeSelect, children, disableScroll, ...viewportProps } = props, context = useSelectContext(VIEWPORT_NAME, __scopeSelect), itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect), breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
     useIsomorphicLayoutEffect(() => {
-      if (context.update) {
-        context.update();
-      }
+      context.update && context.update();
     }, [breakpointActive]);
     const composedRefs = composeRefs(
       forwardedRef,
-      (_a = context.floatingContext) == null ? void 0 : _a.refs.setFloating
+      context.floatingContext?.refs.setFloating
     );
-    if (itemContext.shouldRenderWebNative) {
+    if (itemContext.shouldRenderWebNative)
       return /* @__PURE__ */ jsx(Fragment, { children });
-    }
-    if (breakpointActive || !isWeb) {
+    if (breakpointActive || !isWeb)
       return /* @__PURE__ */ jsx(PortalItem, { hostName: `${context.scopeKey}SheetContents`, children: /* @__PURE__ */ jsx(
         ForwardSelectContext,
         {
@@ -70,15 +60,9 @@ const SelectViewport = SelectViewportFrame.styleable(
           children
         }
       ) });
-    }
-    if (!itemContext.interactions) {
-      if (process.env.NODE_ENV === "development") {
-        console.warn(`No interactions provided to Select, potentially missing Adapt`);
-      }
-      return null;
-    }
-    const { style, ...floatingProps } = itemContext.interactions.getFloatingProps();
-    const { scrollbarWidth, listStyleType, overflow, ...restStyle } = style;
+    if (!itemContext.interactions)
+      return process.env.NODE_ENV === "development" && console.warn("No interactions provided to Select, potentially missing Adapt"), null;
+    const { style, ...floatingProps } = itemContext.interactions.getFloatingProps(), { scrollbarWidth, listStyleType, overflow, ...restStyle } = style;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       !disableScroll && !props.unstyled && /* @__PURE__ */ jsx(
         "style",
@@ -91,7 +75,7 @@ const SelectViewport = SelectViewportFrame.styleable(
       /* @__PURE__ */ jsx(FloatingFocusManager, { context: context.floatingContext, children: /* @__PURE__ */ jsx(AnimatePresence, { children: context.open ? /* @__PURE__ */ jsx(
         SelectViewportFrame,
         {
-          disableClassName: true,
+          disableClassName: !0,
           size: itemContext.size,
           role: "presentation",
           ...viewportProps,
@@ -108,8 +92,7 @@ const SelectViewport = SelectViewportFrame.styleable(
       !context.open && /* @__PURE__ */ jsx("div", { style: { display: "none" }, children: props.children })
     ] });
   }
-);
-const selectViewportCSS = `
+), selectViewportCSS = `
 .is_SelectViewport {
   scrollbar-width: none;
   -webkit-overflow-scrolling: touch;

package/dist/esm/SelectViewport.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectViewport.tsx"],
-  "mappings": "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",
-  "names": ["SelectViewport"]
+  "mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAG/B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iCAAiC;AAsD7B,wBA6BP,YA7BO;AAhDN,MAAM,sBAAsB,OAAO,gBAAgB;AAAA,EACxD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,OACjB;AAAA,QACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,MACtC;AAAA,IAEJ;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAEY,iBAAiB,oBAAoB;AAAA,EAChD,SAAwB,OAAyC,cAAc;AAC7E,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI,OAC/D,UAAU,iBAAiB,eAAe,aAAa,GACvD,cAAc,2BAA2B,eAAe,aAAa,GACrE,mBAAmB,0BAA0B,QAAQ,eAAe;AAE1E,8BAA0B,MAAM;AAC9B,MAAI,QAAQ,UACV,QAAQ,OAAO;AAAA,IAEnB,GAAG,CAAC,gBAAgB,CAAC;AAErB,UAAM,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAEA,QAAI,YAAY;AACd,aAAO,gCAAG,UAAS;AAGrB,QAAI,oBAAoB,CAAC;AACvB,aACE,oBAAC,cAAW,UAAU,GAAG,QAAQ,QAAQ,iBACvC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH,GACF;AAIJ,QAAI,CAAC,YAAY;AACf,aAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ,KAAK,+DAA+D,GAGvE;AAGT,UAAM,EAAE,OAAO,GAAG,cAAc,IAAI,YAAY,aAAa,iBAAiB,GACxE,EAAE,gBAAgB,eAAe,UAAU,GAAG,UAAU,IAAI;AAElE,WACE,iCACG;AAAA,OAAC,iBAAiB,CAAC,MAAM,YACxB;AAAA,QAAC;AAAA;AAAA,UACC,yBAAyB;AAAA,YACvB,QAAQ;AAAA,UACV;AAAA;AAAA,MACF;AAAA,MAEF,oBAAC,wBAAqB,SAAS,QAAQ,iBACrC,8BAAC,mBACE,kBAAQ,OACP;AAAA,QAAC;AAAA;AAAA,UACC,kBAAgB;AAAA,UAEhB,MAAM,YAAY;AAAA,UAElB,MAAK;AAAA,UACJ,GAAG;AAAA,UACJ,KAAK;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAI,CAAC,MAAM,YAAY;AAAA,YACtB,UAAU,gBAAgB,SAAY,YAAY;AAAA,UACpD;AAAA,UAEC;AAAA;AAAA,QAZG;AAAA,MAaN,IACE,MACN,GACF;AAAA,MAGC,CAAC,QAAQ,QAAQ,oBAAC,SAAI,OAAO,EAAE,SAAS,OAAO,GAAI,gBAAM,UAAS;AAAA,OACrE;AAAA,EAEJ;AACF,GAEM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
 }

package/dist/esm/constants.js

@@ -1,10 +1,4 @@
-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";
+const SELECT_NAME = "Select", WINDOW_PADDING = 8, SCROLL_ARROW_VELOCITY = 8, SCROLL_ARROW_THRESHOLD = 8, MIN_HEIGHT = 80, FALLBACK_THRESHOLD = 16, VIEWPORT_NAME = "SelectViewport";
 export {
   FALLBACK_THRESHOLD,
   MIN_HEIGHT,

package/dist/esm/constants.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/constants.tsx"],
-  "mappings": "AAAO,MAAM,cAAc;AACpB,MAAM,iBAAiB;AACvB,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAC/B,MAAM,aAAa;AACnB,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;",
+  "mappings": "AAAO,MAAM,cAAc,UACd,iBAAiB,GACjB,wBAAwB,GACxB,yBAAyB,GACzB,aAAa,IACb,qBAAqB,IACrB,gBAAgB;",
   "names": []
 }

package/dist/esm/context.js

@@ -1,18 +1,12 @@
-import { jsx } from "react/jsx-runtime";
 import { createContextScope } from "@tamagui/create-context";
 import { SELECT_NAME } from "./constants";
-const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME);
-const [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
-const [createSelectItemParentContext, createSelectItemParentScope] = createContextScope(SELECT_NAME);
-const [SelectItemParentProvider, useSelectItemParentContext] = createSelectContext(SELECT_NAME);
-const ForwardSelectContext = ({
+import { jsx } from "react/jsx-runtime";
+const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME), [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME), [createSelectItemParentContext, createSelectItemParentScope] = createContextScope(SELECT_NAME), [SelectItemParentProvider, useSelectItemParentContext] = createSelectContext(SELECT_NAME), ForwardSelectContext = ({
   __scopeSelect,
   context,
   itemContext,
   children
-}) => {
-  return /* @__PURE__ */ jsx(SelectProvider, { isInSheet: true, scope: __scopeSelect, ...context, children: /* @__PURE__ */ jsx(SelectItemParentProvider, { scope: __scopeSelect, ...itemContext, children }) });
-};
+}) => /* @__PURE__ */ jsx(SelectProvider, { isInSheet: !0, scope: __scopeSelect, ...context, children: /* @__PURE__ */ jsx(SelectItemParentProvider, { scope: __scopeSelect, ...itemContext, children }) });
 export {
   ForwardSelectContext,
   SelectItemParentProvider,

package/dist/esm/context.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/context.tsx"],
-  "mappings": "AA8BM;AA9BN,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAGrB,MAAM,CAAC,qBAAqB,iBAAiB,IAAI,mBAAmB,WAAW;AAE/E,MAAM,CAAC,gBAAgB,gBAAgB,IAC5C,oBAAwC,WAAW;AAI9C,MAAM,CAAC,+BAA+B,2BAA2B,IACtE,mBAAmB,WAAW;AAEzB,MAAM,CAAC,0BAA0B,0BAA0B,IAChE,oBAAkD,WAAW;AAExD,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAIO;AACL,SACE,oBAAC,kBAAe,WAAS,MAAC,OAAO,eAAgB,GAAG,SAClD,8BAAC,4BAAyB,OAAO,eAAgB,GAAG,aACjD,UACH,GACF;AAEJ;",
+  "mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AA4BtB;AAzBC,MAAM,CAAC,qBAAqB,iBAAiB,IAAI,mBAAmB,WAAW,GAEzE,CAAC,gBAAgB,gBAAgB,IAC5C,oBAAwC,WAAW,GAIxC,CAAC,+BAA+B,2BAA2B,IACtE,mBAAmB,WAAW,GAEnB,CAAC,0BAA0B,0BAA0B,IAChE,oBAAkD,WAAW,GAElD,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMI,oBAAC,kBAAe,WAAS,IAAC,OAAO,eAAgB,GAAG,SAClD,8BAAC,4BAAyB,OAAO,eAAgB,GAAG,aACjD,UACH,GACF;",
   "names": []
 }

package/dist/esm/useSelectBreakpointActive.js

@@ -1,15 +1,10 @@
 import { useMedia } from "@tamagui/core";
 const useSelectBreakpointActive = (sheetBreakpoint) => {
   const media = useMedia();
-  if (!sheetBreakpoint)
-    return false;
-  if (sheetBreakpoint === true)
-    return true;
-  return sheetBreakpoint ? media[sheetBreakpoint] : false;
-};
-const useShowSelectSheet = (context) => {
+  return sheetBreakpoint ? sheetBreakpoint === !0 ? !0 : sheetBreakpoint ? media[sheetBreakpoint] : !1 : !1;
+}, useShowSelectSheet = (context) => {
   const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
-  return context.open === false ? false : breakpointActive;
+  return context.open === !1 ? !1 : breakpointActive;
 };
 export {
   useSelectBreakpointActive,

package/dist/esm/useSelectBreakpointActive.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useSelectBreakpointActive.tsx"],
-  "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;",
+  "mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAM,4BAA4B,CACvC,oBACG;AACH,QAAM,QAAQ,SAAS;AACvB,SAAK,kBACD,oBAAoB,KAAa,KAC9B,kBAAkB,MAAM,eAAe,IAAI,KAFrB;AAG/B,GAEa,qBAAqB,CAAC,YAAgC;AACjE,QAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAC1E,SAAO,QAAQ,SAAS,KAAQ,KAAQ;AAC1C;",
   "names": []
 }

package/dist/jsx/BubbleSelect.js

@@ -2,24 +2,16 @@ import { useComposedRefs } from "@tamagui/compose-refs";
 import { usePrevious } from "@tamagui/use-previous";
 import * as React from "react";
 const BubbleSelect = React.forwardRef((props, forwardedRef) => {
-  const { value, ...selectProps } = props;
-  const ref = React.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  const prevValue = usePrevious(value);
-  React.useEffect(() => {
-    const select = ref.current;
-    const selectProto = window.HTMLSelectElement.prototype;
-    const descriptor = Object.getOwnPropertyDescriptor(
+  const { value, ...selectProps } = props, ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), prevValue = usePrevious(value);
+  return React.useEffect(() => {
+    const select = ref.current, selectProto = window.HTMLSelectElement.prototype, setValue = Object.getOwnPropertyDescriptor(
       selectProto,
       "value"
-    );
-    const setValue = descriptor.set;
+    ).set;
     if (prevValue !== value && setValue) {
-      const event = new Event("change", { bubbles: true });
-      setValue.call(select, value);
-      select.dispatchEvent(event);
+      const event = new Event("change", { bubbles: !0 });
+      setValue.call(select, value), select.dispatchEvent(event);
     }
-  }, [prevValue, value]);
-  return null;
+  }, [prevValue, value]), null;
 });
 //# sourceMappingURL=BubbleSelect.js.map

package/dist/jsx/BubbleSelect.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/BubbleSelect.tsx"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,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;",
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,YAAY,WAAW;AAGvB,MAAM,eAAe,MAAM,WAGzB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,OAAO,GAAG,YAAY,IAAI,OAC5B,MAAM,MAAM,OAA0B,IAAI,GAC1C,eAAe,gBAAgB,cAAc,GAAG,GAChD,YAAY,YAAY,KAAK;AAGnC,eAAM,UAAU,MAAM;AACpB,UAAM,SAAS,IAAI,SACb,cAAc,OAAO,kBAAkB,WAKvC,WAJa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF,EAC4B;AAC5B,QAAI,cAAc,SAAS,UAAU;AACnC,YAAM,QAAQ,IAAI,MAAM,UAAU,EAAE,SAAS,GAAK,CAAC;AACnD,eAAS,KAAK,QAAQ,KAAK,GAC3B,OAAO,cAAc,KAAK;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC,GAed;AAMT,CAAC;",
   "names": []
 }

package/dist/jsx/BubbleSelect.native.js

@@ -0,0 +1,17 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { usePrevious } from "@tamagui/use-previous";
+import * as React from "react";
+const BubbleSelect = React.forwardRef((props, forwardedRef) => {
+  const { value, ...selectProps } = props, ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), prevValue = usePrevious(value);
+  return React.useEffect(() => {
+    const select = ref.current, selectProto = window.HTMLSelectElement.prototype, setValue = Object.getOwnPropertyDescriptor(
+      selectProto,
+      "value"
+    ).set;
+    if (prevValue !== value && setValue) {
+      const event = new Event("change", { bubbles: !0 });
+      setValue.call(select, value), select.dispatchEvent(event);
+    }
+  }, [prevValue, value]), null;
+});
+//# sourceMappingURL=BubbleSelect.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/BubbleSelect.tsx"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,YAAY,WAAW;AAGvB,MAAM,eAAe,MAAM,WAGzB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,OAAO,GAAG,YAAY,IAAI,OAC5B,MAAM,MAAM,OAA0B,IAAI,GAC1C,eAAe,gBAAgB,cAAc,GAAG,GAChD,YAAY,YAAY,KAAK;AAGnC,eAAM,UAAU,MAAM;AACpB,UAAM,SAAS,IAAI,SACb,cAAc,OAAO,kBAAkB,WAKvC,WAJa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF,EAC4B;AAC5B,QAAI,cAAc,SAAS,UAAU;AACnC,YAAM,QAAQ,IAAI,MAAM,UAAU,EAAE,SAAS,GAAK,CAAC;AACnD,eAAS,KAAK,QAAQ,KAAK,GAC3B,OAAO,cAAc,KAAK;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC,GAed;AAMT,CAAC;",
+  "names": []
+}