@tamagui/select 1.47.4 → 1.47.6

package/dist/jsx/SelectItem.js

@@ -6,7 +6,10 @@ import {
 } from "@tamagui/core";
 import { ListItem } from "@tamagui/list-item";
 import * as React from "react";
-import { createSelectContext, useSelectContext } from "./context";
+import {
+  createSelectContext,
+  useSelectItemParentContext
+} from "./context";
 const ITEM_NAME = "SelectItem";
 const [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
 const SelectItem = React.forwardRef(
@@ -19,23 +22,36 @@ const SelectItem = React.forwardRef(
       index,
       ...itemProps
     } = props;
-    const context = useSelectContext(ITEM_NAME, __scopeSelect);
-    const isSelected = context.value === value;
-    const textId = React.useId();
+    const context = useSelectItemParentContext(ITEM_NAME, __scopeSelect);
     const {
-      selectedIndex,
       setSelectedIndex,
       listRef,
-      open,
       setOpen,
       onChange,
-      activeIndex,
+      activeIndexSubscribe,
+      valueSubscribe,
       allowMouseUpRef,
       allowSelectRef,
       setValueAtIndex,
       selectTimeoutRef,
-      dataRef
+      dataRef,
+      interactions,
+      shouldRenderWebNative,
+      size
     } = context;
+    const [isSelected, setSelected] = React.useState(false);
+    const [isActive, setActive] = React.useState(false);
+    React.useEffect(() => {
+      return activeIndexSubscribe((i) => {
+        setActive(index === i);
+      });
+    }, [index]);
+    React.useEffect(() => {
+      return valueSubscribe((val) => {
+        setSelected(val === value);
+      });
+    }, [value]);
+    const textId = React.useId();
     const composedRefs = useComposedRefs(forwardedRef, (node) => {
       if (!isWeb)
         return;
@@ -53,7 +69,7 @@ const SelectItem = React.forwardRef(
       onChange(value);
       setOpen(false);
     }
-    const selectItemProps = context.interactions ? context.interactions.getItemProps({
+    const selectItemProps = interactions ? interactions.getItemProps({
       ...isWebTouchable ? {
         onTouchStart() {
           allowSelectRef.current = true;
@@ -98,8 +114,7 @@ const SelectItem = React.forwardRef(
     }) : {
       onPress: handleSelect
     };
-    const isActive = activeIndex === index;
-    React.useLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
       if (isActive) {
         listRef?.current[index]?.focus();
       }
@@ -109,7 +124,7 @@ const SelectItem = React.forwardRef(
       value={value}
       textId={textId || ""}
       isSelected={isSelected}
-    >{context.shouldRenderWebNative ? <option value={value}>{props.children}</option> : <ListItem
+    >{shouldRenderWebNative ? <option value={value}>{props.children}</option> : <ListItem
       tag="div"
       componentName={ITEM_NAME}
       backgrounded
@@ -125,7 +140,7 @@ const SelectItem = React.forwardRef(
       aria-disabled={disabled || void 0}
       data-disabled={disabled ? "" : void 0}
       tabIndex={disabled ? void 0 : -1}
-      size={context.size}
+      size={size}
       {...itemProps}
       {...selectItemProps}
     />}</SelectItemContextProvider>;

package/dist/jsx/SelectItem.js.map

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

package/dist/jsx/SelectTrigger.js

@@ -1,17 +1,18 @@
 import { useComposedRefs } from "@tamagui/compose-refs";
 import { ListItem } from "@tamagui/list-item";
 import * as React from "react";
-import { useSelectContext } from "./context";
+import { useSelectContext, useSelectItemParentContext } from "./context";
 const TRIGGER_NAME = "SelectTrigger";
 const SelectTrigger = React.forwardRef(
   function SelectTrigger2(props, forwardedRef) {
     const { __scopeSelect, disabled = false, unstyled = false, ...triggerProps } = props;
     const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
+    const itemParentContext = useSelectItemParentContext(TRIGGER_NAME, __scopeSelect);
     const composedRefs = useComposedRefs(
       forwardedRef,
       context.floatingContext?.refs.setReference
     );
-    if (context.shouldRenderWebNative) {
+    if (itemParentContext.shouldRenderWebNative) {
       return null;
     }
     return <ListItem
@@ -30,7 +31,7 @@ const SelectTrigger = React.forwardRef(
         },
         borderWidth: 1
       }}
-      size={context.size}
+      size={itemParentContext.size}
       aria-expanded={context.open}
       aria-autocomplete="none"
       dir={context.dir}
@@ -38,15 +39,15 @@ const SelectTrigger = React.forwardRef(
       data-disabled={disabled ? "" : void 0}
       {...triggerProps}
       ref={composedRefs}
-      {...process.env.TAMAGUI_TARGET === "web" && context.interactions ? {
-        ...context.interactions.getReferenceProps(),
+      {...process.env.TAMAGUI_TARGET === "web" && itemParentContext.interactions ? {
+        ...itemParentContext.interactions.getReferenceProps(),
         onMouseDown() {
           context.floatingContext?.update();
-          context.setOpen(!context.open);
+          itemParentContext.setOpen(!context.open);
         }
       } : {
         onPress() {
-          context.setOpen(!context.open);
+          itemParentContext.setOpen(!context.open);
         }
       }}
     />;

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,wBAAwB;AAMjC,MAAM,eAAe;AAId,MAAM,gBAAgB,MAAM;AAAA,EACjC,SAASA,eAAc,OAAwC,cAAc;AAC3E,UAAM,EAAE,eAAe,WAAW,OAAO,WAAW,OAAO,GAAG,aAAa,IAAI;AAE/E,UAAM,UAAU,iBAAiB,cAAc,aAAa;AAC5D,UAAM,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAIA,QAAI,QAAQ,uBAAuB;AACjC,aAAO;AAAA,IACT;AAEA,WACE,CAAC;AAAA,MACC,eAAe;AAAA,MACf,UAAU;AAAA,UACL,CAAC,YAAY;AAAA,QAChB,cAAc;AAAA,QACd,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,YAAY;AAAA,UACV,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QACA,aAAa;AAAA,MACf;AAAA,MACA,MAAM,QAAQ;AAAA,MAEd,eAAe,QAAQ;AAAA,MACvB,kBAAkB;AAAA,MAClB,KAAK,QAAQ;AAAA,MACb,UAAU;AAAA,MACV,eAAe,WAAW,KAAK;AAAA,UAC3B;AAAA,MACJ,KAAK;AAAA,UACA,QAAQ,IAAI,mBAAmB,SAAS,QAAQ,eACjD;AAAA,QACE,GAAG,QAAQ,aAAa,kBAAkB;AAAA,QAC1C,cAAc;AACZ,kBAAQ,iBAAiB,OAAO;AAChC,kBAAQ,QAAQ,CAAC,QAAQ,IAAI;AAAA,QAC/B;AAAA,MACF,IACA;AAAA,QACE,UAAU;AACR,kBAAQ,QAAQ,CAAC,QAAQ,IAAI;AAAA,QAC/B;AAAA,MACF;AAAA,IACN;AAAA,EAEJ;AACF;",
+  "mappings": "AAAA,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;AAC3E,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,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAIA,QAAI,kBAAkB,uBAAuB;AAC3C,aAAO;AAAA,IACT;AAEA,WACE,CAAC;AAAA,MACC,eAAe;AAAA,MACf,UAAU;AAAA,UACL,CAAC,YAAY;AAAA,QAChB,cAAc;AAAA,QACd,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,YAAY;AAAA,UACV,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QACA,aAAa;AAAA,MACf;AAAA,MACA,MAAM,kBAAkB;AAAA,MAExB,eAAe,QAAQ;AAAA,MACvB,kBAAkB;AAAA,MAClB,KAAK,QAAQ;AAAA,MACb,UAAU;AAAA,MACV,eAAe,WAAW,KAAK;AAAA,UAC3B;AAAA,MACJ,KAAK;AAAA,UACA,QAAQ,IAAI,mBAAmB,SAAS,kBAAkB,eAC3D;AAAA,QACE,GAAG,kBAAkB,aAAa,kBAAkB;AAAA,QACpD,cAAc;AACZ,kBAAQ,iBAAiB,OAAO;AAChC,4BAAkB,QAAQ,CAAC,QAAQ,IAAI;AAAA,QACzC;AAAA,MACF,IACA;AAAA,QACE,UAAU;AACR,4BAAkB,QAAQ,CAAC,QAAQ,IAAI;AAAA,QACzC;AAAA,MACF;AAAA,IACN;AAAA,EAEJ;AACF;",
   "names": ["SelectTrigger"]
 }

package/dist/jsx/SelectViewport.js

@@ -9,7 +9,11 @@ import { styled } from "@tamagui/core";
 import { PortalItem } from "@tamagui/portal";
 import { ThemeableStack } from "@tamagui/stacks";
 import { VIEWPORT_NAME } from "./constants";
-import { ForwardSelectContext, useSelectContext } from "./context";
+import {
+  ForwardSelectContext,
+  useSelectContext,
+  useSelectItemParentContext
+} from "./context";
 import { useSelectBreakpointActive } from "./useSelectBreakpointActive";
 const SelectViewportFrame = styled(ThemeableStack, {
   name: VIEWPORT_NAME,
@@ -40,6 +44,7 @@ const SelectViewport = SelectViewportFrame.styleable(
   function SelectViewport2(props, forwardedRef) {
     const { __scopeSelect, children, disableScroll, ...viewportProps } = props;
     const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
+    const itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect);
     const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
     useIsomorphicLayoutEffect(() => {
       if (context.update) {
@@ -50,13 +55,13 @@ const SelectViewport = SelectViewportFrame.styleable(
       forwardedRef,
       context.floatingContext?.refs.setFloating
     );
-    if (context.shouldRenderWebNative) {
+    if (itemContext.shouldRenderWebNative) {
       return <>{children}</>;
     }
     if (breakpointActive || !isWeb) {
-      return <PortalItem hostName={`${context.scopeKey}SheetContents`}><ForwardSelectContext context={context}>{children}</ForwardSelectContext></PortalItem>;
+      return <PortalItem hostName={`${context.scopeKey}SheetContents`}><ForwardSelectContext itemContext={itemContext} context={context}>{children}</ForwardSelectContext></PortalItem>;
     }
-    if (!context.interactions) {
+    if (!itemContext.interactions) {
       if (process.env.NODE_ENV === "development") {
         console.warn(`No interactions provided to Select, potentially missing Adapt`);
       }
@@ -65,7 +70,7 @@ const SelectViewport = SelectViewportFrame.styleable(
     const {
       style: { scrollbarWidth, listStyleType, overflow, ...restStyle },
       ...floatingProps
-    } = context.interactions.getFloatingProps();
+    } = itemContext.interactions.getFloatingProps();
     return <>
       {!disableScroll && !props.unstyled && <style
         dangerouslySetInnerHTML={{
@@ -74,7 +79,7 @@ const SelectViewport = SelectViewportFrame.styleable(
       />}
       <FloatingFocusManager context={context.floatingContext}><AnimatePresence>{context.open ? <SelectViewportFrame
         key="select-viewport"
-        size={context.size}
+        size={itemContext.size}
         role="presentation"
         {...viewportProps}
         ref={composedRefs}

package/dist/jsx/SelectViewport.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectViewport.tsx"],
-  "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,SAAS,sBAAsB,wBAAwB;AAEvD,SAAS,iCAAiC;AAMnC,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,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,iBAAiB,oBAAoB;AAAA,EAChD,SAASA,gBAAe,OAAyC,cAAc;AAC7E,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI;AACrE,UAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,UAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAE1E,8BAA0B,MAAM;AAC9B,UAAI,QAAQ,QAAQ;AAClB,gBAAQ,OAAO;AAAA,MACjB;AAAA,IACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,UAAM,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAEA,QAAI,QAAQ,uBAAuB;AACjC,aAAO,GAAG,SAAS;AAAA,IACrB;AAEA,QAAI,oBAAoB,CAAC,OAAO;AAC9B,aACE,CAAC,WAAW,UAAU,GAAG,QAAQ,yBAC/B,CAAC,qBAAqB,SAAS,UAAU,SAAS,EAAjD,qBACH,EAFC;AAAA,IAIL;AAEA,QAAI,CAAC,QAAQ,cAAc;AACzB,UAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,gBAAQ,KAAK,+DAA+D;AAAA,MAC9E;AAEA,aAAO;AAAA,IACT;AAEA,UAAM;AAAA,MACJ,OAAO,EAAE,gBAAgB,eAAe,UAAU,GAAG,UAAU;AAAA,MAC/D,GAAG;AAAA,IACL,IAAI,QAAQ,aAAa,iBAAiB;AAE1C,WACE;AAAA,OACG,CAAC,iBAAiB,CAAC,MAAM,YACxB,CAAC;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEF,CAAC,qBAAqB,SAAS,QAAQ,iBACrC,CAAC,iBACE,QAAQ,OACP,CAAC;AAAA,QACC,IAAI;AAAA,QACJ,MAAM,QAAQ;AAAA,QAEd,KAAK;AAAA,YACD;AAAA,QACJ,KAAK;AAAA,YACD;AAAA,YACA;AAAA,YACC,CAAC,MAAM,YAAY;AAAA,UACtB,UAAU,gBAAgB,SAAY,YAAY;AAAA,QACpD;AAAA,QAEC,SACH,EAdC,uBAeC,KACN,EAlBC,gBAmBH,EApBC;AAAA;AAAA;AAAA;AAAA,OAuBA,CAAC,QAAQ,QAAQ,CAAC,IAAI,OAAO,EAAE,SAAS,OAAO,IAAI,MAAM,SAAS,EAAhD;AAAA,IACrB;AAAA,EAEJ;AACF;AAEA,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "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;AAMnC,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,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,iBAAiB,oBAAoB;AAAA,EAChD,SAASA,gBAAe,OAAyC,cAAc;AAC7E,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI;AACrE,UAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,UAAM,cAAc,2BAA2B,eAAe,aAAa;AAC3E,UAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAE1E,8BAA0B,MAAM;AAC9B,UAAI,QAAQ,QAAQ;AAClB,gBAAQ,OAAO;AAAA,MACjB;AAAA,IACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,UAAM,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAEA,QAAI,YAAY,uBAAuB;AACrC,aAAO,GAAG,SAAS;AAAA,IACrB;AAEA,QAAI,oBAAoB,CAAC,OAAO;AAC9B,aACE,CAAC,WAAW,UAAU,GAAG,QAAQ,yBAC/B,CAAC,qBAAqB,aAAa,aAAa,SAAS,UACtD,SACH,EAFC,qBAGH,EAJC;AAAA,IAML;AAEA,QAAI,CAAC,YAAY,cAAc;AAC7B,UAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,gBAAQ,KAAK,+DAA+D;AAAA,MAC9E;AAEA,aAAO;AAAA,IACT;AAEA,UAAM;AAAA,MACJ,OAAO,EAAE,gBAAgB,eAAe,UAAU,GAAG,UAAU;AAAA,MAC/D,GAAG;AAAA,IACL,IAAI,YAAY,aAAa,iBAAiB;AAE9C,WACE;AAAA,OACG,CAAC,iBAAiB,CAAC,MAAM,YACxB,CAAC;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEF,CAAC,qBAAqB,SAAS,QAAQ,iBACrC,CAAC,iBACE,QAAQ,OACP,CAAC;AAAA,QACC,IAAI;AAAA,QACJ,MAAM,YAAY;AAAA,QAElB,KAAK;AAAA,YACD;AAAA,QACJ,KAAK;AAAA,YACD;AAAA,YACA;AAAA,YACC,CAAC,MAAM,YAAY;AAAA,UACtB,UAAU,gBAAgB,SAAY,YAAY;AAAA,QACpD;AAAA,QAEC,SACH,EAdC,uBAeC,KACN,EAlBC,gBAmBH,EApBC;AAAA;AAAA;AAAA;AAAA,OAuBA,CAAC,QAAQ,QAAQ,CAAC,IAAI,OAAO,EAAE,SAAS,OAAO,IAAI,MAAM,SAAS,EAAhD;AAAA,IACrB;AAAA,EAEJ;AACF;AAEA,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": ["SelectViewport"]
 }

package/dist/jsx/context.js

@@ -2,14 +2,25 @@ import { createContextScope } from "@tamagui/create-context";
 import { SELECT_NAME } from "./constants";
 const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME);
 const [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
-const ForwardSelectContext = (props) => {
-  return <SelectProvider isInSheet scope={props.__scopeSelect} {...props.context}>{props.children}</SelectProvider>;
+const [createSelectItemParentContext, createSelectItemParentScope] = createContextScope(SELECT_NAME + "ItemParent");
+const [SelectItemParentProvider, useSelectItemParentContext] = createSelectContext(SELECT_NAME);
+const ForwardSelectContext = ({
+  __scopeSelect,
+  context,
+  itemContext,
+  children
+}) => {
+  return <SelectProvider isInSheet scope={__scopeSelect} {...context}><SelectItemParentProvider scope={__scopeSelect} {...itemContext}>{children}</SelectItemParentProvider></SelectProvider>;
 };
 export {
   ForwardSelectContext,
+  SelectItemParentProvider,
   SelectProvider,
   createSelectContext,
+  createSelectItemParentContext,
+  createSelectItemParentScope,
   createSelectScope,
-  useSelectContext
+  useSelectContext,
+  useSelectItemParentContext
 };
 //# sourceMappingURL=context.js.map

package/dist/jsx/context.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/context.tsx"],
-  "mappings": "AAAA,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,CAAC,eAAe,UAAU,OAAO,MAAM,mBAAmB,MAAM,UAC7D,MAAM,SACT,EAFC;AAIL;",
+  "mappings": "AAAA,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,cAAc,YAAY;AAExC,MAAM,CAAC,0BAA0B,0BAA0B,IAChE,oBAAkD,WAAW;AAExD,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAIO;AACL,SACE,CAAC,eAAe,UAAU,OAAO,mBAAmB,SAClD,CAAC,yBAAyB,OAAO,mBAAmB,cACjD,SACH,EAFC,yBAGH,EAJC;AAML;",
   "names": []
 }

package/package.json

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

package/src/Select.tsx

@@ -8,6 +8,7 @@ import {
   getVariableValue,
   isWeb,
   styled,
+  useEvent,
   useGet,
   useIsomorphicLayoutEffect,
   withStaticProperties,
@@ -23,7 +24,13 @@ import { useControllableState } from '@tamagui/use-controllable-state'
 import * as React from 'react'
 
 import { SELECT_NAME } from './constants'
-import { SelectProvider, createSelectContext, useSelectContext } from './context'
+import {
+  SelectItemParentProvider,
+  SelectProvider,
+  createSelectContext,
+  useSelectContext,
+  useSelectItemParentContext,
+} from './context'
 import { SelectContent } from './SelectContent'
 import { SelectInlineImpl } from './SelectImpl'
 import { SelectItem, useSelectItemContext } from './SelectItem'
@@ -62,6 +69,7 @@ const SelectValue = SelectValueFrame.styleable<SelectValueProps>(function Select
 ) {
   // We ignore `className` and `style` as this part shouldn't be styled.
   const context = useSelectContext(VALUE_NAME, __scopeSelect)
+  const itemParentContext = useSelectItemParentContext(VALUE_NAME, __scopeSelect)
   const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange)
   const children = childrenProp ?? context.selectedItem
   const isEmptyValue = context.value == null || context.value === ''
@@ -69,7 +77,7 @@ const SelectValue = SelectValueFrame.styleable<SelectValueProps>(function Select
 
   return (
     <SelectValueFrame
-      size={context.size as any}
+      size={itemParentContext.size as any}
       ref={composedRefs}
       // we don't want events from the portalled `SelectValue` children to bubble
       // through the item they came from
@@ -135,6 +143,7 @@ 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)
@@ -143,14 +152,14 @@ const SelectItemText = React.forwardRef<TamaguiTextElement, SelectItemTextProps>
       () => (
         <SelectItemTextFrame
           className={className}
-          size={context.size as any}
+          size={itemParentContext.size as any}
           id={itemContext.textId}
           {...itemTextProps}
           ref={composedRefs}
         />
       ),
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [props, context.size, className, itemContext.textId]
+      [props, itemParentContext.size, className, itemContext.textId]
     )
 
     // until portals work in sub-trees on RN, use this just for native:
@@ -161,7 +170,7 @@ const SelectItemText = React.forwardRef<TamaguiTextElement, SelectItemTextProps>
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isSelected, contents])
 
-    if (context.shouldRenderWebNative) {
+    if (itemParentContext.shouldRenderWebNative) {
       return <>{props.children}</>
     }
 
@@ -199,7 +208,7 @@ type SelectItemIndicatorProps = GetProps<typeof SelectItemIndicatorFrame>
 const SelectItemIndicator = React.forwardRef<TamaguiElement, SelectItemIndicatorProps>(
   (props: ScopedProps<SelectItemIndicatorProps>, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props
-    const context = useSelectContext(ITEM_INDICATOR_NAME, __scopeSelect)
+    const context = useSelectItemParentContext(ITEM_INDICATOR_NAME, __scopeSelect)
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect)
 
     if (context.shouldRenderWebNative) {
@@ -279,18 +288,19 @@ const SelectGroup = React.forwardRef<TamaguiElement, SelectGroupProps>(
     const groupId = React.useId()
 
     const context = useSelectContext(GROUP_NAME, __scopeSelect)
-    const size = context.size ?? '$true'
+    const itemParentContext = useSelectItemParentContext(GROUP_NAME, __scopeSelect)
+    const size = itemParentContext.size ?? '$true'
     const nativeSelectRef = React.useRef<HTMLSelectElement>(null)
 
     const content = (function () {
-      if (context.shouldRenderWebNative) {
+      if (itemParentContext.shouldRenderWebNative) {
         return (
           // @ts-expect-error until we support typing based on tag
           <NativeSelectFrame asChild size={size} value={context.value}>
             <NativeSelectTextFrame
               // @ts-ignore it's ok since tag="select"
               onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
-                context.onChange(event.currentTarget.value)
+                itemParentContext.onChange(event.currentTarget.value)
               }}
               size={size as FontSizeTokens}
               ref={nativeSelectRef}
@@ -336,7 +346,7 @@ export type SelectLabelProps = ListItemProps
 const SelectLabel = React.forwardRef<TamaguiElement, SelectLabelProps>(
   (props: ScopedProps<SelectLabelProps>, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props
-    const context = useSelectContext(LABEL_NAME, __scopeSelect)
+    const context = useSelectItemParentContext(LABEL_NAME, __scopeSelect)
     const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect)
 
     if (context.shouldRenderWebNative) {
@@ -446,6 +456,17 @@ export const Select = withStaticProperties(
     })
 
     const [activeIndex, setActiveIndex] = React.useState<number | null>(0)
+
+    const [emitValue, valueSubscribe] = useEmitter<any>()
+    const [emitActiveIndex, activeIndexSubscribe] = useEmitter<number>()
+
+    React.useEffect(() => {
+      // to go after the item mount 🤷‍♂️
+      queueMicrotask(() => {
+        emitValue(value)
+      })
+    }, [value])
+
     const selectedIndexRef = React.useRef<number | null>(null)
     const activeIndexRef = React.useRef<number | null>(null)
     const listContentRef = React.useRef<string[]>([])
@@ -465,50 +486,64 @@ export const Select = withStaticProperties(
 
     return (
       <AdaptProvider>
-        <SelectProvider
-          dir={dir}
-          blockSelection={false}
-          size={sizeProp}
-          fallback={false}
-          selectedItem={selectedItem}
-          setSelectedItem={setSelectedItem}
-          forceUpdate={forceUpdate}
-          valueNode={valueNode}
-          onValueNodeChange={setValueNode}
-          scopeKey={scopeKey}
-          sheetBreakpoint={sheetBreakpoint}
+        <SelectItemParentProvider
           scope={__scopeSelect}
-          setValueAtIndex={(index, value) => {
-            listContentRef.current[index] = value
-          }}
-          activeIndex={activeIndex}
-          onChange={setValue}
-          selectedIndex={selectedIndex}
-          setActiveIndex={setActiveIndex}
+          size={sizeProp}
+          activeIndexSubscribe={activeIndexSubscribe}
+          valueSubscribe={valueSubscribe}
           setOpen={setOpen}
+          onChange={React.useCallback((val) => {
+            setValue(val)
+            emitValue(val)
+          }, [])}
           setSelectedIndex={setSelectedIndex}
-          value={value}
-          open={open}
-          native={native}
+          setValueAtIndex={React.useCallback((index, value) => {
+            listContentRef.current[index] = value
+          }, [])}
           shouldRenderWebNative={shouldRenderWebNative}
         >
-          <SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}>
-            {shouldRenderWebNative ? (
-              children
-            ) : (
-              <SelectImpl
-                activeIndexRef={activeIndexRef}
-                listContentRef={listContentRef}
-                selectedIndexRef={selectedIndexRef}
-                {...props}
-                open={open}
-                value={value}
-              >
-                {children}
-              </SelectImpl>
-            )}
-          </SelectSheetController>
-        </SelectProvider>
+          <SelectProvider
+            scope={__scopeSelect}
+            dir={dir}
+            blockSelection={false}
+            fallback={false}
+            selectedItem={selectedItem}
+            setSelectedItem={setSelectedItem}
+            forceUpdate={forceUpdate}
+            valueNode={valueNode}
+            onValueNodeChange={setValueNode}
+            scopeKey={scopeKey}
+            sheetBreakpoint={sheetBreakpoint}
+            activeIndex={activeIndex}
+            selectedIndex={selectedIndex}
+            setActiveIndex={React.useCallback((index) => {
+              setActiveIndex(index)
+              if (typeof index === 'number') {
+                emitActiveIndex(index)
+              }
+            }, [])}
+            value={value}
+            open={open}
+            native={native}
+          >
+            <SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}>
+              {shouldRenderWebNative ? (
+                children
+              ) : (
+                <SelectImpl
+                  activeIndexRef={activeIndexRef}
+                  listContentRef={listContentRef}
+                  selectedIndexRef={selectedIndexRef}
+                  {...props}
+                  open={open}
+                  value={value}
+                >
+                  {children}
+                </SelectImpl>
+              )}
+            </SelectSheetController>
+          </SelectProvider>
+        </SelectItemParentProvider>
       </AdaptProvider>
     )
   },
@@ -530,5 +565,22 @@ export const Select = withStaticProperties(
   }
 )
 
+function useEmitter<A>() {
+  const listeners = React.useRef<Set<Function>>()
+  if (!listeners.current) {
+    listeners.current = new Set()
+  }
+  const emit = (value: A) => {
+    listeners.current!.forEach((l) => l(value))
+  }
+  const subscribe = React.useCallback((listener: (val: A) => void) => {
+    listeners.current!.add(listener)
+    return () => {
+      listeners.current!.delete(listener)
+    }
+  }, [])
+  return [emit, subscribe] as const
+}
+
 // @ts-ignore
 Select.displayName = SELECT_NAME

package/src/SelectContent.tsx

@@ -2,7 +2,7 @@ import { FloatingOverlay, FloatingPortal } from '@floating-ui/react'
 import { Theme, useIsTouchDevice, useThemeName } from '@tamagui/core'
 import { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'
 
-import { useSelectContext } from './context'
+import { useSelectContext, useSelectItemParentContext } from './context'
 import { SelectContentProps } from './types'
 import { useShowSelectSheet } from './useSelectBreakpointActive'
 
@@ -19,6 +19,7 @@ export const SelectContent = ({
   ...focusScopeProps
 }: SelectContentProps & FocusScopeProps) => {
   const context = useSelectContext(CONTENT_NAME, __scopeSelect)
+  const itemParentContext = useSelectItemParentContext(CONTENT_NAME, __scopeSelect)
   const themeName = useThemeName()
   const showSheet = useShowSelectSheet(context)
 
@@ -30,7 +31,7 @@ export const SelectContent = ({
 
   const touch = useIsTouchDevice()
 
-  if (context.shouldRenderWebNative) {
+  if (itemParentContext.shouldRenderWebNative) {
     return <>{children}</>
   }