@tamagui/select 1.74.13 → 1.74.14

package/dist/jsx/SelectItem.js

@@ -1,18 +1,23 @@
 import { useComposedRefs } from "@tamagui/compose-refs";
 import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/core";
-import { ListItem } from "@tamagui/list-item";
+import { ListItemFrame, useListItem } from "@tamagui/list-item";
 import * as React from "react";
 import { createSelectContext, useSelectItemParentContext } from "./context";
-const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME), SelectItem = React.forwardRef(
-  (props, forwardedRef) => {
+const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME), SelectItem = ListItemFrame.styleable(
+  function(props, forwardedRef) {
     const {
       __scopeSelect,
       value,
       disabled = !1,
       textValue: textValueProp,
       index,
-      ...itemProps
-    } = props, context = useSelectItemParentContext(ITEM_NAME, __scopeSelect), {
+      ...restProps
+    } = props, { props: listItemProps } = useListItem({
+      ...!props.unstyled && {
+        ellipse: !0
+      },
+      ...restProps
+    }), context = useSelectItemParentContext(ITEM_NAME, __scopeSelect), {
       setSelectedIndex,
       listRef,
       setOpen,
@@ -45,7 +50,7 @@ const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext
     function handleSelect() {
       setSelectedIndex(index), onChange(value), setOpen(!1);
     }
-    const selectItemProps = interactions ? interactions.getItemProps({
+    const selectItemProps = React.useMemo(() => interactions ? interactions.getItemProps({
       onTouchMove() {
         allowSelectRef.current = !0, allowMouseUpRef.current = !1;
       },
@@ -65,7 +70,7 @@ const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext
       }
     }) : {
       onPress: handleSelect
-    };
+    }, [handleSelect]);
     return useIsomorphicLayoutEffect(() => {
       isActive && listRef?.current[index]?.focus();
     }, [isActive]), <SelectItemContextProvider
@@ -73,7 +78,7 @@ const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext
       value={value}
       textId={textId || ""}
       isSelected={isSelected}
-    >{shouldRenderWebNative ? <option value={value}>{props.children}</option> : <ListItem
+    >{shouldRenderWebNative ? <option value={value}>{props.children}</option> : <ListItemFrame
       tag="div"
       componentName={ITEM_NAME}
       ref={composedRefs}
@@ -90,15 +95,16 @@ const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext
         focusTheme: !0,
         cursor: "default",
         outlineWidth: 0,
-        size,
-        ellipse: !0
+        size
       }}
-      {...itemProps}
+      {...listItemProps}
       {...selectItemProps}
     />}</SelectItemContextProvider>;
+  },
+  {
+    disableTheme: !0
   }
 );
-SelectItem.displayName = ITEM_NAME;
 export {
   SelectItem,
   SelectItemContextProvider,

package/dist/jsx/SelectItem.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectItem.tsx"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAyB,OAAO,iCAAiC;AACjE,SAAS,gBAA+B;AACxC,YAAY,WAAW;AAEvB,SAAS,qBAAqB,kCAAkC;AAOhE,MAAM,YAAY,cAQL,CAAC,2BAA2B,oBAAoB,IAC3D,oBAA4C,SAAS,GAS1C,aAAa,MAAM;AAAA,EAC9B,CAAC,OAAqC,iBAAiB;AACrD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,WAAW;AAAA,MACX;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,UAAU,2BAA2B,WAAW,aAAa,GAE7D;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,SAEE,CAAC,YAAY,WAAW,IAAI,MAAM,SAAS,iBAAiB,KAAK,GACjE,CAAC,UAAU,SAAS,IAAI,MAAM,SAAS,EAAK;AAElD,UAAM,UAAU,MACP,qBAAqB,CAAC,MAAM;AACjC,YAAMA,YAAW,UAAU;AAC3B,gBAAUA,SAAQ,GAEdA,aACF,eAAe,OAAO,KAAK;AAAA,IAE/B,CAAC,GACA,CAAC,KAAK,CAAC,GAEV,MAAM,UAAU,MACP,eAAe,CAAC,QAAQ;AAC7B,kBAAY,QAAQ,KAAK;AAAA,IAC3B,CAAC,GACA,CAAC,KAAK,CAAC;AAEV,UAAM,SAAS,MAAM,MAAM,GAErB,eAAe,gBAAgB,cAAc,CAAC,SAAS;AAC3D,MAAK,SACD,gBAAgB,eACd,YACF,QAAQ,QAAQ,KAAK,IAAI;AAAA,IAG/B,CAAC;AAED,8BAA0B,MAAM;AAC9B,sBAAgB,OAAO,KAAK;AAAA,IAC9B,GAAG,CAAC,OAAO,iBAAiB,KAAK,CAAC;AAElC,aAAS,eAAe;AACtB,uBAAiB,KAAK,GACtB,SAAS,KAAK,GACd,QAAQ,EAAK;AAAA,IACf;AAEA,UAAM,kBAAkB,eACpB,aAAa,aAAa;AAAA,MACxB,cAAc;AACZ,uBAAgB,UAAU,IAC1B,gBAAiB,UAAU;AAAA,MAC7B;AAAA,MACA,aAAa;AACX,uBAAgB,UAAU,IAC1B,gBAAiB,UAAU;AAAA,MAC7B;AAAA,MACA,UAAU,OAAO;AACf,QACE,MAAM,QAAQ,WACb,MAAM,QAAQ,OAAO,CAAC,SAAS,QAAQ,UAExC,MAAM,eAAe,GACrB,aAAa,KAEb,eAAgB,UAAU;AAAA,MAE9B;AAAA,MAEA,UAAU;AACR,QAAI,eAAgB,WAClB,aAAa;AAAA,MAEjB;AAAA,MAEA,YAAY;AACV,QAAK,gBAAiB,YAIlB,eAAgB,WAClB,aAAa,GAKf,aAAa,iBAAkB,OAAO,GACtC,iBAAkB,UAAU,WAAW,MAAM;AAC3C,yBAAgB,UAAU;AAAA,QAC5B,CAAC;AAAA,MACH;AAAA,IACF,CAAC,IACD;AAAA,MACE,SAAS;AAAA,IACX;AAEJ,qCAA0B,MAAM;AAC9B,MAAI,YACF,SAAS,QAAQ,KAAK,GAAG,MAAM;AAAA,IAEnC,GAAG,CAAC,QAAQ,CAAC,GAGX,CAAC;AAAA,MACC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,QAAQ,UAAU;AAAA,MAClB,YAAY;AAAA,MAEX,wBACC,CAAC,OAAO,OAAO,QAAQ,MAAM,SAAS,EAArC,UAED,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,eAAe;AAAA,MACf,KAAK;AAAA,MACL,iBAAiB;AAAA,MACjB,eAAe;AAAA,MACf,YAAY,aAAa,WAAW;AAAA,MACpC,eAAe,YAAY;AAAA,MAC3B,eAAe,WAAW,KAAK;AAAA,MAC/B,UAAU,WAAW,SAAY;AAAA,UAC5B,CAAC,MAAM,YAAY;AAAA,QACtB,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,cAAc;AAAA,QACd;AAAA,QACA,SAAS;AAAA,MACX;AAAA,UACI;AAAA,UACA;AAAA,IACN,GAEJ,EAjCC;AAAA,EAmCL;AACF;AAEA,WAAW,cAAc;",
+  "mappings": "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",
   "names": ["isActive"]
 }

package/dist/jsx/SelectItem.native.js

@@ -1,18 +1,23 @@
 import { useComposedRefs } from "@tamagui/compose-refs";
 import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/core";
-import { ListItem } from "@tamagui/list-item";
+import { ListItemFrame, useListItem } from "@tamagui/list-item";
 import * as React from "react";
 import { createSelectContext, useSelectItemParentContext } from "./context";
-const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME), SelectItem = React.forwardRef(
-  (props, forwardedRef) => {
+const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME), SelectItem = ListItemFrame.styleable(
+  function(props, forwardedRef) {
     const {
       __scopeSelect,
       value,
       disabled = !1,
       textValue: textValueProp,
       index,
-      ...itemProps
-    } = props, context = useSelectItemParentContext(ITEM_NAME, __scopeSelect), {
+      ...restProps
+    } = props, { props: listItemProps } = useListItem({
+      ...!props.unstyled && {
+        ellipse: !0
+      },
+      ...restProps
+    }), context = useSelectItemParentContext(ITEM_NAME, __scopeSelect), {
       setSelectedIndex,
       listRef,
       setOpen,
@@ -45,7 +50,7 @@ const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext
     function handleSelect() {
       setSelectedIndex(index), onChange(value), setOpen(!1);
     }
-    const selectItemProps = interactions ? interactions.getItemProps({
+    const selectItemProps = React.useMemo(() => interactions ? interactions.getItemProps({
       onTouchMove() {
         allowSelectRef.current = !0, allowMouseUpRef.current = !1;
       },
@@ -65,7 +70,7 @@ const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext
       }
     }) : {
       onPress: handleSelect
-    };
+    }, [handleSelect]);
     return useIsomorphicLayoutEffect(() => {
       var _a;
       isActive && ((_a = listRef == null ? void 0 : listRef.current[index]) == null || _a.focus());
@@ -74,7 +79,7 @@ const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext
       value={value}
       textId={textId || ""}
       isSelected={isSelected}
-    >{shouldRenderWebNative ? <option value={value}>{props.children}</option> : <ListItem
+    >{shouldRenderWebNative ? <option value={value}>{props.children}</option> : <ListItemFrame
       tag="div"
       componentName={ITEM_NAME}
       ref={composedRefs}
@@ -91,15 +96,16 @@ const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext
         focusTheme: !0,
         cursor: "default",
         outlineWidth: 0,
-        size,
-        ellipse: !0
+        size
       }}
-      {...itemProps}
+      {...listItemProps}
       {...selectItemProps}
     />}</SelectItemContextProvider>;
+  },
+  {
+    disableTheme: !0
   }
 );
-SelectItem.displayName = ITEM_NAME;
 export {
   SelectItem,
   SelectItemContextProvider,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectItem.tsx"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAyB,OAAO,iCAAiC;AACjE,SAAS,gBAA+B;AACxC,YAAY,WAAW;AAEvB,SAAS,qBAAqB,kCAAkC;AAOhE,MAAM,YAAY,cAQL,CAAC,2BAA2B,oBAAoB,IAC3D,oBAA4C,SAAS,GAS1C,aAAa,MAAM;AAAA,EAC9B,CAAC,OAAqC,iBAAiB;AACrD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,WAAW;AAAA,MACX;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,UAAU,2BAA2B,WAAW,aAAa,GAE7D;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,SAEE,CAAC,YAAY,WAAW,IAAI,MAAM,SAAS,iBAAiB,KAAK,GACjE,CAAC,UAAU,SAAS,IAAI,MAAM,SAAS,EAAK;AAElD,UAAM,UAAU,MACP,qBAAqB,CAAC,MAAM;AACjC,YAAMA,YAAW,UAAU;AAC3B,gBAAUA,SAAQ,GAEdA,aACF,eAAe,OAAO,KAAK;AAAA,IAE/B,CAAC,GACA,CAAC,KAAK,CAAC,GAEV,MAAM,UAAU,MACP,eAAe,CAAC,QAAQ;AAC7B,kBAAY,QAAQ,KAAK;AAAA,IAC3B,CAAC,GACA,CAAC,KAAK,CAAC;AAEV,UAAM,SAAS,MAAM,MAAM,GAErB,eAAe,gBAAgB,cAAc,CAAC,SAAS;AAC3D,MAAK,SACD,gBAAgB,eACd,YACF,QAAQ,QAAQ,KAAK,IAAI;AAAA,IAG/B,CAAC;AAED,8BAA0B,MAAM;AAC9B,sBAAgB,OAAO,KAAK;AAAA,IAC9B,GAAG,CAAC,OAAO,iBAAiB,KAAK,CAAC;AAElC,aAAS,eAAe;AACtB,uBAAiB,KAAK,GACtB,SAAS,KAAK,GACd,QAAQ,EAAK;AAAA,IACf;AAEA,UAAM,kBAAkB,eACpB,aAAa,aAAa;AAAA,MACxB,cAAc;AACZ,uBAAgB,UAAU,IAC1B,gBAAiB,UAAU;AAAA,MAC7B;AAAA,MACA,aAAa;AACX,uBAAgB,UAAU,IAC1B,gBAAiB,UAAU;AAAA,MAC7B;AAAA,MACA,UAAU,OAAO;AACf,QACE,MAAM,QAAQ,WACb,MAAM,QAAQ,OAAO,EAAC,2BAAS,QAAQ,WAExC,MAAM,eAAe,GACrB,aAAa,KAEb,eAAgB,UAAU;AAAA,MAE9B;AAAA,MAEA,UAAU;AACR,QAAI,eAAgB,WAClB,aAAa;AAAA,MAEjB;AAAA,MAEA,YAAY;AACV,QAAK,gBAAiB,YAIlB,eAAgB,WAClB,aAAa,GAKf,aAAa,iBAAkB,OAAO,GACtC,iBAAkB,UAAU,WAAW,MAAM;AAC3C,yBAAgB,UAAU;AAAA,QAC5B,CAAC;AAAA,MACH;AAAA,IACF,CAAC,IACD;AAAA,MACE,SAAS;AAAA,IACX;AAEJ,qCAA0B,MAAM;AAvJpC;AAwJM,MAAI,cACF,wCAAS,QAAQ,WAAjB,WAAyB;AAAA,IAE7B,GAAG,CAAC,QAAQ,CAAC,GAGX,CAAC;AAAA,MACC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,QAAQ,UAAU;AAAA,MAClB,YAAY;AAAA,MAEX,wBACC,CAAC,OAAO,OAAO,QAAQ,MAAM,SAAS,EAArC,UAED,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,eAAe;AAAA,MACf,KAAK;AAAA,MACL,iBAAiB;AAAA,MACjB,eAAe;AAAA,MACf,YAAY,aAAa,WAAW;AAAA,MACpC,eAAe,YAAY;AAAA,MAC3B,eAAe,WAAW,KAAK;AAAA,MAC/B,UAAU,WAAW,SAAY;AAAA,UAC5B,CAAC,MAAM,YAAY;AAAA,QACtB,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,cAAc;AAAA,QACd;AAAA,QACA,SAAS;AAAA,MACX;AAAA,UACI;AAAA,UACA;AAAA,IACN,GAEJ,EAjCC;AAAA,EAmCL;AACF;AAEA,WAAW,cAAc;",
+  "mappings": "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",
   "names": ["isActive"]
 }

package/dist/jsx/SelectItemText.js

@@ -0,0 +1,54 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { styled } from "@tamagui/core";
+import { SizableText } from "@tamagui/text";
+import * as React from "react";
+import { useSelectContext, useSelectItemParentContext } from "./context";
+import { useSelectItemContext } from "./SelectItem";
+const ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = styled(SizableText, {
+  name: ITEM_TEXT_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        userSelect: "none",
+        color: "$color",
+        ellipse: !0
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), SelectItemText = SelectItemTextFrame.styleable(function(props, forwardedRef) {
+  const { __scopeSelect, className, ...itemTextProps } = props, context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect), itemParentContext = useSelectItemParentContext(ITEM_TEXT_NAME, __scopeSelect), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect), contents = React.useRef();
+  return contents.current = <SelectItemTextFrame
+    className={className}
+    size={itemParentContext.size}
+    id={itemContext.textId}
+    {...itemTextProps}
+    ref={composedRefs}
+  />, React.useEffect(() => {
+    itemParentContext.initialValue === itemContext.value && !context.selectedIndex && context.setSelectedItem(contents.current);
+  }, []), React.useEffect(() => itemParentContext.valueSubscribe((val) => {
+    val === itemContext.value && context.setSelectedItem(contents.current);
+  }), [itemContext.value]), itemParentContext.shouldRenderWebNative ? <>{props.children}</> : <>
+    {contents.current}
+    {
+      /* Portal an option in the bubble select */
+    }
+    {
+      /* {context.bubbleSelect
+             ? ReactDOM.createPortal(
+                 // we use `.textContent` because `option` only support `string` or `number`
+                 <option value={itemContext.value}>{ref.current?.textContent}</option>,
+                 context.bubbleSelect
+               )
+             : null} */
+    }
+  </>;
+});
+export {
+  ITEM_TEXT_NAME,
+  SelectItemText,
+  SelectItemTextFrame
+};
+//# sourceMappingURL=SelectItemText.js.map

package/dist/jsx/SelectItemText.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/SelectItemText.tsx"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAuC,cAAc;AACrD,SAAS,mBAAmB;AAC5B,YAAY,WAAW;AAEvB,SAAS,kBAAkB,kCAAkC;AAC7D,SAAS,4BAA4B;AAO9B,MAAM,iBAAiB,kBAEjB,sBAAsB,OAAO,aAAa;AAAA,EACrD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAIY,iBAAiB,oBAAoB,UAAU,SAC1D,OACA,cACA;AACA,QAAM,EAAE,eAAe,WAAW,GAAG,cAAc,IAAI,OACjD,UAAU,iBAAiB,gBAAgB,aAAa,GACxD,oBAAoB,2BAA2B,gBAAgB,aAAa,GAC5E,MAAM,MAAM,OAAkC,IAAI,GAClD,eAAe,gBAAgB,cAAc,GAAG,GAChD,cAAc,qBAAqB,gBAAgB,aAAa,GAChE,WAAW,MAAM,OAAwB;AA4B/C,SAxBA,SAAS,UACP,CAAC;AAAA,IACC,WAAW;AAAA,IACX,MAAM,kBAAkB;AAAA,IACxB,IAAI,YAAY;AAAA,QACZ;AAAA,IACJ,KAAK;AAAA,EACP,IAGF,MAAM,UAAU,MAAM;AACpB,IAAI,kBAAkB,iBAAiB,YAAY,SAAS,CAAC,QAAQ,iBACnE,QAAQ,gBAAgB,SAAS,OAAO;AAAA,EAE5C,GAAG,CAAC,CAAC,GAEL,MAAM,UAAU,MACP,kBAAkB,eAAe,CAAC,QAAQ;AAC/C,IAAI,QAAQ,YAAY,SACtB,QAAQ,gBAAgB,SAAS,OAAO;AAAA,EAE5C,CAAC,GACA,CAAC,YAAY,KAAK,CAAC,GAElB,kBAAkB,wBACb,GAAG,MAAM,SAAS,MAIzB;AAAA,KACG,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUZ;AAEJ,CAAC;",
+  "names": []
+}

package/dist/jsx/SelectItemText.native.js

@@ -0,0 +1,54 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { styled } from "@tamagui/core";
+import { SizableText } from "@tamagui/text";
+import * as React from "react";
+import { useSelectContext, useSelectItemParentContext } from "./context";
+import { useSelectItemContext } from "./SelectItem";
+const ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = styled(SizableText, {
+  name: ITEM_TEXT_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        userSelect: "none",
+        color: "$color",
+        ellipse: !0
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), SelectItemText = SelectItemTextFrame.styleable(function(props, forwardedRef) {
+  const { __scopeSelect, className, ...itemTextProps } = props, context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect), itemParentContext = useSelectItemParentContext(ITEM_TEXT_NAME, __scopeSelect), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect), contents = React.useRef();
+  return contents.current = <SelectItemTextFrame
+    className={className}
+    size={itemParentContext.size}
+    id={itemContext.textId}
+    {...itemTextProps}
+    ref={composedRefs}
+  />, React.useEffect(() => {
+    itemParentContext.initialValue === itemContext.value && !context.selectedIndex && context.setSelectedItem(contents.current);
+  }, []), React.useEffect(() => itemParentContext.valueSubscribe((val) => {
+    val === itemContext.value && context.setSelectedItem(contents.current);
+  }), [itemContext.value]), itemParentContext.shouldRenderWebNative ? <>{props.children}</> : <>
+    {contents.current}
+    {
+      /* Portal an option in the bubble select */
+    }
+    {
+      /* {context.bubbleSelect
+             ? ReactDOM.createPortal(
+                 // we use `.textContent` because `option` only support `string` or `number`
+                 <option value={itemContext.value}>{ref.current?.textContent}</option>,
+                 context.bubbleSelect
+               )
+             : null} */
+    }
+  </>;
+});
+export {
+  ITEM_TEXT_NAME,
+  SelectItemText,
+  SelectItemTextFrame
+};
+//# sourceMappingURL=SelectItemText.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/SelectItemText.tsx"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAuC,cAAc;AACrD,SAAS,mBAAmB;AAC5B,YAAY,WAAW;AAEvB,SAAS,kBAAkB,kCAAkC;AAC7D,SAAS,4BAA4B;AAO9B,MAAM,iBAAiB,kBAEjB,sBAAsB,OAAO,aAAa;AAAA,EACrD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAIY,iBAAiB,oBAAoB,UAAU,SAC1D,OACA,cACA;AACA,QAAM,EAAE,eAAe,WAAW,GAAG,cAAc,IAAI,OACjD,UAAU,iBAAiB,gBAAgB,aAAa,GACxD,oBAAoB,2BAA2B,gBAAgB,aAAa,GAC5E,MAAM,MAAM,OAAkC,IAAI,GAClD,eAAe,gBAAgB,cAAc,GAAG,GAChD,cAAc,qBAAqB,gBAAgB,aAAa,GAChE,WAAW,MAAM,OAAwB;AA4B/C,SAxBA,SAAS,UACP,CAAC;AAAA,IACC,WAAW;AAAA,IACX,MAAM,kBAAkB;AAAA,IACxB,IAAI,YAAY;AAAA,QACZ;AAAA,IACJ,KAAK;AAAA,EACP,IAGF,MAAM,UAAU,MAAM;AACpB,IAAI,kBAAkB,iBAAiB,YAAY,SAAS,CAAC,QAAQ,iBACnE,QAAQ,gBAAgB,SAAS,OAAO;AAAA,EAE5C,GAAG,CAAC,CAAC,GAEL,MAAM,UAAU,MACP,kBAAkB,eAAe,CAAC,QAAQ;AAC/C,IAAI,QAAQ,YAAY,SACtB,QAAQ,gBAAgB,SAAS,OAAO;AAAA,EAE5C,CAAC,GACA,CAAC,YAAY,KAAK,CAAC,GAElB,kBAAkB,wBACb,GAAG,MAAM,SAAS,MAIzB;AAAA,KACG,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUZ;AAEJ,CAAC;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/select",
-  "version": "1.74.13",
+  "version": "1.74.14",
   "sideEffects": [
     "*.css"
   ],
@@ -34,24 +34,24 @@
     "@floating-ui/react": "^0.24.7",
     "@floating-ui/react-dom": "^2.0.1",
     "@floating-ui/react-native": "^0.10.1",
-    "@tamagui/adapt": "1.74.13",
-    "@tamagui/animate-presence": "1.74.13",
-    "@tamagui/compose-refs": "1.74.13",
-    "@tamagui/core": "1.74.13",
-    "@tamagui/create-context": "1.74.13",
-    "@tamagui/dismissable": "1.74.13",
-    "@tamagui/focus-scope": "1.74.13",
-    "@tamagui/get-token": "1.74.13",
-    "@tamagui/list-item": "1.74.13",
-    "@tamagui/portal": "1.74.13",
-    "@tamagui/remove-scroll": "1.74.13",
-    "@tamagui/separator": "1.74.13",
-    "@tamagui/sheet": "1.74.13",
-    "@tamagui/stacks": "1.74.13",
-    "@tamagui/text": "1.74.13",
-    "@tamagui/use-controllable-state": "1.74.13",
-    "@tamagui/use-event": "1.74.13",
-    "@tamagui/use-previous": "1.74.13",
+    "@tamagui/adapt": "1.74.14",
+    "@tamagui/animate-presence": "1.74.14",
+    "@tamagui/compose-refs": "1.74.14",
+    "@tamagui/core": "1.74.14",
+    "@tamagui/create-context": "1.74.14",
+    "@tamagui/dismissable": "1.74.14",
+    "@tamagui/focus-scope": "1.74.14",
+    "@tamagui/get-token": "1.74.14",
+    "@tamagui/list-item": "1.74.14",
+    "@tamagui/portal": "1.74.14",
+    "@tamagui/remove-scroll": "1.74.14",
+    "@tamagui/separator": "1.74.14",
+    "@tamagui/sheet": "1.74.14",
+    "@tamagui/stacks": "1.74.14",
+    "@tamagui/text": "1.74.14",
+    "@tamagui/use-controllable-state": "1.74.14",
+    "@tamagui/use-event": "1.74.14",
+    "@tamagui/use-previous": "1.74.14",
     "react-dom": "^18.2.0"
   },
   "peerDependencies": {
@@ -59,7 +59,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.13",
+    "@tamagui/build": "1.74.14",
     "react": "^18.2.0",
     "react-native": "^0.72.1"
   },

package/src/Select.tsx

@@ -4,7 +4,6 @@ import {
   FontSizeTokens,
   GetProps,
   TamaguiElement,
-  TamaguiTextElement,
   getVariableValue,
   isWeb,
   styled,
@@ -34,6 +33,7 @@ import {
 import { SelectContent } from './SelectContent'
 import { SelectInlineImpl } from './SelectImpl'
 import { SelectItem, useSelectItemContext } from './SelectItem'
+import { ITEM_TEXT_NAME, SelectItemText } from './SelectItemText'
 import { SelectScrollDownButton, SelectScrollUpButton } from './SelectScrollButton'
 import { SelectTrigger } from './SelectTrigger'
 import { SelectViewport } from './SelectViewport'
@@ -117,95 +117,6 @@ export const SelectIcon = styled(XStack, {
   children: <Paragraph>▼</Paragraph>,
 })
 
-/* -------------------------------------------------------------------------------------------------
- * SelectItemText
- * -----------------------------------------------------------------------------------------------*/
-
-const ITEM_TEXT_NAME = 'SelectItemText'
-
-export const SelectItemTextFrame = styled(SizableText, {
-  name: ITEM_TEXT_NAME,
-
-  variants: {
-    unstyled: {
-      false: {
-        userSelect: 'none',
-        color: '$color',
-        ellipse: true,
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: false,
-  },
-})
-
-type SelectItemTextProps = GetProps<typeof SelectItemTextFrame>
-
-const SelectItemText = React.forwardRef<TamaguiTextElement, SelectItemTextProps>(
-  (props: ScopedProps<SelectItemTextProps>, forwardedRef) => {
-    const { __scopeSelect, className, ...itemTextProps } = props
-    const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect)
-    const itemParentContext = useSelectItemParentContext(ITEM_TEXT_NAME, __scopeSelect)
-    const ref = React.useRef<TamaguiTextElement | null>(null)
-    const composedRefs = useComposedRefs(forwardedRef, ref)
-    const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect)
-
-    const contents = React.useMemo(
-      () => (
-        <SelectItemTextFrame
-          className={className}
-          size={itemParentContext.size as any}
-          id={itemContext.textId}
-          {...itemTextProps}
-          ref={composedRefs}
-        />
-      ),
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [props, itemParentContext.size, className, itemContext.textId]
-    )
-
-    React.useEffect(() => {
-      if (
-        itemParentContext.initialValue === itemContext.value &&
-        !context.selectedIndex
-      ) {
-        context.setSelectedItem(contents)
-      }
-    }, [])
-
-    React.useEffect(() => {
-      return itemParentContext.valueSubscribe((val) => {
-        if (val === itemContext.value) {
-          context.setSelectedItem(contents)
-        }
-      })
-    }, [itemContext.value])
-
-    if (itemParentContext.shouldRenderWebNative) {
-      return <>{props.children}</>
-    }
-
-    return (
-      <>
-        {contents}
-
-        {/* Portal an option in the bubble select */}
-        {/* {context.bubbleSelect
-          ? ReactDOM.createPortal(
-              // we use `.textContent` because `option` only support `string` or `number`
-              <option value={itemContext.value}>{ref.current?.textContent}</option>,
-              context.bubbleSelect
-            )
-          : null} */}
-      </>
-    )
-  }
-)
-
-SelectItemText.displayName = ITEM_TEXT_NAME
-
 /* -------------------------------------------------------------------------------------------------
  * SelectItemIndicator
  * -----------------------------------------------------------------------------------------------*/

package/src/SelectContent.tsx

@@ -1,6 +1,7 @@
 import { FloatingOverlay, FloatingPortal } from '@floating-ui/react'
 import { Theme, useIsTouchDevice, useThemeName } from '@tamagui/core'
 import { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'
+import { useMemo } from 'react'
 
 import { useSelectContext, useSelectItemParentContext } from './context'
 import { SelectContentProps } from './types'
@@ -31,6 +32,10 @@ export const SelectContent = ({
 
   const touch = useIsTouchDevice()
 
+  const overlayStyle = useMemo(() => {
+    return { zIndex, pointerEvents: context.open ? 'auto' : 'none' } as const
+  }, [context.open])
+
   if (itemParentContext.shouldRenderWebNative) {
     return <>{children}</>
   }
@@ -45,7 +50,7 @@ export const SelectContent = ({
   return (
     <FloatingPortal>
       <FloatingOverlay
-        style={{ zIndex, pointerEvents: context.open ? 'auto' : 'none' }}
+        style={overlayStyle}
         lockScroll={!context.disablePreventBodyScroll && !!context.open && !touch}
       >
         <FocusScope loop enabled={!!context.open} trapped {...focusScopeProps}>

package/src/SelectImpl.tsx

@@ -17,6 +17,8 @@ import {
 import {
   isClient,
   isWeb,
+  useEvent,
+  useGet,
   useIsTouchDevice,
   useIsomorphicLayoutEffect,
 } from '@tamagui/core'
@@ -110,51 +112,31 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
     open,
     onOpenChange: setOpen,
     placement: 'bottom-start',
-    middleware: fallback
-      ? [
-          offset(5),
-          ...flipOrShiftMiddlewares,
-          size({
-            apply({
-              availableHeight,
-              rects: {
-                reference: { width },
-              },
-            }) {
-              floatingStyle.current = {
-                width: width,
-                maxHeight: availableHeight,
-                minWidth: width + 8,
-              }
-            },
-            padding: WINDOW_PADDING,
-          }),
-        ]
-      : [
-          size({
-            apply({
-              rects: {
-                reference: { width },
-              },
-            }) {
-              floatingStyle.current = {
-                minWidth: width + 8,
-              }
-            },
-          }),
-          ...flipOrShiftMiddlewares,
-          inner({
-            listRef: listItemsRef,
-            overflowRef,
-            index: selectedIndex,
-            offset: innerOffset,
-            onFallbackChange: setFallback,
-            padding: 10,
-            minItemsVisible: touch ? 10 : 4,
-            referenceOverflowThreshold: 20,
-          }),
-          offset({ crossAxis: -5 }),
-        ],
+    middleware: [
+      size({
+        apply({
+          rects: {
+            reference: { width },
+          },
+        }) {
+          floatingStyle.current = {
+            minWidth: width + 8,
+          }
+        },
+      }),
+      ...flipOrShiftMiddlewares,
+      inner({
+        listRef: listItemsRef,
+        overflowRef,
+        index: selectedIndex,
+        offset: innerOffset,
+        // onFallbackChange: setFallback,
+        padding: 10,
+        minItemsVisible: touch ? 10 : 4,
+        referenceOverflowThreshold: 20,
+      }),
+      offset({ crossAxis: -5 }),
+    ],
   })
 
   useIsomorphicLayoutEffect(() => {
@@ -176,7 +158,12 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
         floatingRef.current.clientHeight -
         SCROLL_ARROW_THRESHOLD
 
-  const interactions = useInteractions([
+  const onMatch = useEvent((index: number) => {
+    const fn = open ? setActiveIndex : setSelectedIndex
+    return fn(index)
+  })
+
+  const interactionsProps = [
     useClick(context, { event: 'mousedown' }),
     useDismiss(context, { outsidePress: false }),
     useRole(context, { role: 'listbox' }),
@@ -194,11 +181,18 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
     }),
     useTypeahead(context, {
       listRef: listContentRef,
-      onMatch: open ? setActiveIndex : setSelectedIndex,
+      onMatch,
       selectedIndex,
       activeIndex,
     }),
-  ])
+  ]
+
+  const interactions = useInteractions(
+    // unfortunately these memos will just always break due to floating-ui context always changing :/
+    React.useMemo(() => {
+      return interactionsProps
+    }, interactionsProps)
+  )
 
   const interactionsContext = React.useMemo(() => {
     return {
@@ -257,7 +251,7 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
         })
       },
     }
-  }, [refs.reference.current, refs.floating.current, y, x, interactions])
+  }, [refs.reference.current, x, y, refs.floating.current, interactions])
 
   // effects