@tamagui/select 1.88.13 → 1.88.15

package/dist/jsx/SelectTrigger.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectTrigger.tsx"],
-  "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;",
+  "mappings": "AAAA,SAAS,uBAAuB;AAGhC,SAAS,gBAAgB;AACzB,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/jsx/SelectTrigger.mjs

@@ -0,0 +1,53 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { ListItem } from "@tamagui/list-item";
+import * as React from "react";
+import { useSelectContext, useSelectItemParentContext } from "./context.mjs";
+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, context.floatingContext?.refs.setReference);
+    return itemParentContext.shouldRenderWebNative ? null : /* @__PURE__ */jsx(ListItem, {
+      componentName: TRIGGER_NAME,
+      unstyled,
+      ...(!unstyled && {
+        backgrounded: !0,
+        radiused: !0,
+        hoverTheme: !0,
+        pressTheme: !0,
+        focusable: !0,
+        focusStyle: {
+          outlineStyle: "solid",
+          outlineWidth: 2,
+          outlineColor: "$outlineColor"
+        },
+        borderWidth: 1
+      }),
+      size: itemParentContext.size,
+      "aria-expanded": context.open,
+      "aria-autocomplete": "none",
+      dir: context.dir,
+      disabled,
+      "data-disabled": disabled ? "" : void 0,
+      ...triggerProps,
+      ref: composedRefs,
+      ...(itemParentContext.interactions ? {
+        ...itemParentContext.interactions.getReferenceProps(),
+        onMouseDown() {
+          context.floatingContext?.update(), itemParentContext.setOpen(!context.open);
+        }
+      } : {
+        onPress() {
+          itemParentContext.setOpen(!context.open);
+        }
+      })
+    });
+  });
+export { SelectTrigger };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectTrigger.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgC,kCAEhC,mBAAwC,+BACxC,QAAuB,2BAEvB,iBAA6D,sBA4BvD;AAtBN,MAAM,eAAe,iBAIR,gBAAgB,MAAM;AAAA,EACjC,SAAuB,OAAwC,cAAc;AAhB/E;AAiBI,UAAM,EAAE,eAAe,WAAW,IAAO,WAAW,IAAO,GAAG,aAAa,IAAI,OAEzE,cAAU,iCAAiB,cAAc,aAAa,GACtD,wBAAoB,2CAA2B,cAAc,aAAa,GAC1E,mBAAe;AAAA,MACnB;AAAA,OACA,aAAQ,oBAAR,mBAAyB,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,QAUC,UAAU;AACR,4BAAkB,QAAQ,CAAC,QAAQ,IAAI;AAAA,QACzC;AAAA;AAAA,IAER;AAAA,EAEJ;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgC,kCAGhC,mBAAyB,+BACzB,QAAuB,2BAEvB,iBAA6D,sBA4BvD;AAtBN,MAAM,eAAe,iBAIR,gBAAgB,MAAM;AAAA,EACjC,SAAuB,OAAwC,cAAc;AAjB/E;AAkBI,UAAM,EAAE,eAAe,WAAW,IAAO,WAAW,IAAO,GAAG,aAAa,IAAI,OAEzE,cAAU,iCAAiB,cAAc,aAAa,GACtD,wBAAoB,2CAA2B,cAAc,aAAa,GAC1E,mBAAe;AAAA,MACnB;AAAA,OACA,aAAQ,oBAAR,mBAAyB,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,QAUC,UAAU;AACR,4BAAkB,QAAQ,CAAC,QAAQ,IAAI;AAAA,QACzC;AAAA;AAAA,IAER;AAAA,EAEJ;AACF;",
   "names": []
 }

package/dist/jsx/SelectViewport.mjs

@@ -0,0 +1,117 @@
+import { FloatingFocusManager } from "@floating-ui/react";
+import { AnimatePresence } from "@tamagui/animate-presence";
+import { composeRefs } from "@tamagui/compose-refs";
+import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { styled } from "@tamagui/core";
+import { PortalItem } from "@tamagui/portal";
+import { ThemeableStack } from "@tamagui/stacks";
+import { VIEWPORT_NAME } from "./constants.mjs";
+import { ForwardSelectContext, useSelectContext, useSelectItemParentContext } from "./context.mjs";
+import { useSelectBreakpointActive } from "./useSelectBreakpointActive.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const SelectViewportFrame = styled(ThemeableStack, {
+    name: VIEWPORT_NAME,
+    variants: {
+      unstyled: {
+        false: {
+          size: "$2",
+          backgroundColor: "$background",
+          elevate: !0,
+          bordered: !0,
+          userSelect: "none",
+          outlineWidth: 0
+        }
+      },
+      size: {
+        "...size": (val, {
+          tokens
+        }) => ({
+          borderRadius: tokens.radius[val] ?? val
+        })
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  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);
+    if (useIsomorphicLayoutEffect(() => {
+      context.update && context.update();
+    }, [breakpointActive]), itemContext.shouldRenderWebNative) return /* @__PURE__ */jsx(Fragment, {
+      children
+    });
+    if (breakpointActive || !isWeb) return /* @__PURE__ */jsx(PortalItem, {
+      hostName: `${context.scopeKey}SheetContents`,
+      children: /* @__PURE__ */jsx(ForwardSelectContext, {
+        __scopeSelect,
+        itemContext,
+        context,
+        children
+      })
+    });
+    if (!itemContext.interactions) return process.env.NODE_ENV === "development" && console.warn("No interactions provided to Select, potentially missing Adapt"), null;
+    const {
+        style,
+        // remove this, it was set to "Select" always
+        className,
+        ...floatingProps
+      } = itemContext.interactions.getFloatingProps(),
+      composedRefs = composeRefs(forwardedRef, context.floatingContext?.refs.setFloating),
+      {
+        scrollbarWidth,
+        listStyleType,
+        overflow,
+        ...restStyle
+      } = style;
+    return /* @__PURE__ */jsxs(Fragment, {
+      children: [!disableScroll && !props.unstyled && /* @__PURE__ */jsx("style", {
+        dangerouslySetInnerHTML: {
+          __html: selectViewportCSS
+        }
+      }), /* @__PURE__ */jsx(AnimatePresence, {
+        children: context.open ? /* @__PURE__ */jsx(FloatingFocusManager, {
+          context: context.floatingContext,
+          modal: !1,
+          children: /* @__PURE__ */jsx(SelectViewportFrame, {
+            disableClassName: !0,
+            size: itemContext.size,
+            role: "presentation",
+            ...viewportProps,
+            ...floatingProps,
+            ...restStyle,
+            ...(!props.unstyled && {
+              overflow: disableScroll ? void 0 : overflow ?? "scroll"
+            }),
+            ref: composedRefs,
+            children
+          }, "select-viewport")
+        }) : null
+      }), !context.open && /* @__PURE__ */jsx("div", {
+        style: {
+          display: "none"
+        },
+        children: props.children
+      })]
+    });
+  }),
+  selectViewportCSS = `
+.is_SelectViewport {
+  scrollbar-width: none;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior: contain;
+}
+
+.is_SelectViewport::-webkit-scrollbar{
+  display:none
+}
+`;
+export { SelectViewport, SelectViewportFrame };

package/dist/jsx/constants.mjs

@@ -0,0 +1,8 @@
+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, SCROLL_ARROW_THRESHOLD, SCROLL_ARROW_VELOCITY, SELECT_NAME, VIEWPORT_NAME, WINDOW_PADDING };

package/dist/jsx/context.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/context.tsx"],
-  "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;",
+  "mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAgCtB;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/jsx/context.mjs

@@ -0,0 +1,23 @@
+import { createContextScope } from "@tamagui/create-context";
+import { SELECT_NAME } from "./constants.mjs";
+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
+  }) => /* @__PURE__ */jsx(SelectProvider, {
+    isInSheet: !0,
+    scope: __scopeSelect,
+    ...context,
+    children: /* @__PURE__ */jsx(SelectItemParentProvider, {
+      scope: __scopeSelect,
+      ...itemContext,
+      children
+    })
+  });
+export { ForwardSelectContext, SelectItemParentProvider, SelectProvider, createSelectContext, createSelectItemParentContext, createSelectItemParentScope, createSelectScope, useSelectContext, useSelectItemParentContext };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/context.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAmC,oCAEnC,mBAA4B,wBA4BtB;AAzBC,MAAM,CAAC,qBAAqB,iBAAiB,QAAI,0CAAmB,4BAAW,GAEzE,CAAC,gBAAgB,gBAAgB,IAC5C,oBAAwC,4BAAW,GAIxC,CAAC,+BAA+B,2BAA2B,QACtE,0CAAmB,4BAAW,GAEnB,CAAC,0BAA0B,0BAA0B,IAChE,oBAAkD,4BAAW,GAElD,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMI,4CAAC,kBAAe,WAAS,IAAC,OAAO,eAAgB,GAAG,SAClD,sDAAC,4BAAyB,OAAO,eAAgB,GAAG,aACjD,UACH,GACF;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAmC,oCAEnC,mBAA4B,wBAgCtB;AAzBC,MAAM,CAAC,qBAAqB,iBAAiB,QAAI,0CAAmB,4BAAW,GAEzE,CAAC,gBAAgB,gBAAgB,IAC5C,oBAAwC,4BAAW,GAIxC,CAAC,+BAA+B,2BAA2B,QACtE,0CAAmB,4BAAW,GAEnB,CAAC,0BAA0B,0BAA0B,IAChE,oBAAkD,4BAAW,GAElD,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMI,4CAAC,kBAAe,WAAS,IAAC,OAAO,eAAgB,GAAG,SAClD,sDAAC,4BAAyB,OAAO,eAAgB,GAAG,aACjD,UACH,GACF;",
   "names": []
 }

package/dist/jsx/index.mjs

@@ -0,0 +1,2 @@
+export * from "./Select.mjs";
+export * from "./context.mjs";

package/dist/jsx/useSelectBreakpointActive.mjs

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

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@tamagui/select",
-  "version": "1.88.13",
+  "version": "1.88.15",
   "sideEffects": [
     "*.css"
   ],
-  "source": "src/index.ts",
+  "source": "src/index.tsx",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -35,27 +35,27 @@
     "@floating-ui/react": "^0.26.6",
     "@floating-ui/react-dom": "^2.0.6",
     "@floating-ui/react-native": "^0.10.3",
-    "@tamagui/adapt": "1.88.13",
-    "@tamagui/animate-presence": "1.88.13",
-    "@tamagui/compose-refs": "1.88.13",
-    "@tamagui/constants": "1.88.13",
-    "@tamagui/core": "1.88.13",
-    "@tamagui/create-context": "1.88.13",
-    "@tamagui/dismissable": "1.88.13",
-    "@tamagui/focus-scope": "1.88.13",
-    "@tamagui/get-token": "1.88.13",
-    "@tamagui/helpers": "1.88.13",
-    "@tamagui/list-item": "1.88.13",
-    "@tamagui/portal": "1.88.13",
-    "@tamagui/remove-scroll": "1.88.13",
-    "@tamagui/separator": "1.88.13",
-    "@tamagui/sheet": "1.88.13",
-    "@tamagui/stacks": "1.88.13",
-    "@tamagui/text": "1.88.13",
-    "@tamagui/use-controllable-state": "1.88.13",
-    "@tamagui/use-debounce": "1.88.13",
-    "@tamagui/use-event": "1.88.13",
-    "@tamagui/use-previous": "1.88.13",
+    "@tamagui/adapt": "1.88.15",
+    "@tamagui/animate-presence": "1.88.15",
+    "@tamagui/compose-refs": "1.88.15",
+    "@tamagui/constants": "1.88.15",
+    "@tamagui/core": "1.88.15",
+    "@tamagui/create-context": "1.88.15",
+    "@tamagui/dismissable": "1.88.15",
+    "@tamagui/focus-scope": "1.88.15",
+    "@tamagui/get-token": "1.88.15",
+    "@tamagui/helpers": "1.88.15",
+    "@tamagui/list-item": "1.88.15",
+    "@tamagui/portal": "1.88.15",
+    "@tamagui/remove-scroll": "1.88.15",
+    "@tamagui/separator": "1.88.15",
+    "@tamagui/sheet": "1.88.15",
+    "@tamagui/stacks": "1.88.15",
+    "@tamagui/text": "1.88.15",
+    "@tamagui/use-controllable-state": "1.88.15",
+    "@tamagui/use-debounce": "1.88.15",
+    "@tamagui/use-event": "1.88.15",
+    "@tamagui/use-previous": "1.88.15",
     "react-dom": "^18.2.0"
   },
   "peerDependencies": {
@@ -63,7 +63,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.88.13",
+    "@tamagui/build": "1.88.15",
     "react": "^18.2.0",
     "react-native": "^0.72.6"
   },

package/src/Select.tsx

@@ -1,18 +1,12 @@
 import { Adapt, useAdaptParent } from '@tamagui/adapt'
 import { useComposedRefs } from '@tamagui/compose-refs'
 import { isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
-import {
-  FontSizeTokens,
-  GetProps,
-  TamaguiElement,
-  getVariableValue,
-  styled,
-  useEvent,
-  useGet,
-} from '@tamagui/core'
+import type { FontSizeTokens, GetProps, TamaguiElement } from '@tamagui/core'
+import { getVariableValue, styled, useEvent, useGet } from '@tamagui/core'
 import { getSpace } from '@tamagui/get-token'
 import { withStaticProperties } from '@tamagui/helpers'
-import { ListItem, ListItemProps } from '@tamagui/list-item'
+import type { ListItemProps } from '@tamagui/list-item'
+import { ListItem } from '@tamagui/list-item'
 import { PortalHost } from '@tamagui/portal'
 import { Separator } from '@tamagui/separator'
 import { Sheet, SheetController } from '@tamagui/sheet'
@@ -37,7 +31,7 @@ import { ITEM_TEXT_NAME, SelectItemText } from './SelectItemText'
 import { SelectScrollDownButton, SelectScrollUpButton } from './SelectScrollButton'
 import { SelectTrigger } from './SelectTrigger'
 import { SelectViewport } from './SelectViewport'
-import { ScopedProps, SelectImplProps, SelectProps } from './types'
+import type { ScopedProps, SelectImplProps, SelectProps } from './types'
 import {
   useSelectBreakpointActive,
   useShowSelectSheet,

package/src/SelectContent.native.tsx

@@ -1,4 +1,4 @@
-import { SelectContentProps } from './types'
+import type { SelectContentProps } from './types'
 
 export const SelectContent = ({ children }: SelectContentProps) => {
   return children

package/src/SelectContent.tsx

@@ -1,10 +1,11 @@
 import { FloatingOverlay, FloatingPortal } from '@floating-ui/react'
 import { Theme, useIsTouchDevice, useThemeName } from '@tamagui/core'
-import { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'
+import type { FocusScopeProps } from '@tamagui/focus-scope'
+import { FocusScope } from '@tamagui/focus-scope'
 import { useMemo } from 'react'
 
 import { useSelectContext, useSelectItemParentContext } from './context'
-import { SelectContentProps } from './types'
+import type { SelectContentProps } from './types'
 import { useShowSelectSheet } from './useSelectBreakpointActive'
 
 /* -------------------------------------------------------------------------------------------------

package/src/SelectImpl.native.tsx

@@ -1,4 +1,4 @@
-import { SelectImplProps } from './types'
+import type { SelectImplProps } from './types'
 
 /**
  * TODO can just make it a sheet for native

package/src/SelectImpl.tsx

@@ -1,5 +1,5 @@
+import type { SideObject } from '@floating-ui/react'
 import {
-  SideObject,
   flip,
   inner,
   offset,
@@ -26,7 +26,7 @@ import {
   useSelectContext,
   useSelectItemParentContext,
 } from './context'
-import { SelectImplProps } from './types'
+import type { SelectImplProps } from './types'
 
 // TODO use id for focusing from label
 export const SelectInlineImpl = (props: SelectImplProps) => {

package/src/SelectItem.tsx

@@ -1,10 +1,11 @@
 import { useComposedRefs } from '@tamagui/compose-refs'
 import { isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
-import { ListItemFrame, ListItemProps, useListItem } from '@tamagui/list-item'
+import type { ListItemProps } from '@tamagui/list-item'
+import { ListItemFrame, useListItem } from '@tamagui/list-item'
 import * as React from 'react'
 
 import { createSelectContext, useSelectItemParentContext } from './context'
-import { ScopedProps } from './types'
+import type { ScopedProps } from './types'
 
 /* -------------------------------------------------------------------------------------------------
  * SelectItem

package/src/SelectItemText.tsx

@@ -1,11 +1,12 @@
 import { useComposedRefs } from '@tamagui/compose-refs'
-import { GetProps, TamaguiTextElement, styled } from '@tamagui/core'
+import type { GetProps, TamaguiTextElement } from '@tamagui/core'
+import { styled } from '@tamagui/core'
 import { SizableText } from '@tamagui/text'
 import * as React from 'react'
 
 import { useSelectContext, useSelectItemParentContext } from './context'
 import { useSelectItemContext } from './SelectItem'
-import { ScopedProps } from './types'
+import type { ScopedProps } from './types'
 
 /* -------------------------------------------------------------------------------------------------
  * SelectItemText

package/src/SelectScrollButton.native.tsx

@@ -1,4 +1,4 @@
-import { ScopedProps, SelectScrollButtonProps } from './types'
+import type { ScopedProps, SelectScrollButtonProps } from './types'
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const SelectScrollUpButton = (_: ScopedProps<SelectScrollButtonProps>) => null

package/src/SelectScrollButton.tsx

@@ -1,12 +1,12 @@
 import { autoUpdate, offset, useFloating } from '@floating-ui/react'
 import { useComposedRefs } from '@tamagui/compose-refs'
-import { TamaguiElement } from '@tamagui/core'
+import type { TamaguiElement } from '@tamagui/core'
 import { YStack } from '@tamagui/stacks'
 import * as React from 'react'
 import { flushSync } from 'react-dom'
 
 import { useSelectContext } from './context'
-import {
+import type {
   ScopedProps,
   SelectScrollButtonImplProps,
   SelectScrollButtonProps,

package/src/SelectTrigger.tsx

@@ -1,10 +1,11 @@
 import { useComposedRefs } from '@tamagui/compose-refs'
-import { TamaguiElement } from '@tamagui/core'
-import { ListItem, ListItemProps } from '@tamagui/list-item'
+import type { TamaguiElement } from '@tamagui/core'
+import type { ListItemProps } from '@tamagui/list-item'
+import { ListItem } from '@tamagui/list-item'
 import * as React from 'react'
 
 import { useSelectContext, useSelectItemParentContext } from './context'
-import { ScopedProps } from './types'
+import type { ScopedProps } from './types'
 
 /* -------------------------------------------------------------------------------------------------
  * SelectTrigger

package/src/SelectViewport.native.tsx

@@ -9,7 +9,7 @@ import {
   useSelectContext,
   useSelectItemParentContext,
 } from './context'
-import { ScopedProps, SelectViewportProps } from './types'
+import type { ScopedProps, SelectViewportProps } from './types'
 
 export const SelectViewport = (props: ScopedProps<SelectViewportProps>) => {
   const { __scopeSelect, children } = props

package/src/SelectViewport.tsx

@@ -12,7 +12,7 @@ import {
   useSelectContext,
   useSelectItemParentContext,
 } from './context'
-import { ScopedProps, SelectViewportExtraProps, SelectViewportProps } from './types'
+import type { ScopedProps, SelectViewportExtraProps, SelectViewportProps } from './types'
 import { useSelectBreakpointActive } from './useSelectBreakpointActive'
 
 /* -------------------------------------------------------------------------------------------------

package/src/context.tsx

@@ -1,7 +1,11 @@
 import { createContextScope } from '@tamagui/create-context'
 
 import { SELECT_NAME } from './constants'
-import { ScopedProps, SelectContextValue, SelectItemParentContextValue } from './types'
+import type {
+  ScopedProps,
+  SelectContextValue,
+  SelectItemParentContextValue,
+} from './types'
 
 export const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME)
 

package/src/useSelectBreakpointActive.tsx

@@ -1,6 +1,6 @@
 import { useMedia } from '@tamagui/core'
 
-import { SelectContextValue } from './types'
+import type { SelectContextValue } from './types'
 
 export const useSelectBreakpointActive = (
   sheetBreakpoint: SelectContextValue['sheetBreakpoint']

package/types/Select.d.ts

@@ -1,7 +1,7 @@
-import { FontSizeTokens, TamaguiElement } from '@tamagui/core';
-import { ListItemProps } from '@tamagui/list-item';
+import type { FontSizeTokens, TamaguiElement } from '@tamagui/core';
+import type { ListItemProps } from '@tamagui/list-item';
 import * as React from 'react';
-import { ScopedProps, SelectProps } from './types';
+import type { ScopedProps, SelectProps } from './types';
 export interface SelectValueExtraProps {
     placeholder?: React.ReactNode;
 }
@@ -154,12 +154,12 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         active?: boolean | undefined;
     }>> & Omit<import("@tamagui/text").TextParentStyles, "TextComponent" | "noTextWrap"> & import("@tamagui/core").ThemeableProps & {
         icon?: (JSX.Element | React.FunctionComponent<{
-            color?: string | undefined;
-            size?: number | undefined;
+            color?: any;
+            size?: any;
         }> | null) | undefined;
         iconAfter?: (JSX.Element | React.FunctionComponent<{
-            color?: string | undefined;
-            size?: number | undefined;
+            color?: any;
+            size?: any;
         }> | null) | undefined;
         scaleIcon?: number | undefined;
         spaceFlex?: number | boolean | undefined;
@@ -226,12 +226,12 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         active?: boolean | undefined;
     }>> & Omit<import("@tamagui/text").TextParentStyles, "TextComponent" | "noTextWrap"> & import("@tamagui/core").ThemeableProps & {
         icon?: (JSX.Element | React.FunctionComponent<{
-            color?: string | undefined;
-            size?: number | undefined;
+            color?: any;
+            size?: any;
         }> | null) | undefined;
         iconAfter?: (JSX.Element | React.FunctionComponent<{
-            color?: string | undefined;
-            size?: number | undefined;
+            color?: any;
+            size?: any;
         }> | null) | undefined;
         scaleIcon?: number | undefined;
         spaceFlex?: number | boolean | undefined;

package/types/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EAEd,cAAc,EAKf,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAY,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAO5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,OAAO,EAAE,WAAW,EAAmB,WAAW,EAAE,MAAM,SAAS,CAAA;AAiBnE,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B;AA0DD,eAAO,MAAM,UAAU;;;8CAKrB,CAAA;AA2CF,eAAO,MAAM,gBAAgB;;;8CAG3B,CAAA;AAyGF,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAA;AAgC5C,eAAO,MAAM,eAAe;;8CAE1B,CAAA;AAoCF,eAAO,MAAM,MAAM,WACT,YAAY,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgLjC,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAY,cAAc,EAAE,MAAM,eAAe,CAAA;AAI7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAQvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,OAAO,KAAK,EAAE,WAAW,EAAmB,WAAW,EAAE,MAAM,SAAS,CAAA;AAiBxE,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B;AA0DD,eAAO,MAAM,UAAU;;;8CAKrB,CAAA;AA2CF,eAAO,MAAM,gBAAgB;;;8CAG3B,CAAA;AAyGF,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAA;AAgC5C,eAAO,MAAM,eAAe;;8CAE1B,CAAA;AAoCF,eAAO,MAAM,MAAM,WACT,YAAY,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgLjC,CAAA"}

package/types/SelectContent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FocusScopeProps } from '@tamagui/focus-scope';
-import { SelectContentProps } from './types';
+import type { FocusScopeProps } from '@tamagui/focus-scope';
+import type { SelectContentProps } from './types';
 export declare const SelectContent: ({ children, __scopeSelect, zIndex, ...focusScopeProps }: SelectContentProps & FocusScopeProps) => JSX.Element | null;
 //# sourceMappingURL=SelectContent.d.ts.map

package/types/SelectContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../src/SelectContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAIlE,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAS5C,eAAO,MAAM,aAAa,4DAKvB,kBAAkB,GAAG,eAAe,uBAyCtC,CAAA"}
+{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../src/SelectContent.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAK3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AASjD,eAAO,MAAM,aAAa,4DAKvB,kBAAkB,GAAG,eAAe,uBAyCtC,CAAA"}

package/types/SelectContent.native.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.native.d.ts","sourceRoot":"","sources":["../src/SelectContent.native.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5C,eAAO,MAAM,aAAa,iBAAkB,kBAAkB,8BAE7D,CAAA"}
+{"version":3,"file":"SelectContent.native.d.ts","sourceRoot":"","sources":["../src/SelectContent.native.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,eAAO,MAAM,aAAa,iBAAkB,kBAAkB,8BAE7D,CAAA"}

package/types/SelectImpl.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { SelectImplProps } from './types';
+import type { SelectImplProps } from './types';
 export declare const SelectInlineImpl: (props: SelectImplProps) => JSX.Element;
 //# sourceMappingURL=SelectImpl.d.ts.map

package/types/SelectImpl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectImpl.d.ts","sourceRoot":"","sources":["../src/SelectImpl.tsx"],"names":[],"mappings":";AA4BA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGzC,eAAO,MAAM,gBAAgB,UAAW,eAAe,gBA0VtD,CAAA"}
+{"version":3,"file":"SelectImpl.d.ts","sourceRoot":"","sources":["../src/SelectImpl.tsx"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,gBAAgB,UAAW,eAAe,gBA0VtD,CAAA"}

package/types/SelectImpl.native.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SelectImplProps } from './types';
+import type { SelectImplProps } from './types';
 /**
  * TODO can just make it a sheet for native
  * later on can have `native` prop

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

@@ -1 +1 @@
-{"version":3,"file":"SelectImpl.native.d.ts","sourceRoot":"","sources":["../src/SelectImpl.native.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC;;;GAGG;AAEH,eAAO,MAAM,gBAAgB,UAAW,eAAe,gBAKtD,CAAA"}
+{"version":3,"file":"SelectImpl.native.d.ts","sourceRoot":"","sources":["../src/SelectImpl.native.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;GAGG;AAEH,eAAO,MAAM,gBAAgB,UAAW,eAAe,gBAKtD,CAAA"}