tamagui 1.130.8 → 1.131.1

package/dist/test.native.js

@@ -3036,22 +3036,22 @@ var require_useMedia_native = __commonJS({
         listeners.delete(subscriber);
       };
     }
-    function useMedia3(cc, debug) {
-      var componentState = cc ? States.get(cc) : null, internalRef = (0, import_react3.useRef)(null);
+    function useMedia3(componentContext, debug) {
+      var componentState = componentContext ? States.get(componentContext) : null, internalRef = (0, import_react3.useRef)(null);
       internalRef.current || (internalRef.current = {
-        keys: /* @__PURE__ */ new Set()
-      });
-      var { keys, lastState = (0, import_config.getSetting)("disableSSR") ? mediaState3 : initState } = internalRef.current;
+        keys: /* @__PURE__ */ new Set(),
+        lastState: mediaState3
+      }), internalRef.current.pendingState && (internalRef.current.lastState = internalRef.current.pendingState, internalRef.current.pendingState = void 0);
+      var { keys } = internalRef.current;
       keys.size && keys.clear();
       var state = (0, import_react3.useSyncExternalStore)(subscribe, function() {
-        if (componentState != null && componentState.enabled) return internalRef.current.lastState = mediaState3, mediaState3;
-        var curKeys = (componentState == null ? void 0 : componentState.keys) || keys;
+        var curKeys = (componentState == null ? void 0 : componentState.keys) || keys, { lastState, pendingState } = internalRef.current;
         if (!curKeys.size) return lastState;
         var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
         try {
           for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
             var key = _step.value;
-            if (mediaState3[key] !== lastState[key]) return internalRef.current.lastState = mediaState3, mediaState3;
+            if (mediaState3[key] !== (pendingState || lastState)[key]) return componentContext != null && componentContext.mediaEmit ? (componentContext.mediaEmit(mediaState3), internalRef.current.pendingState = mediaState3, lastState) : (internalRef.current.lastState = mediaState3, mediaState3);
           }
         } catch (err) {
           _didIteratorError = !0, _iteratorError = err;
@@ -3557,13 +3557,15 @@ var require_createStyledContext_native = __commonJS({
     module2.exports = __toCommonJS2(createStyledContext_exports);
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_objectIdentityKey = require_objectIdentityKey_native(), createReactContext = import_react3.default[Math.random(), "createContext"];
     function createStyledContext2(defaultValues) {
-      var OGContext = createReactContext(defaultValues), OGProvider2 = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map();
+      var namespace = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", OGContext = createReactContext(defaultValues), OGProvider2 = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map(), LastScopeInNamespace = createReactContext(namespace);
       function getOrCreateScopedContext(scope) {
         var ScopedContext = scopedContexts.get(scope);
         return ScopedContext || (ScopedContext = createReactContext(defaultValues), scopedContexts.set(scope, ScopedContext)), ScopedContext;
       }
-      var Provider = function(param) {
-        var { children, scope, ...values } = param, next = import_react3.default.useMemo(function() {
+      var getNamespacedScope = function(scope) {
+        return namespace ? `${namespace}--${scope}` : scope;
+      }, Provider = function(param) {
+        var { children, scope: scopeIn, ...values } = param, scope = getNamespacedScope(scopeIn), next = import_react3.default.useMemo(function() {
           return {
             // this ! is a workaround for ts error
             ...defaultValues,
@@ -3572,13 +3574,16 @@ var require_createStyledContext_native = __commonJS({
         }, [
           (0, import_objectIdentityKey.objectIdentityKey)(values)
         ]), Provider22 = OGProvider2;
-        return scope && (Provider22 = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Provider22, {
-          value: next,
-          children
+        return scope && (Provider22 = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LastScopeInNamespace.Provider, {
+          value: scope,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Provider22, {
+            value: next,
+            children
+          })
         });
-      }, useStyledContext = function(scope) {
-        var context = scope ? getOrCreateScopedContext(scope) : OGContext;
-        return import_react3.default.useContext(context);
+      }, useStyledContext = function() {
+        var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", lastScopeInNamespace = (0, import_react3.useContext)(LastScopeInNamespace), scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn, context = scope ? getOrCreateScopedContext(scope) : OGContext, value = import_react3.default.useContext(context);
+        return value;
       };
       return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
     }
@@ -8216,7 +8221,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_is_equal_shallow = require_index_native12(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_GroupContext = require_GroupContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), NextState = /* @__PURE__ */ new WeakMap(), componentSetStates = /* @__PURE__ */ new Set(), avoidReRenderKeys = /* @__PURE__ */ new Set([
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_is_equal_shallow = require_index_native12(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_GroupContext = require_GroupContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), NextState = /* @__PURE__ */ new WeakMap(), NextMedia = /* @__PURE__ */ new WeakMap(), componentSetStates = /* @__PURE__ */ new Set(), avoidReRenderKeys = /* @__PURE__ */ new Set([
       "hover",
       "press",
       "pressIn",
@@ -8371,6 +8376,18 @@ var require_createComponent_native = __commonJS({
         }
         if (splitStyles && (hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
           var useStyleListener = stateRef.current.useStyleListener, ogSetStateShallow = setStateShallow;
+          componentContext.mediaEmit = function(next) {
+            NextMedia.set(stateRef, next), updateStyleListener();
+          };
+          var updateStyleListener = function() {
+            var updatedState = NextState.get(stateRef) || state, mediaState22 = NextMedia.get(stateRef), { group, hasDynGroupChildren, unmounted, animation, ...childrenGroupState } = updatedState;
+            groupContext && notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
+            var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, mediaState22 ? {
+              ...styleProps,
+              mediaState: mediaState22
+            } : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp);
+            useStyleListener == null || useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
+          };
           stateRef.current.setStateShallow = function(nextOrGetNext) {
             var prev = NextState.get(stateRef) || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
             if (!(next === prev || (0, import_is_equal_shallow.isEqualShallow)(prev, next))) {
@@ -8382,11 +8399,7 @@ var require_createComponent_native = __commonJS({
                   ...prev,
                   ...next
                 };
-                NextState.set(stateRef, updatedState);
-                var { group, hasDynGroupChildren, unmounted, animation, ...childrenGroupState } = updatedState;
-                groupContext && notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
-                var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp);
-                useStyleListener == null || useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
+                NextState.set(stateRef, updatedState), updateStyleListener();
               } else ogSetStateShallow(next);
             }
           }, setStateShallow = function(state2) {
@@ -13722,10 +13735,10 @@ var require_Collection_native = __commonJS({
           current: void 0
         },
         itemMap: /* @__PURE__ */ new Map()
-      }), CollectionProvider = function(props) {
-        var { __scopeCollection, children } = props, ref = import_react3.default.useRef(void 0), itemMap = import_react3.default.useRef(/* @__PURE__ */ new Map()).current;
+      }, "Toast"), CollectionProvider = function(props) {
+        var { scope, children } = props, ref = import_react3.default.useRef(void 0), itemMap = import_react3.default.useRef(/* @__PURE__ */ new Map()).current;
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CollectionProviderImpl, {
-          scope: __scopeCollection,
+          scope,
           itemMap,
           collectionRef: ref,
           children
@@ -13733,7 +13746,7 @@ var require_Collection_native = __commonJS({
       };
       CollectionProvider.displayName = "CollectionProvider";
       var COLLECTION_SLOT_NAME = name + "CollectionSlot", CollectionSlot = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
-        var { __scopeCollection, children } = props, context = useCollectionContext(__scopeCollection), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.collectionRef);
+        var { scope, children } = props, context = useCollectionContext(scope), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.collectionRef);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Slot, {
           ref: composedRefs,
           children
@@ -13741,7 +13754,7 @@ var require_Collection_native = __commonJS({
       });
       CollectionSlot.displayName = COLLECTION_SLOT_NAME;
       var ITEM_SLOT_NAME = name + "CollectionItemSlot", ITEM_DATA_ATTR = "data-collection-item", CollectionItemSlot = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
-        var { __scopeCollection, children, ...itemData } = props, ref = import_react3.default.useRef(void 0), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), context = useCollectionContext(__scopeCollection);
+        var { scope, children, ...itemData } = props, ref = import_react3.default.useRef(void 0), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), context = useCollectionContext(scope);
         return import_react3.default.useEffect(function() {
           return context.itemMap.set(ref, {
             ref,
@@ -13756,8 +13769,8 @@ var require_Collection_native = __commonJS({
         });
       });
       CollectionItemSlot.displayName = ITEM_SLOT_NAME;
-      function useCollection(__scopeCollection) {
-        var context = useCollectionContext(__scopeCollection), getItems = import_react3.default.useCallback(function() {
+      function useCollection(scope) {
+        var context = useCollectionContext(scope), getItems = import_react3.default.useCallback(function() {
           if (!import_constants4.isWeb) return [];
           var collectionNode = context.collectionRef.current;
           if (!collectionNode) return [];
@@ -15267,7 +15280,7 @@ var require_Accordion_native = __commonJS({
     ], [Collection, useCollection] = (0, import_collection.createCollection)(ACCORDION_NAME), ACCORDION_CONTEXT = "Accordion", AccordionComponent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { type, ...accordionProps } = props, singleProps = accordionProps, multipleProps = accordionProps;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Collection.Provider, {
-        __scopeCollection: props.__scopeAccordion || ACCORDION_CONTEXT,
+        scope: props.__scopeAccordion || ACCORDION_CONTEXT,
         children: type === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionImplMultiple, {
           ...multipleProps,
           ref: forwardedRef
@@ -15403,7 +15416,7 @@ var require_Accordion_native = __commonJS({
         direction: dir,
         orientation,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Collection.Slot, {
-          __scopeCollection: __scopeAccordion || ACCORDION_CONTEXT,
+          scope: __scopeAccordion || ACCORDION_CONTEXT,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_stacks3.YStack, {
             "data-orientation": orientation,
             ref: composedRef,
@@ -15474,7 +15487,7 @@ var require_Accordion_native = __commonJS({
     }), AccordionTrigger = AccordionTriggerFrame.styleable(function(props, forwardedRef) {
       var { __scopeAccordion, ...triggerProps } = props, accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion), collapsibleContext = useAccordionCollapsibleContext(__scopeAccordion);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Collection.ItemSlot, {
-        __scopeCollection: __scopeAccordion || ACCORDION_CONTEXT,
+        scope: __scopeAccordion || ACCORDION_CONTEXT,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionTriggerFrame, {
           //   @ts-ignore
           __scopeCollapsible: __scopeAccordion || ACCORDION_CONTEXT,
@@ -16058,7 +16071,7 @@ var require_GorhomPortal_native = __commonJS({
       });
     });
     function PortalHostWeb(props) {
-      return (0, import_react3.useEffect)(function() {
+      return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         return function() {
           import_constants22.allPortalHosts.delete(props.name);
         };
@@ -16080,7 +16093,7 @@ var require_GorhomPortal_native = __commonJS({
     }
     function PortalHostNonNative(props) {
       var { name, forwardProps, render = defaultRenderer } = props, state = usePortalState(name), { registerHost: registerHost2, deregisterHost: deregisterHost2 } = usePortal(props.name);
-      return (0, import_react3.useEffect)(function() {
+      return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         if (!(typeof window > "u")) return registerHost2(), function() {
           deregisterHost2();
         };
@@ -16482,7 +16495,7 @@ var require_Adapt_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Adapt_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_z_index_stack2 = require_index_native29(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_helpers = require_index_native7(), import_portal2 = require_index_native30(), import_react3 = __toESM2(require("react")), CurrentAdaptContextScope = /* @__PURE__ */ (0, import_react3.createContext)(""), AdaptContext = (0, import_core12.createStyledContext)({
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_helpers = require_index_native7(), import_portal2 = require_index_native30(), import_z_index_stack2 = require_index_native29(), import_react3 = __toESM2(require("react")), AdaptContext = (0, import_core12.createStyledContext)({
       Contents: null,
       scopeName: "",
       portalName: "",
@@ -16493,42 +16506,56 @@ var require_Adapt_native = __commonJS({
       setChildren: null,
       setWhen: function() {
       }
-    }), ProvideAdaptContext = function(param) {
-      var { children, ...context } = param, scope = context.scopeName || "";
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CurrentAdaptContextScope.Provider, {
-        value: scope,
+    }), LastAdaptContextScope = /* @__PURE__ */ (0, import_react3.createContext)(""), ProvideAdaptContext = function(param) {
+      var { children, ...context } = param, scope = context.scopeName || "", lastScope = (0, import_react3.useContext)(LastAdaptContextScope);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LastAdaptContextScope.Provider, {
+        value: lastScope || context.lastScope || "",
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdaptContext.Provider, {
           scope,
+          lastScope: lastScope || context.lastScope,
           ...context,
           children
         })
       });
-    }, useAdaptContext = function() {
-      var scope = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", contextScope = (0, import_react3.useContext)(CurrentAdaptContextScope), context = AdaptContext.useStyledContext(scope === "" && contextScope || scope);
-      return context;
+    }, useAdaptContext = function(scope) {
+      var lastScope = (0, import_react3.useContext)(LastAdaptContextScope), adaptScope = scope ?? lastScope;
+      return AdaptContext.useStyledContext(adaptScope);
     }, AdaptPortals = /* @__PURE__ */ new Map(), AdaptParent = function(param) {
-      var { children, Contents, scope, portal } = param, portalName = `AdaptPortal${scope}`, id = (0, import_react3.useId)(), FinalContents = Contents || AdaptPortals.get(id);
-      FinalContents || (FinalContents = function() {
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, {
-          name: portalName,
-          forwardProps: typeof portal == "boolean" || portal == null ? void 0 : portal.forwardProps
-        });
-      }, AdaptPortals.set(id, FinalContents)), (0, import_react3.useEffect)(function() {
-        return function() {
-          AdaptPortals.delete(id);
+      var { children, Contents, scope, portal } = param, id = (0, import_react3.useId)(), portalName = `AdaptPortal${scope}${id}`, FinalContents = (0, import_react3.useMemo)(function() {
+        if (Contents) return Contents;
+        if (AdaptPortals.has(portalName)) return AdaptPortals.get(portalName);
+        var element = function() {
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, {
+            name: portalName,
+            forwardProps: typeof portal == "boolean" || portal == null ? void 0 : portal.forwardProps
+          }, id);
         };
-      }, []);
-      var [when, setWhen] = import_react3.default.useState(null), [platform2, setPlatform] = import_react3.default.useState(null), [children2, setChildren] = import_react3.default.useState(null);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProvideAdaptContext, {
-        Contents: FinalContents,
-        when,
-        platform: platform2,
-        setPlatform,
-        setWhen,
-        setChildren,
+        return AdaptPortals.set(portalName, element), element;
+      }, [
         portalName,
-        scopeName: scope,
-        children
+        Contents
+      ]);
+      (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        return AdaptPortals.set(portalName, FinalContents), function() {
+          AdaptPortals.delete(portalName);
+        };
+      }, [
+        portalName
+      ]);
+      var [when, setWhen] = import_react3.default.useState(null), [platform2, setPlatform] = import_react3.default.useState(null), [children2, setChildren] = import_react3.default.useState(null);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LastAdaptContextScope, {
+        value: scope,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProvideAdaptContext, {
+          Contents: FinalContents,
+          when,
+          platform: platform2,
+          setPlatform,
+          setWhen,
+          setChildren,
+          portalName,
+          scopeName: scope,
+          children
+        })
       });
     }, AdaptContents = function(param) {
       var { scope, ...rest } = param, context = useAdaptContext(scope);
@@ -16540,7 +16567,7 @@ var require_Adapt_native = __commonJS({
     };
     AdaptContents.shouldForwardSpace = !0;
     var Adapt = (0, import_helpers.withStaticProperties)(function(props) {
-      var { platform: platform2, when, children, scope } = props, context = useAdaptContext(scope), scopeName = scope ?? context.scopeName, enabled = useAdaptIsActiveGiven(props);
+      var { platform: platform2, when, children, scope } = props, context = useAdaptContext(scope), enabled = useAdaptIsActiveGiven(props);
       (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         var _context_setWhen, _context_setPlatform;
         context == null || (_context_setWhen = context.setWhen) === null || _context_setWhen === void 0 || _context_setWhen.call(context, when || enabled), context == null || (_context_setPlatform = context.setPlatform) === null || _context_setPlatform === void 0 || _context_setPlatform.call(context, platform2 || null);
@@ -16566,10 +16593,7 @@ var require_Adapt_native = __commonJS({
       }, [
         output
       ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_z_index_stack2.StackZIndexContext, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CurrentAdaptContextScope.Provider, {
-          value: scopeName,
-          children: enabled ? output : null
-        })
+        children: enabled ? output : null
       });
     }, {
       Contents: AdaptContents
@@ -16583,6 +16607,7 @@ var require_Adapt_native = __commonJS({
     }, useAdaptIsActiveGiven = function(param) {
       var { when, platform: platform2 } = param, media = (0, import_core12.useMedia)();
       if (when == null && platform2 == null) return !1;
+      if (when === !0) return !0;
       var enabled = !1;
       return platform2 === "touch" ? enabled = import_constants4.isTouchable : platform2 === "native" ? enabled = !import_constants4.isWeb : platform2 === "web" ? enabled = import_constants4.isWeb : platform2 === "ios" ? enabled = import_constants4.isIos : platform2 === "android" && (enabled = import_constants4.isAndroid), platform2 && enabled == !1 ? !1 : (when && typeof when == "string" && (enabled = media[when]), enabled);
     }, useAdaptIsActive = function(scope) {
@@ -16631,6 +16656,93 @@ var require_index_native31 = __commonJS({
   }
 });
 
+// ../../core/aria-hidden/dist/cjs/AriaHidden.native.js
+var require_AriaHidden_native = __commonJS({
+  "../../core/aria-hidden/dist/cjs/AriaHidden.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, AriaHidden_native_exports = {};
+    __export2(AriaHidden_native_exports, {
+      hideOthers: function() {
+        return hideOthers;
+      }
+    });
+    module2.exports = __toCommonJS2(AriaHidden_native_exports);
+    var hideOthers = function() {
+    };
+  }
+});
+
+// ../../core/aria-hidden/dist/cjs/index.native.js
+var require_index_native32 = __commonJS({
+  "../../core/aria-hidden/dist/cjs/index.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __reExport2 = function(target, mod, secondTarget) {
+      return __copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default");
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, index_exports2 = {};
+    module2.exports = __toCommonJS2(index_exports2);
+    __reExport2(index_exports2, require_AriaHidden_native(), module2.exports);
+  }
+});
+
 // ../../core/create-context/dist/cjs/create-context.native.js
 var require_create_context_native = __commonJS({
   "../../core/create-context/dist/cjs/create-context.native.js"(exports2, module2) {
@@ -16800,7 +16912,7 @@ var require_create_context_native = __commonJS({
 });
 
 // ../../core/create-context/dist/cjs/index.native.js
-var require_index_native32 = __commonJS({
+var require_index_native33 = __commonJS({
   "../../core/create-context/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
@@ -16838,93 +16950,6 @@ var require_index_native32 = __commonJS({
   }
 });
 
-// ../../core/aria-hidden/dist/cjs/AriaHidden.native.js
-var require_AriaHidden_native = __commonJS({
-  "../../core/aria-hidden/dist/cjs/AriaHidden.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
-      for (var name in all) __defProp2(target, name, {
-        get: all[name],
-        enumerable: !0
-      });
-    }, __copyProps2 = function(to, from, except, desc) {
-      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-      if (from && typeof from == "object" || typeof from == "function") try {
-        for (var _loop = function() {
-          var key = _step.value;
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
-            get: function() {
-              return from[key];
-            },
-            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
-          });
-        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
-      } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-        } finally {
-          if (_didIteratorError)
-            throw _iteratorError;
-        }
-      }
-      return to;
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, AriaHidden_native_exports = {};
-    __export2(AriaHidden_native_exports, {
-      hideOthers: function() {
-        return hideOthers;
-      }
-    });
-    module2.exports = __toCommonJS2(AriaHidden_native_exports);
-    var hideOthers = function() {
-    };
-  }
-});
-
-// ../../core/aria-hidden/dist/cjs/index.native.js
-var require_index_native33 = __commonJS({
-  "../../core/aria-hidden/dist/cjs/index.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
-      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-      if (from && typeof from == "object" || typeof from == "function") try {
-        for (var _loop = function() {
-          var key = _step.value;
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
-            get: function() {
-              return from[key];
-            },
-            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
-          });
-        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
-      } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-        } finally {
-          if (_didIteratorError)
-            throw _iteratorError;
-        }
-      }
-      return to;
-    }, __reExport2 = function(target, mod, secondTarget) {
-      return __copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default");
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, index_exports2 = {};
-    module2.exports = __toCommonJS2(index_exports2);
-    __reExport2(index_exports2, require_AriaHidden_native(), module2.exports);
-  }
-});
-
 // ../dismissable/dist/cjs/Dismissable.native.js
 var require_Dismissable_native = __commonJS({
   "../dismissable/dist/cjs/Dismissable.native.js"(exports2, module2) {
@@ -17155,7 +17180,7 @@ var require_FocusScopeController_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(FocusScopeController_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_create_context = require_index_native32(), import_use_event = require_index_native8(), React4 = __toESM2(require("react")), FOCUS_SCOPE_CONTROLLER_NAME = "FocusScopeController", [createFocusScopeControllerContext, createFocusScopeControllerScope] = (0, import_create_context.createContextScope)(FOCUS_SCOPE_CONTROLLER_NAME), [FocusScopeControllerProvider, useFocusScopeControllerContext] = createFocusScopeControllerContext(FOCUS_SCOPE_CONTROLLER_NAME);
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_create_context = require_index_native33(), import_use_event = require_index_native8(), React4 = __toESM2(require("react")), FOCUS_SCOPE_CONTROLLER_NAME = "FocusScopeController", [createFocusScopeControllerContext, createFocusScopeControllerScope] = (0, import_create_context.createContextScope)(FOCUS_SCOPE_CONTROLLER_NAME), [FocusScopeControllerProvider, useFocusScopeControllerContext] = createFocusScopeControllerContext(FOCUS_SCOPE_CONTROLLER_NAME);
     function FocusScopeController(props) {
       var { __scopeFocusScope, children, enabled, loop, trapped, onMountAutoFocus, onUnmountAutoFocus, forceUnmount, focusOnIdle } = props, stableOnMountAutoFocus = (0, import_use_event.useEvent)(onMountAutoFocus), stableOnUnmountAutoFocus = (0, import_use_event.useEvent)(onUnmountAutoFocus), contextValue = React4.useMemo(function() {
         return {
@@ -17426,7 +17451,7 @@ var require_SheetContext_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetContext_exports);
-    var import_create_context = require_index_native32(), import_constants4 = require_constants_native4(), [createSheetContext, createSheetScope2] = (0, import_create_context.createContextScope)(import_constants4.SHEET_NAME), [SheetProvider, useSheetContext] = createSheetContext(import_constants4.SHEET_NAME, {});
+    var import_create_context = require_index_native33(), import_constants4 = require_constants_native4(), [createSheetContext, createSheetScope2] = (0, import_create_context.createContextScope)(import_constants4.SHEET_NAME), [SheetProvider, useSheetContext] = createSheetContext(import_constants4.SHEET_NAME, {});
   }
 });
 
@@ -18112,7 +18137,7 @@ var require_SheetImplementationCustom_native = __commonJS({
               if (isScrolled) return previouslyScrolling = !0, !1;
               if (isNearTop && hasScrollView.current && isDraggingUp) return !1;
             }
-            return Math.abs(dy) > 5;
+            return Math.abs(dy) > 10;
           }
           var granted = getShouldSet();
           return granted && scrollBridge.setParentDragging(!0), granted;
@@ -18581,7 +18606,8 @@ var require_SheetScrollView_native = __commonJS({
                 state.current.isScrolling = !0, scrollBridge.scrollLock = !0, setScrollEnabled(!0);
                 return;
               }
-              if (scrollBridge.y >= 0) return;
+              var isDraggingUpFromTopOnFirstScroll = !state.current.isScrolling && dy > 0 && scrollBridge.y === 0;
+              if (!isDraggingUpFromTopOnFirstScroll && scrollBridge.y >= 0) return;
               setScrollEnabled(!1), scrollBridge.drag(dragAt), state.current.dragAt = dragAt, state.current.dys.push(dy), state.current.dys.length > 100 && (state.current.dys = state.current.dys.slice(-10));
             }
           },
@@ -18789,6 +18815,7 @@ var require_createSheet_native = __commonJS({
             !disableHideBottomOverflow && // @ts-ignore
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Frame, {
               ...props,
+              "data-testid": "ensure-sheet-cover-not-overlapping",
               componentName: "SheetCover",
               // biome-ignore lint/correctness/noChildrenProp: <explanation>
               children: null,
@@ -19246,6 +19273,9 @@ var require_Dialog_native = __commonJS({
       DialogContent: function() {
         return DialogContent;
       },
+      DialogContext: function() {
+        return DialogContext;
+      },
       DialogDescription: function() {
         return DialogDescription;
       },
@@ -19261,6 +19291,9 @@ var require_Dialog_native = __commonJS({
       DialogPortalFrame: function() {
         return DialogPortalFrame;
       },
+      DialogProvider: function() {
+        return DialogProvider;
+      },
       DialogTitle: function() {
         return DialogTitle;
       },
@@ -19270,15 +19303,19 @@ var require_Dialog_native = __commonJS({
       DialogWarningProvider: function() {
         return DialogWarningProvider;
       },
-      createDialogScope: function() {
-        return createDialogScope;
+      useDialogContext: function() {
+        return useDialogContext;
       }
     });
     module2.exports = __toCommonJS2(Dialog_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native31(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native33(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_create_context = require_index_native32(), import_dismissable = require_index_native34(), import_focus_scope = require_index_native35(), import_helpers = require_index_native7(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native36(), import_sheet = require_index_native38(), import_stacks3 = require_index_native24(), import_text2 = require_index_native26(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native29(), React4 = __toESM2(require("react")), DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
-      name: TRIGGER_NAME
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native31(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native32(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_create_context = require_index_native33(), import_dismissable = require_index_native34(), import_focus_scope = require_index_native35(), import_helpers = require_index_native7(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native36(), import_sheet = require_index_native38(), import_stacks3 = require_index_native24(), import_text2 = require_index_native26(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native29(), React4 = __toESM2(require("react")), DialogContext = (0, import_core12.createStyledContext)(
+      // since we always provide this we can avoid setting here
+      {},
+      "Dialog__"
+    ), { useStyledContext: useDialogContext, Provider: DialogProvider } = DialogContext, DialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
+      name: "DialogTrigger"
     }), DialogTrigger = DialogTriggerFrame.styleable(function(props, forwardedRef) {
-      var { __scopeDialog, ...triggerProps } = props, isInsideButton = React4.useContext(import_stacks3.ButtonNestingContext), context = useDialogContext(TRIGGER_NAME, __scopeDialog), composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
+      var { scope, ...triggerProps } = props, isInsideButton = React4.useContext(import_stacks3.ButtonNestingContext), context = useDialogContext(scope), composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_stacks3.ButtonNestingContext.Provider, {
         value: !0,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogTriggerFrame, {
@@ -19292,8 +19329,6 @@ var require_Dialog_native = __commonJS({
           onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
         })
       });
-    }), PORTAL_NAME = "DialogPortal", [PortalProvider2, usePortalContext] = createDialogContext(PORTAL_NAME, {
-      forceMount: void 0
     }), DialogPortalFrame = (0, import_core12.styled)(import_stacks3.YStack, {
       pointerEvents: "none",
       variants: {
@@ -19312,73 +19347,70 @@ var require_Dialog_native = __commonJS({
       defaultVariants: {
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
-    }), DialogPortalItem = function(props) {
-      var { __scopeDialog, children, space, spaceDirection, separator } = props, themeName = (0, import_core12.useThemeName)(), context = useDialogContext(PORTAL_NAME, props.__scopeDialog), isAdapted = (0, import_adapt.useAdaptIsActive)(), childrenSpaced = children;
-      (space || separator) && (childrenSpaced = (0, import_core12.spacedChildren)({
-        children,
-        separator,
-        space,
-        direction: spaceDirection
-      }));
-      var content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogProvider, {
-        scope: __scopeDialog,
-        ...context,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
-          name: themeName,
-          children: childrenSpaced
-        })
+    }), needsRepropagation = import_constants4.isAndroid || import_constants4.isIos && !import_portal2.USE_NATIVE_PORTAL, DialogPortalItem = function(param) {
+      var { context, children } = param, themeName = (0, import_core12.useThemeName)(), isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope), adaptContext = (0, import_adapt.useAdaptContext)(context.adaptScope), content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
+        name: themeName,
+        children
       });
-      return isAdapted ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
+      return needsRepropagation && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.ProvideAdaptContext, {
+        ...adaptContext,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogProvider, {
+          ...context,
+          children: content
+        })
+      })), isAdapted ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
+        scope: context.adaptScope,
         children: content
       }) : context.modal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, {
-        hostName: context.modal ? "root" : context.adaptName,
+        hostName: context.modal ? "root" : context.adaptScope,
         children: content
       }) : content;
     }, DialogPortal = function(props) {
-      var { __scopeDialog, forceMount, children, ...frameProps } = props, context = useDialogContext(PORTAL_NAME, __scopeDialog), isShowing = forceMount || context.open, [isFullyHidden, setIsFullyHidden] = React4.useState(!isShowing), isAdapted = (0, import_adapt.useAdaptIsActive)();
+      var { scope, forceMount, children, ...frameProps } = props, context = useDialogContext(scope), isShowing = forceMount || context.open, [isFullyHidden, setIsFullyHidden] = React4.useState(!isShowing), isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
       isShowing && isFullyHidden && setIsFullyHidden(!1);
       var handleExitComplete = React4.useCallback(function() {
         setIsFullyHidden(!0);
       }, []), zIndex = (0, import_core12.getExpandedShorthand)("zIndex", props), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_z_index_stack2.StackZIndexContext, {
         zIndex: (0, import_portal2.resolveViewZIndex)(zIndex),
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, {
+          passThrough: isAdapted,
           onExitComplete: handleExitComplete,
           children: isShowing || isAdapted ? children : null
         })
       });
       if (isFullyHidden && !isAdapted) return null;
-      var framedContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalProvider2, {
-        scope: __scopeDialog,
-        forceMount,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalFrame, {
-          pointerEvents: isShowing ? "auto" : "none",
-          ...frameProps,
-          children: contents
-        })
+      var framedContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalFrame, {
+        // passThrough={isAdapted}
+        pointerEvents: isShowing ? "auto" : "none",
+        ...frameProps,
+        children: contents
       });
       return import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
         zIndex,
         // set to 1000 which "boosts" it 1000 above baseline for current context
         // this makes sure its above (this first 1k) popovers on the same layer
         stackZIndex: 1e3,
+        passThrough: isAdapted,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PassthroughTheme, {
+          passThrough: isAdapted,
           children: framedContents
         })
       }) : isAdapted ? framedContents : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalItem, {
-        __scopeDialog,
+        context,
         children: framedContents
       });
     }, PassthroughTheme = function(param) {
-      var { children } = param, themeName = (0, import_core12.useThemeName)();
+      var { children, passThrough } = param, themeName = (0, import_core12.useThemeName)();
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
+        passThrough,
         name: themeName,
         forceClassName: !0,
         children
       });
     }, OVERLAY_NAME = "DialogOverlay", DialogOverlayFrame = (0, import_core12.styled)(import_sheet.Overlay, {
       name: OVERLAY_NAME
-    }), DialogOverlay = DialogOverlayFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(param, forwardedRef) {
-      var { __scopeDialog, ...props } = param, portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...overlayProps } = props, context = useDialogContext(OVERLAY_NAME, __scopeDialog), isAdapted = (0, import_adapt.useAdaptIsActive)();
+    }), DialogOverlay = DialogOverlayFrame.styleable(function(param, forwardedRef) {
+      var { scope, ...props } = param, context = useDialogContext(scope), { forceMount = context.forceMount, ...overlayProps } = props, isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
       return !forceMount && (!context.modal || isAdapted) ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlayFrame, {
         "data-state": getState(context.open),
         // TODO: this will be apply for v2
@@ -19391,7 +19423,7 @@ var require_Dialog_native = __commonJS({
         ...overlayProps,
         ref: forwardedRef
       });
-    })), CONTENT_NAME = "DialogContent", DialogContentFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+    }), CONTENT_NAME = "DialogContent", DialogContentFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: CONTENT_NAME,
       tag: "dialog",
       variants: {
@@ -19415,8 +19447,8 @@ var require_Dialog_native = __commonJS({
         size: "$true",
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
-    }), DialogContent = DialogContentFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(param, forwardedRef) {
-      var { __scopeDialog, ...props } = param, portalContext = usePortalContext(CONTENT_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...contentProps } = props, context = useDialogContext(CONTENT_NAME, __scopeDialog), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
+    }), DialogContent = DialogContentFrame.styleable(function(param, forwardedRef) {
+      var { scope, ...props } = param, context = useDialogContext(scope), { forceMount = context.forceMount, ...contentProps } = props, contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
         children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentModal, {
           context,
           ...contentProps,
@@ -19435,7 +19467,7 @@ var require_Dialog_native = __commonJS({
           children: contents
         })
       });
-    })), DialogContentModal = /* @__PURE__ */ React4.forwardRef(function(param, forwardedRef) {
+    }), DialogContentModal = /* @__PURE__ */ React4.forwardRef(function(param, forwardedRef) {
       var { children, context, ...props } = param, contentRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.contentRef, contentRef);
       return React4.useEffect(function() {
         if (import_constants4.isWeb && context.open) {
@@ -19499,11 +19531,12 @@ var require_Dialog_native = __commonJS({
         }
       });
     }), DialogContentImpl = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, context, ...contentProps } = props, contentRef = React4.useRef(
+      var { trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, context, ...contentProps } = props, contentRef = React4.useRef(
         // TODO react 19 type workaround
         void 0
-      ), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isAdapted = (0, import_adapt.useAdaptIsActive)();
+      ), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
       if (isAdapted) return !import_constants4.isWeb && !context.open ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalItem, {
+        context,
         children: contentProps.children
       });
       var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentFrame, {
@@ -19544,7 +19577,7 @@ var require_Dialog_native = __commonJS({
     }), DialogTitleFrame = (0, import_core12.styled)(import_text2.H2, {
       name: "DialogTitle"
     }), DialogTitle = DialogTitleFrame.styleable(function(props, forwardedRef) {
-      var { __scopeDialog, ...titleProps } = props, context = useDialogContext("DialogTitle", __scopeDialog);
+      var { scope, ...titleProps } = props, context = useDialogContext(scope);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogTitleFrame, {
         id: context.titleId,
         ...titleProps,
@@ -19552,8 +19585,8 @@ var require_Dialog_native = __commonJS({
       });
     }), DialogDescriptionFrame = (0, import_core12.styled)(import_text2.Paragraph, {
       name: "DialogDescription"
-    }), DESCRIPTION_NAME = "DialogDescription", DialogDescription = DialogDescriptionFrame.styleable(function(props, forwardedRef) {
-      var { __scopeDialog, ...descriptionProps } = props, context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
+    }), DialogDescription = DialogDescriptionFrame.styleable(function(props, forwardedRef) {
+      var { scope, ...descriptionProps } = props, context = useDialogContext(scope);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogDescriptionFrame, {
         id: context.descriptionId,
         ...descriptionProps,
@@ -19563,10 +19596,7 @@ var require_Dialog_native = __commonJS({
       name: CLOSE_NAME,
       tag: "button"
     }), DialogClose = DialogCloseFrame.styleable(function(props, forwardedRef) {
-      var { __scopeDialog, displayWhenAdapted, ...closeProps } = props, context = useDialogContext(CLOSE_NAME, __scopeDialog, {
-        warn: !1,
-        fallback: {}
-      }), isAdapted = (0, import_adapt.useAdaptIsActive)(), isInsideButton = React4.useContext(import_stacks3.ButtonNestingContext);
+      var { scope, displayWhenAdapted, ...closeProps } = props, context = useDialogContext(scope), isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope), isInsideButton = React4.useContext(import_stacks3.ButtonNestingContext);
       return isAdapted && !displayWhenAdapted ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogCloseFrame, {
         accessibilityLabel: "Dialog Close",
         tag: isInsideButton ? "span" : "button",
@@ -19585,10 +19615,7 @@ var require_Dialog_native = __commonJS({
       titleName: "DialogTitle",
       docsSlug: "dialog"
     }), Dialog = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React4.forwardRef(function(props, ref) {
-      var { __scopeDialog, children, open: openProp, defaultOpen = !1, onOpenChange, modal = !0, disableRemoveScroll = !1 } = props, baseId = React4.useId(), scopeId = `scope-${baseId}`, contentId = `content-${baseId}`, titleId = `title-${baseId}`, descriptionId = `description-${baseId}`, scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId, adaptName = getAdaptName({
-        scopeKey,
-        contentId
-      }), triggerRef = React4.useRef(null), contentRef = React4.useRef(null), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+      var { scope = "", children, open: openProp, defaultOpen = !1, onOpenChange, modal = !0, disableRemoveScroll = !1 } = props, baseId = React4.useId(), dialogId = `Dialog-${scope}-${baseId}`, contentId = `${dialogId}-content`, titleId = `${dialogId}-title`, descriptionId = `${dialogId}-description`, triggerRef = React4.useRef(null), contentRef = React4.useRef(null), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
         prop: openProp,
         defaultProp: defaultOpen,
         onChange: onOpenChange
@@ -19598,9 +19625,9 @@ var require_Dialog_native = __commonJS({
         });
       }, [
         setOpen
-      ]), context = {
-        scope: __scopeDialog,
-        scopeKey,
+      ]), adaptScope = `DialogAdapt${scope}`, context = {
+        dialogScope: scope,
+        adaptScope,
         triggerRef,
         contentRef,
         contentId,
@@ -19610,8 +19637,7 @@ var require_Dialog_native = __commonJS({
         onOpenChange: setOpen,
         onOpenToggle,
         modal,
-        disableRemoveScroll,
-        adaptName
+        disableRemoveScroll
       };
       return React4.useImperativeHandle(ref, function() {
         return {
@@ -19620,15 +19646,16 @@ var require_Dialog_native = __commonJS({
       }, [
         setOpen
       ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParent, {
-        scope: adaptName,
+        scope: adaptScope,
         portal: {
           forwardProps: props
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogProvider, {
+          scope,
           ...context,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogSheetController, {
             onOpenChange: setOpen,
-            __scopeDialog,
+            scope,
             children
           })
         })
@@ -19644,11 +19671,8 @@ var require_Dialog_native = __commonJS({
       Sheet: import_sheet.Sheet.Controlled,
       FocusScope: import_focus_scope.FocusScopeController,
       Adapt: import_adapt.Adapt
-    }), getAdaptName = function(param) {
-      var { scopeKey, contentId } = param;
-      return `${scopeKey || contentId}DialogAdapt`;
-    }, DialogSheetController = function(props) {
-      var context = useDialogContext("DialogSheetController", props.__scopeDialog), isAdapted = (0, import_adapt.useAdaptIsActive)();
+    }), DialogSheetController = function(props) {
+      var context = useDialogContext(props.scope), isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sheet.SheetController, {
         onOpenChange: function(val) {
           if (isAdapted) {
@@ -19779,15 +19803,12 @@ var require_AlertDialog_native = __commonJS({
       },
       AlertDialogTrigger: function() {
         return AlertDialogTrigger;
-      },
-      createAlertDialogScope: function() {
-        return createAlertDialogScope;
       }
     });
     module2.exports = __toCommonJS2(AlertDialog_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_create_context = require_index_native32(), import_dialog = require_index_native39(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
-      import_dialog.createDialogScope
-    ]), useDialogScope = (0, import_dialog.createDialogScope)(), TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_dialog = require_index_native39(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), AlertScopePrefix = "Alert__", getAlertDialogScope = function(scope) {
+      return AlertScopePrefix + scope;
+    }, ROOT_NAME = "AlertDialog", TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
     }), AlertDialogTrigger = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       if (props.__native) {
@@ -19797,46 +19818,40 @@ var require_AlertDialog_native = __commonJS({
           onPress: (0, import_helpers.composeEventHandlers)(onPress, __onPress)
         });
       }
-      var { __scopeAlertDialog, ...triggerProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+      var { scope, ...triggerProps } = props;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogTrigger, {
-        ...dialogScope,
+        scope: getAlertDialogScope(scope),
         ...triggerProps,
         ref: forwardedRef
       });
-    });
-    AlertDialogTrigger.displayName = TRIGGER_NAME;
-    var PORTAL_NAME = "AlertDialogPortal", AlertDialogPortal = function(props) {
-      var { __scopeAlertDialog, ...portalProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+    }), AlertDialogPortal = function(props) {
+      var { scope, ...portalProps } = props;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogPortal, {
-        ...dialogScope,
+        scope: getAlertDialogScope(scope),
         ...portalProps
       });
-    };
-    AlertDialogPortal.displayName = PORTAL_NAME;
-    var OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = (0, import_core12.styled)(import_dialog.DialogOverlayFrame, {
+    }, OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = (0, import_core12.styled)(import_dialog.DialogOverlayFrame, {
       name: OVERLAY_NAME
     }), AlertDialogOverlay = AlertDialogOverlayFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeAlertDialog, ...overlayProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+      var { scope, ...overlayProps } = props;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogOverlay, {
-        ...dialogScope,
+        scope: getAlertDialogScope(scope),
         ...overlayProps,
         ref: forwardedRef
       });
-    }));
-    AlertDialogOverlay.displayName = OVERLAY_NAME;
-    var CONTENT_NAME = "AlertDialogContent", [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME), AlertDialogContent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeAlertDialog, children, ...contentProps } = props, dialogScope = useDialogScope(__scopeAlertDialog), contentRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), cancelRef = React4.useRef(null);
+    })), CONTENT_NAME = "AlertDialogContent", { Provider: AlertDialogContextProvider, useStyledContext: useAlertDialogContentContext } = (0, import_core12.createStyledContext)({}, "AlertDialogContext"), AlertDialogContent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+      var { scope, children, ...contentProps } = props, dialogScope = getAlertDialogScope(scope), contentRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), cancelRef = React4.useRef(null);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogWarningProvider, {
         contentName: CONTENT_NAME,
         titleName: TITLE_NAME,
         docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertDialogContentProvider, {
-          scope: __scopeAlertDialog,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertDialogContextProvider, {
+          scope,
           cancelRef,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_dialog.DialogContent, {
             // @ts-ignore
             role: "alertdialog",
-            ...dialogScope,
+            scope: dialogScope,
             ...contentProps,
             ref: composedRefs,
             onOpenAutoFocus: (0, import_helpers.composeEventHandlers)(contentProps.onOpenAutoFocus, function(event) {
@@ -19868,46 +19883,36 @@ var require_AlertDialog_native = __commonJS({
           })
         })
       });
-    });
-    AlertDialogContent.displayName = CONTENT_NAME;
-    var TITLE_NAME = "AlertDialogTitle", AlertDialogTitle = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeAlertDialog, ...titleProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+    }), TITLE_NAME = "AlertDialogTitle", AlertDialogTitle = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+      var { scope, ...titleProps } = props;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogTitle, {
-        ...dialogScope,
+        scope: getAlertDialogScope(scope),
         ...titleProps,
         ref: forwardedRef
       });
-    });
-    AlertDialogTitle.displayName = TITLE_NAME;
-    var DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescription = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeAlertDialog, ...descriptionProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+    }), DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescription = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+      var { scope, ...descriptionProps } = props;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogDescription, {
-        ...dialogScope,
+        scope: getAlertDialogScope(scope),
         ...descriptionProps,
         ref: forwardedRef
       });
-    });
-    AlertDialogDescription.displayName = DESCRIPTION_NAME;
-    var ACTION_NAME = "AlertDialogAction", AlertDialogAction = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeAlertDialog, ...actionProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+    }), ACTION_NAME = "AlertDialogAction", AlertDialogAction = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+      var { scope, ...actionProps } = props;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogClose, {
-        ...dialogScope,
+        scope: getAlertDialogScope(scope),
         ...actionProps,
         ref: forwardedRef
       });
-    });
-    AlertDialogAction.displayName = ACTION_NAME;
-    var CANCEL_NAME = "AlertDialogCancel", AlertDialogCancel = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeAlertDialog, ...cancelProps } = props, { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog), dialogScope = useDialogScope(__scopeAlertDialog), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, cancelRef);
+    }), CANCEL_NAME = "AlertDialogCancel", AlertDialogCancel = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+      var { scope, ...cancelProps } = props, { cancelRef } = useAlertDialogContentContext(scope), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, cancelRef);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogClose, {
-        ...dialogScope,
+        scope: getAlertDialogScope(scope),
         ...cancelProps,
         ref
       });
-    });
-    AlertDialogCancel.displayName = CANCEL_NAME;
-    var AlertDialogInner = function(props) {
-      var { __scopeAlertDialog, native, ...alertDialogProps } = props, dialogScope = useDialogScope(__scopeAlertDialog), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    }), AlertDialogInner = function(props) {
+      var { scope, native, ...alertDialogProps } = props, dialogScope = getAlertDialogScope(scope), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
         prop: props.open,
         defaultProp: props.defaultOpen || !1,
         onChange: props.onOpenChange,
@@ -19953,7 +19958,7 @@ var require_AlertDialog_native = __commonJS({
           setOpen(!0);
         }
       }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.Dialog, {
-        ...dialogScope,
+        scope: dialogScope,
         ...alertDialogProps,
         modal: !0
       });
@@ -20444,7 +20449,7 @@ var require_Avatar_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Avatar_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native20(), import_create_context = require_index_native32(), import_helpers = require_index_native7(), import_image = require_index_native41(), import_shapes = require_index_native42(), import_stacks3 = require_index_native24(), React4 = __toESM2(require("react")), AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native20(), import_create_context = require_index_native33(), import_helpers = require_index_native7(), import_image = require_index_native41(), import_shapes = require_index_native42(), import_stacks3 = require_index_native24(), React4 = __toESM2(require("react")), AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var _getShapeSize, { __scopeAvatar, src, onLoadingStatusChange = function() {
       }, ...imageProps } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React4.useState("idle"), shapeSize = (0, import_core12.getVariableValue)((_getShapeSize = (0, import_shapes.getShapeSize)(
         context.size,
@@ -21826,7 +21831,7 @@ var require_Label_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Label_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_create_context = require_index_native32(), import_focusable2 = require_index_native48(), import_get_button_sized2 = require_index_native23(), import_get_font_sized2 = require_index_native25(), import_text2 = require_index_native26(), import_web = require_index_native15(), React4 = __toESM2(require("react")), NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_create_context = require_index_native33(), import_focusable2 = require_index_native48(), import_get_button_sized2 = require_index_native23(), import_get_font_sized2 = require_index_native25(), import_text2 = require_index_native26(), import_web = require_index_native15(), React4 = __toESM2(require("react")), NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
       id: void 0,
       controlRef: {
         current: null
@@ -22625,7 +22630,7 @@ var require_Form_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Form_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native20(), import_create_context = require_index_native32(), import_helpers = require_index_native7(), FORM_NAME = "Form", FormFrame = (0, import_core12.styled)(import_core12.Stack, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native20(), import_create_context = require_index_native33(), import_helpers = require_index_native7(), FORM_NAME = "Form", FormFrame = (0, import_core12.styled)(import_core12.Stack, {
       name: FORM_NAME,
       tag: "form"
     }), [createFormContext] = (0, import_create_context.createContextScope)(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = (0, import_core12.styled)(import_core12.View, {
@@ -22867,7 +22872,7 @@ var require_Group_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Group_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native20(), import_create_context = require_index_native32(), import_helpers = require_index_native7(), import_stacks3 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_react3 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_useIndexedChildren = require_useIndexedChildren_native(), GROUP_NAME = "Group", [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native20(), import_create_context = require_index_native33(), import_helpers = require_index_native7(), import_stacks3 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_react3 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_useIndexedChildren = require_useIndexedChildren_native(), GROUP_NAME = "Group", [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "GroupFrame",
       variants: {
         unstyled: {
@@ -23815,17 +23820,20 @@ var require_Popper_native = __commonJS({
       PopperArrow: function() {
         return PopperArrow;
       },
+      PopperArrowFrame: function() {
+        return PopperArrowFrame;
+      },
       PopperContent: function() {
         return PopperContent;
       },
       PopperContentFrame: function() {
         return PopperContentFrame;
       },
-      PopperContext: function() {
-        return PopperContext;
+      PopperContextFast: function() {
+        return PopperContextFast;
       },
-      PopperInfrequentContext: function() {
-        return PopperInfrequentContext;
+      PopperContextSlow: function() {
+        return PopperContextSlow;
       },
       PopperPositionContext: function() {
         return PopperPositionContext;
@@ -23833,20 +23841,59 @@ var require_Popper_native = __commonJS({
       PopperProvider: function() {
         return PopperProvider;
       },
+      PopperProviderFast: function() {
+        return PopperProviderFast;
+      },
+      PopperProviderSlow: function() {
+        return PopperProviderSlow;
+      },
       setupPopper: function() {
         return setupPopper;
       },
       usePopperContext: function() {
         return usePopperContext;
       },
-      usePopperInfrequentContext: function() {
-        return usePopperInfrequentContext;
+      usePopperContextSlow: function() {
+        return usePopperContextSlow;
       }
     });
     module2.exports = __toCommonJS2(Popper_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_floating = require_index_native58(), import_get_token2 = require_index_native22(), import_stacks3 = require_index_native24(), import_start_transition = require_index_native9(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), PopperContext = (0, import_core12.createStyledContext)({}), PopperPositionContext = import_core12.createStyledContext, { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext, PopperInfrequentContext = (0, import_core12.createStyledContext)({
-      size: void 0
-    }), usePopperInfrequentContext = PopperInfrequentContext.useStyledContext, checkFloating = {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_floating = require_index_native58(), import_get_token2 = require_index_native22(), import_stacks3 = require_index_native24(), import_start_transition = require_index_native9(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), PopperContextFast = (0, import_core12.createStyledContext)(
+      // since we always provide this we can avoid setting here
+      {},
+      "Popper__"
+    ), PopperPositionContext = import_core12.createStyledContext, { useStyledContext: usePopperContext, Provider: PopperProviderFast } = PopperContextFast, PopperContextSlow = (0, import_core12.createStyledContext)(
+      // since we always provide this we can avoid setting here
+      {},
+      "PopperSlow__"
+    ), { useStyledContext: usePopperContextSlow, Provider: PopperProviderSlow } = PopperContextSlow, PopperProvider = function(param) {
+      var { scope, children, ...context } = param, slowContext = getContextSlow(context);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperProviderFast, {
+        scope,
+        ...context,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperProviderSlow, {
+          scope,
+          ...slowContext,
+          children
+        })
+      });
+    };
+    function getContextSlow(context) {
+      return {
+        refs: context.refs,
+        size: context.size,
+        arrowRef: context.arrowRef,
+        arrowStyle: context.arrowStyle,
+        onArrowSize: context.onArrowSize,
+        hasFloating: context.hasFloating,
+        strategy: context.strategy,
+        update: context.update,
+        context: context.context,
+        getFloatingProps: context.getFloatingProps,
+        getReferenceProps: context.getFloatingProps
+      };
+    }
+    var checkFloating = {
       name: "checkFloating",
       fn(data) {
         return {
@@ -23860,7 +23907,7 @@ var require_Popper_native = __commonJS({
       Object.assign(setupOptions, options);
     }
     function Popper(props) {
-      var _middlewareData_checkFloating, { children, size: size2, strategy = "absolute", placement = "bottom", stayInFrame, allowFlip, offset: offset2, disableRTL, resize, passThrough, open, __scopePopper } = props, [arrowEl, setArrow] = React4.useState(null), [arrowSize, setArrowSize] = React4.useState(0), offsetOptions = offset2 ?? arrowSize, floatingStyle = React4.useRef({}), floating = (0, import_floating.useFloating)({
+      var _middlewareData_checkFloating, { children, size: size2, strategy = "absolute", placement = "bottom", stayInFrame, allowFlip, offset: offset2, disableRTL, resize, passThrough, open, scope } = props, [arrowEl, setArrow] = React4.useState(null), [arrowSize, setArrowSize] = React4.useState(0), offsetOptions = offset2 ?? arrowSize, floatingStyle = React4.useRef({}), floating = (0, import_floating.useFloating)({
         open: passThrough ? !1 : open || !0,
         strategy,
         placement,
@@ -23909,31 +23956,39 @@ var require_Popper_native = __commonJS({
         arrowRef: setArrow,
         arrowStyle: middlewareData.arrow,
         onArrowSize: setArrowSize,
-        scope: __scopePopper,
         hasFloating: (_middlewareData_checkFloating = middlewareData.checkFloating) === null || _middlewareData_checkFloating === void 0 ? void 0 : _middlewareData_checkFloating.hasFloating,
         ...floating
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperInfrequentContext.Provider, {
-        size: size2,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperProvider, {
-          ...popperContext,
-          children
-        })
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperProvider, {
+        scope,
+        ...popperContext,
+        children
       });
     }
     var PopperAnchor = import_stacks3.YStack.extractable(/* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { virtualRef, __scopePopper, ...anchorProps } = props, { getReferenceProps, refs } = usePopperContext(__scopePopper), ref = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref, refs.setReference);
+      var { virtualRef, scope, ...anchorProps } = props, context = usePopperContextSlow(scope), { getReferenceProps, refs, update } = context, ref = React4.useRef(null);
       React4.useEffect(function() {
         virtualRef && refs.setReference(virtualRef.current);
       }, [
         virtualRef
       ]);
-      var stackProps = {
-        ref: composedRefs,
-        ...anchorProps
-      };
+      var stackProps = anchorProps, refProps = getReferenceProps ? getReferenceProps(stackProps) : null, composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.View, {
-        ...getReferenceProps ? getReferenceProps(stackProps) : stackProps
+        ...refProps,
+        ref: composedRefs,
+        // this helps us with handling scoped poppers with many different targets
+        // basically we wait for mouseEnter to ever set a reference and remove it on leave
+        // otherwise floating ui gets confused by having >1 reference
+        onMouseEnter: function(e) {
+          ref.current instanceof HTMLElement && (refs.setReference(ref.current), setTimeout(function() {
+            var _refProps_onPointerEnter;
+            (_refProps_onPointerEnter = refProps.onPointerEnter) === null || _refProps_onPointerEnter === void 0 || _refProps_onPointerEnter.call(refProps, e), update();
+          }));
+        },
+        onMouseLeave: function(e) {
+          var _refProps_onMouseLeave;
+          refProps == null || (_refProps_onMouseLeave = refProps.onMouseLeave) === null || _refProps_onMouseLeave === void 0 || _refProps_onMouseLeave.call(refProps, e);
+        }
       });
     })), PopperContentFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "PopperContent",
@@ -23960,7 +24015,7 @@ var require_Popper_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), PopperContent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopePopper, enableAnimationForPositionChange, children, passThrough, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size2 } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React4.useState(enableAnimationForPositionChange);
+      var { scope, enableAnimationForPositionChange, children, passThrough, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size2 } = usePopperContext(scope), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React4.useState(enableAnimationForPositionChange);
       (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         needsMeasure && x && y && setNeedsMeasure(!1);
       }, [
@@ -23978,9 +24033,9 @@ var require_Popper_native = __commonJS({
         position: strategy,
         opacity: 1,
         ...enableAnimationForPositionChange && {
-          // apply animation but disable it on initial render to avoid animating from 0 to the first position
           animation: rest.animation,
           animateOnly: needsMeasure ? [] : rest.animateOnly,
+          // apply animation but disable it on initial render to avoid animating from 0 to the first position
           animatePresence: !1
         },
         ...hide2 && {
@@ -23988,7 +24043,7 @@ var require_Popper_native = __commonJS({
           animateOnly: []
         }
       }, { style, ...floatingProps } = getFloatingProps ? getFloatingProps(frameProps) : frameProps;
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.View, {
         passThrough,
         ref: contentRefs,
         ...passThrough ? null : floatingProps,
@@ -24041,8 +24096,8 @@ var require_Popper_native = __commonJS({
       right: "left",
       bottom: "top",
       left: "right"
-    }, PopperArrow = PopperArrowFrame.styleable(function(propsIn, forwardedRef) {
-      var _context_arrowStyle, _context_arrowStyle1, { __scopePopper, ...rest } = propsIn, props = (0, import_core12.useProps)(rest), { offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props, context = usePopperContext(__scopePopper), sizeVal = typeof sizeProp == "number" ? sizeProp : (0, import_core12.getVariableValue)((0, import_get_token2.getSpace)(sizeProp ?? context.size, {
+    }, PopperArrow = /* @__PURE__ */ React4.forwardRef(function(propsIn, forwardedRef) {
+      var _context_arrowStyle, _context_arrowStyle1, { scope, ...rest } = propsIn, props = (0, import_core12.useProps)(rest), { offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props, context = usePopperContext(scope), sizeVal = typeof sizeProp == "number" ? sizeProp : (0, import_core12.getVariableValue)((0, import_get_token2.getSpace)(sizeProp ?? context.size, {
         shift: -2,
         bounds: [
           2
@@ -24272,8 +24327,12 @@ var require_Popover_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Popover_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native31(), import_animate = require_index_native57(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native33(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_floating = require_index_native58(), import_focus_scope = require_index_native35(), import_helpers = require_index_native7(), import_popper = require_index_native59(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native36(), import_scroll_view = require_index_native37(), import_sheet = require_index_native38(), import_stacks3 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native29(), React4 = __toESM2(require("react")), import_useFloatingContext = require_useFloatingContext_native(), needsRepropagation = import_constants4.isAndroid || import_constants4.isIos && !import_portal2.USE_NATIVE_PORTAL, POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover || POPOVER_SCOPE), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native31(), import_animate = require_index_native57(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native32(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_floating = require_index_native58(), import_focus_scope = require_index_native35(), import_helpers = require_index_native7(), import_popper = require_index_native59(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native36(), import_scroll_view = require_index_native37(), import_sheet = require_index_native38(), import_stacks3 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native29(), React4 = __toESM2(require("react")), import_useFloatingContext = require_useFloatingContext_native(), needsRepropagation = import_constants4.isAndroid || import_constants4.isIos && !import_portal2.USE_NATIVE_PORTAL, PopoverContext = (0, import_core12.createStyledContext)(
+      // since we always provide this we can avoid setting here
+      {},
+      "Popover__"
+    ), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+      var { scope, ...rest } = props, context = usePopoverContext(scope), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
       return React4.useEffect(function() {
         return onCustomAnchorAdd(), function() {
           return onCustomAnchorRemove();
@@ -24282,12 +24341,12 @@ var require_Popover_native = __commonJS({
         onCustomAnchorAdd,
         onCustomAnchorRemove
       ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperAnchor, {
-        __scopePopper: __scopePopover || POPOVER_SCOPE,
+        scope,
         ...rest,
         ref: forwardedRef
       });
     }), PopoverTrigger = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover || POPOVER_SCOPE), anchorTo = context.anchorTo, composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
+      var { scope, ...rest } = props, context = usePopoverContext(scope), anchorTo = context.anchorTo, composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
       if (!props.children) return null;
       var trigger = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.View, {
         "aria-expanded": context.open,
@@ -24326,12 +24385,14 @@ var require_Popover_native = __commonJS({
         ...virtualRef && {
           virtualRef
         },
-        __scopePopper: __scopePopover || POPOVER_SCOPE,
+        scope,
         asChild: rest.asChild,
         children: trigger
       });
-    }), PopoverContent = import_popper.PopperContentFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { trapFocus, enableRemoveScroll = !1, zIndex, __scopePopover, ...contentImplProps } = props, context = usePopoverContext(__scopePopover || POPOVER_SCOPE), contentRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isRightClickOutsideRef = React4.useRef(!1), [isFullyHidden, setIsFullyHidden] = React4.useState(!context.open);
+    }), PopoverContentFrame = (0, import_core12.styled)(import_popper.PopperContentFrame, {
+      name: "Popover"
+    }), PopoverContent = PopoverContentFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+      var { trapFocus, enableRemoveScroll = !1, zIndex, scope, ...contentImplProps } = props, context = usePopoverContext(scope), contentRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isRightClickOutsideRef = React4.useRef(!1), [isFullyHidden, setIsFullyHidden] = React4.useState(!context.open);
       if (context.open && isFullyHidden && setIsFullyHidden(!1), React4.useEffect(function() {
         if (context.open) {
           var content = contentRef.current;
@@ -24343,17 +24404,18 @@ var require_Popover_native = __commonJS({
       var _contentImplProps_pointerEvents;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverPortal, {
         passThrough: context.breakpointActive,
-        __scopePopover: __scopePopover || POPOVER_SCOPE,
+        context,
         zIndex,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
           passThrough: context.breakpointActive,
           pointerEvents: context.open ? (_contentImplProps_pointerEvents = contentImplProps.pointerEvents) !== null && _contentImplProps_pointerEvents !== void 0 ? _contentImplProps_pointerEvents : "auto" : "none",
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentImpl, {
             ...contentImplProps,
+            context,
             enableRemoveScroll,
             ref: composedRefs,
             setIsFullyHidden,
-            __scopePopover: __scopePopover || POPOVER_SCOPE,
+            scope,
             // we make sure we're not trapping once it's been closed
             // (closed !== unmounted when animating out)
             trapFocus: trapFocus ?? context.open,
@@ -24379,7 +24441,7 @@ var require_Popover_native = __commonJS({
         })
       });
     })), useParentContexts = function(scope) {
-      var popperContext = (0, import_popper.usePopperContext)(scope || POPOVER_SCOPE), adaptContext = (0, import_adapt.useAdaptContext)(), context = usePopoverContext(scope || POPOVER_SCOPE);
+      var context = usePopoverContext(scope), popperContext = (0, import_popper.usePopperContext)(scope), adaptContext = (0, import_adapt.useAdaptContext)(context.adaptScope);
       return {
         popperContext,
         adaptContext,
@@ -24387,9 +24449,9 @@ var require_Popover_native = __commonJS({
       };
     };
     function RepropagateParentContexts(param) {
-      var { adaptContext, children, context, popperContext, scope } = param;
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContext.Provider, {
-        scope,
+      var { adaptContext, children, context, popperContext } = param;
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperProvider, {
+        scope: context.popoverScope,
         ...popperContext,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContext.Provider, {
           ...context,
@@ -24401,40 +24463,40 @@ var require_Popover_native = __commonJS({
       });
     }
     var PortalAdaptSafe = function(param) {
-      var { children, __scopePopover } = param;
+      var { children, context } = param;
       if (needsRepropagation) {
-        var scope = __scopePopover || POPOVER_SCOPE, parentContexts = useParentContexts(scope);
+        var parentContexts = useParentContexts(context.popoverScope);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
+          scope: context.adaptScope,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RepropagateParentContexts, {
-            scope,
             ...parentContexts,
             children
           })
         });
       }
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
+        scope: context.adaptScope,
         children
       });
     };
-    function PopoverPortal(props) {
-      var scope = props.__scopePopover || POPOVER_SCOPE, zIndex = props.zIndex, themeName = (0, import_core12.useThemeName)(), content = props.children;
+    function PopoverPortal(param) {
+      var { context, zIndex, passThrough, children } = param, themeName = (0, import_core12.useThemeName)(), content = children;
       if (needsRepropagation) {
-        var parentContexts = useParentContexts(scope);
+        var parentContexts = useParentContexts(context.popoverScope);
         content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RepropagateParentContexts, {
-          scope,
           ...parentContexts,
           children: content
         });
       }
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
-        passThrough: props.passThrough,
+        passThrough,
         stackZIndex: !0,
         zIndex,
         children: (
           /* forceClassName avoids forced re-mount renders for some reason... see the HeadMenu as you change tints a few times */
           /* without this you'll see the site menu re-rendering. It must be something in wrapping children in Theme */
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
-            passThrough: props.passThrough,
+            passThrough,
             contain: !0,
             forceClassName: !0,
             name: themeName,
@@ -24447,7 +24509,7 @@ var require_Popover_native = __commonJS({
       });
     }
     var PopoverContentImpl = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { trapFocus, __scopePopover, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, disableFocusScope, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, children, enableRemoveScroll, freezeContentsWhenHidden, setIsFullyHidden, lazyMount, ...contentProps } = props, context = usePopoverContext(__scopePopover || POPOVER_SCOPE), { open, keepChildrenMounted } = context, handleExitComplete = React4.useCallback(function() {
+      var { trapFocus, scope, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, disableFocusScope, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, children, enableRemoveScroll, freezeContentsWhenHidden, setIsFullyHidden, lazyMount, context, ...contentProps } = props, { open, keepChildrenMounted } = context, handleExitComplete = React4.useCallback(function() {
         setIsFullyHidden == null || setIsFullyHidden(!0);
       }, [
         setIsFullyHidden
@@ -24463,19 +24525,20 @@ var require_Popover_native = __commonJS({
         lazyMount,
         passThrough: context.breakpointActive,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContent, {
-          __scopePopper: __scopePopover || POPOVER_SCOPE,
+          scope,
           "data-state": getState(open),
           id: context.contentId,
           ref: forwardedRef,
           passThrough: context.breakpointActive,
           ...contentProps,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalAdaptSafe, {
+            context,
             children: contents
           })
         }, context.contentId)
       });
     }), PopoverClose = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover || POPOVER_SCOPE);
+      var { scope, ...rest } = props, context = usePopoverContext(scope);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_stacks3.YStack, {
         ...rest,
         ref: forwardedRef,
@@ -24485,16 +24548,16 @@ var require_Popover_native = __commonJS({
           return context == null || (_context_onOpenChange = context.onOpenChange) === null || _context_onOpenChange === void 0 ? void 0 : _context_onOpenChange.call(context, !1, "press");
         })
       });
-    }), PopoverArrow = import_popper.PopperArrow.styleable(function(props, forwardedRef) {
-      var { __scopePopover, ...rest } = props, isAdapted = (0, import_adapt.useAdaptIsActive)();
+    }), PopoverArrow = import_popper.PopperArrowFrame.styleable(function(props, forwardedRef) {
+      var { scope, ...rest } = props, context = usePopoverContext(scope), isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
       return isAdapted ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperArrow, {
-        __scopePopper: __scopePopover || POPOVER_SCOPE,
+        scope,
         componentName: "PopoverArrow",
         ...rest,
         ref: forwardedRef
       });
-    }), PopoverScrollView = /* @__PURE__ */ React4.forwardRef(function(props, ref) {
-      var context = usePopoverContext(POPOVER_SCOPE);
+    }), PopoverScrollView = /* @__PURE__ */ React4.forwardRef(function(param, ref) {
+      var { scope, ...props } = param, context = usePopoverContext(scope);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_scroll_view.ScrollView, {
         ref,
         // when adapted, no pointer events!
@@ -24503,14 +24566,16 @@ var require_Popover_native = __commonJS({
         passThrough: context.breakpointActive,
         ...props
       });
-    }), Popover = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React4.forwardRef(function(props, ref) {
-      var id = React4.useId();
+    }), DEFAULT_SCOPE = "", Popover = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React4.forwardRef(function(param, ref) {
+      var { scope = DEFAULT_SCOPE, ...props } = param, id = React4.useId(), adaptScope = `PopoverAdapt${scope}`;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParent, {
-        scope: `${id}PopoverContents`,
+        scope: adaptScope,
         portal: !0,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverInner, {
+          adaptScope,
           ref,
           id,
+          scope,
           ...props
         })
       });
@@ -24525,7 +24590,7 @@ var require_Popover_native = __commonJS({
       Sheet: import_sheet.Sheet.Controlled,
       FocusScope: import_focus_scope.FocusScopeController
     }), PopoverInner = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { children, open: openProp, defaultOpen, onOpenChange, __scopePopover, keepChildrenMounted: keepChildrenMountedProp, hoverable, disableFocus, id, ...restProps } = props, triggerRef = React4.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React4.useState(!1), viaRef = React4.useRef(void 0), [keepChildrenMounted] = (0, import_use_controllable_state.useControllableState)({
+      var { children, open: openProp, defaultOpen, onOpenChange, scope = DEFAULT_SCOPE, keepChildrenMounted: keepChildrenMountedProp, hoverable, disableFocus, id, adaptScope, ...restProps } = props, triggerRef = React4.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React4.useState(!1), viaRef = React4.useRef(void 0), [keepChildrenMounted] = (0, import_use_controllable_state.useControllableState)({
         prop: keepChildrenMountedProp,
         defaultProp: !1,
         transition: keepChildrenMountedProp === "lazy"
@@ -24537,7 +24602,7 @@ var require_Popover_native = __commonJS({
         }
       }), handleOpenChange = (0, import_core12.useEvent)(function(val, via) {
         viaRef.current = via, setOpen(val);
-      }), isAdapted = (0, import_adapt.useAdaptIsActive)(), floatingContext = (0, import_useFloatingContext.useFloatingContext)({
+      }), isAdapted = (0, import_adapt.useAdaptIsActive)(adaptScope), floatingContext = (0, import_useFloatingContext.useFloatingContext)({
         open,
         setOpen: handleOpenChange,
         disable: isAdapted,
@@ -24562,6 +24627,8 @@ var require_Popover_native = __commonJS({
         };
       });
       var popoverContext = {
+        popoverScope: scope,
+        adaptScope,
         id,
         contentId: React4.useId(),
         triggerRef,
@@ -24582,22 +24649,23 @@ var require_Popover_native = __commonJS({
         keepChildrenMounted
       }, memoizedChildren = React4.useMemo(function() {
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContext.Provider, {
-          scope: __scopePopover || POPOVER_SCOPE,
+          scope,
           ...popoverContext,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverSheetController, {
+            context: popoverContext,
             onOpenChange: setOpen,
             children
           })
         });
       }, [
-        __scopePopover,
+        scope,
         setOpen,
         children,
         ...Object.values(popoverContext)
       ]), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.Popper, {
         open,
         passThrough: isAdapted,
-        __scopePopper: __scopePopover || POPOVER_SCOPE,
+        scope,
         stayInFrame: !0,
         ...restProps,
         children: memoizedChildren
@@ -24613,7 +24681,7 @@ var require_Popover_native = __commonJS({
       return open ? "open" : "closed";
     }
     var PopoverSheetController = function(param) {
-      var { __scopePopover, ...props } = param, context = usePopoverContext(__scopePopover || POPOVER_SCOPE), showSheet = useShowPopoverSheet(context), breakpointActive = context.breakpointActive, getShowSheet = (0, import_core12.useGet)(showSheet);
+      var { context, ...props } = param, showSheet = useShowPopoverSheet(context), breakpointActive = context.breakpointActive, getShowSheet = (0, import_core12.useGet)(showSheet);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sheet.SheetController, {
         onOpenChange: function(val) {
           if (getShowSheet()) {
@@ -24626,7 +24694,7 @@ var require_Popover_native = __commonJS({
         children: props.children
       });
     }, useShowPopoverSheet = function(context) {
-      var isAdapted = (0, import_adapt.useAdaptIsActive)();
+      var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
       return context.open === !1 ? !1 : isAdapted;
     };
   }
@@ -24739,7 +24807,7 @@ var require_Progress_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Progress_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native20(), import_create_context = require_index_native32(), import_get_token2 = require_index_native22(), import_helpers = require_index_native7(), import_stacks3 = require_index_native24(), React4 = __toESM2(require("react")), PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native20(), import_create_context = require_index_native33(), import_get_token2 = require_index_native22(), import_helpers = require_index_native7(), import_stacks3 = require_index_native24(), React4 = __toESM2(require("react")), PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: INDICATOR_NAME,
       variants: {
         unstyled: {
@@ -25717,7 +25785,7 @@ var require_RadioGroupStyledContext_native = __commonJS({
     var import_core12 = require_index_native20(), RadioGroupStyledContext = (0, import_core12.createStyledContext)({
       size: "$true",
       scaleIcon: 1
-    });
+    }, "RadioGroup");
   }
 });
 
@@ -26004,71 +26072,6 @@ var require_index_native66 = __commonJS({
   }
 });
 
-// ../select/dist/cjs/constants.native.js
-var require_constants_native5 = __commonJS({
-  "../select/dist/cjs/constants.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
-      for (var name in all) __defProp2(target, name, {
-        get: all[name],
-        enumerable: !0
-      });
-    }, __copyProps2 = function(to, from, except, desc) {
-      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-      if (from && typeof from == "object" || typeof from == "function") try {
-        for (var _loop = function() {
-          var key = _step.value;
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
-            get: function() {
-              return from[key];
-            },
-            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
-          });
-        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
-      } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-        } finally {
-          if (_didIteratorError)
-            throw _iteratorError;
-        }
-      }
-      return to;
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, constants_exports = {};
-    __export2(constants_exports, {
-      FALLBACK_THRESHOLD: function() {
-        return FALLBACK_THRESHOLD;
-      },
-      MIN_HEIGHT: function() {
-        return MIN_HEIGHT;
-      },
-      SCROLL_ARROW_THRESHOLD: function() {
-        return SCROLL_ARROW_THRESHOLD;
-      },
-      SCROLL_ARROW_VELOCITY: function() {
-        return SCROLL_ARROW_VELOCITY;
-      },
-      SELECT_NAME: function() {
-        return SELECT_NAME;
-      },
-      VIEWPORT_NAME: function() {
-        return VIEWPORT_NAME;
-      },
-      WINDOW_PADDING: function() {
-        return WINDOW_PADDING;
-      }
-    });
-    module2.exports = __toCommonJS2(constants_exports);
-    var SELECT_NAME = "Select", WINDOW_PADDING = 8, SCROLL_ARROW_VELOCITY = 8, SCROLL_ARROW_THRESHOLD = 8, MIN_HEIGHT = 80, FALLBACK_THRESHOLD = 16, VIEWPORT_NAME = "SelectViewport";
-  }
-});
-
 // ../select/dist/cjs/context.native.js
 var require_context_native2 = __commonJS({
   "../select/dist/cjs/context.native.js"(exports2, module2) {
@@ -26116,18 +26119,6 @@ var require_context_native2 = __commonJS({
       SelectProvider: function() {
         return SelectProvider;
       },
-      createSelectContext: function() {
-        return createSelectContext;
-      },
-      createSelectItemParentContext: function() {
-        return createSelectItemParentContext;
-      },
-      createSelectItemParentScope: function() {
-        return createSelectItemParentScope;
-      },
-      createSelectScope: function() {
-        return createSelectScope;
-      },
       useSelectContext: function() {
         return useSelectContext;
       },
@@ -26136,14 +26127,14 @@ var require_context_native2 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(context_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_create_context = require_index_native32(), import_constants4 = require_constants_native5(), [createSelectContext, createSelectScope] = (0, import_create_context.createContextScope)(import_constants4.SELECT_NAME), [SelectProvider, useSelectContext] = createSelectContext(import_constants4.SELECT_NAME), [createSelectItemParentContext, createSelectItemParentScope] = (0, import_create_context.createContextScope)(import_constants4.SELECT_NAME), [SelectItemParentProvider, useSelectItemParentContext] = createSelectContext(import_constants4.SELECT_NAME), ForwardSelectContext = function(param) {
-      var { __scopeSelect, context, itemContext, children } = param;
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native20(), { Provider: SelectProvider, useStyledContext: useSelectContext } = (0, import_core12.createStyledContext)(null, "Select"), { Provider: SelectItemParentProvider, useStyledContext: useSelectItemParentContext } = (0, import_core12.createStyledContext)(null, "SelectItem"), ForwardSelectContext = function(param) {
+      var { context, itemContext, children } = param;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectProvider, {
         isInSheet: !0,
-        scope: __scopeSelect,
+        scope: context.scopeName,
         ...context,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectItemParentProvider, {
-          scope: __scopeSelect,
+          scope: context.scopeName,
           ...itemContext,
           children
         })
@@ -26314,13 +26305,13 @@ var require_SelectItem_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SelectItem_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_list_item = require_index_native56(), React4 = __toESM2(require("react")), import_context = require_context_native2(), ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = (0, import_context.createSelectContext)(ITEM_NAME), SelectItem = import_list_item.ListItemFrame.styleable(function(props, forwardedRef) {
-      var { __scopeSelect, value, disabled = !1, textValue: textValueProp, index, ...restProps } = props, { props: listItemProps } = (0, import_list_item.useListItem)({
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_list_item = require_index_native56(), import_core12 = require_index_native20(), React4 = __toESM2(require("react")), import_context = require_context_native2(), ITEM_NAME = "SelectItem", { Provider: SelectItemContextProvider, useStyledContext: useSelectItemContext } = (0, import_core12.createStyledContext)(null, ITEM_NAME), SelectItem = import_list_item.ListItemFrame.styleable(function(props, forwardedRef) {
+      var { scope, value, disabled = !1, textValue: textValueProp, index, ...restProps } = props, { props: listItemProps } = (0, import_list_item.useListItem)({
         ...!props.unstyled && {
           ellipse: !0
         },
         ...restProps
-      }), context = (0, import_context.useSelectItemParentContext)(ITEM_NAME, __scopeSelect), { setSelectedIndex, listRef, setOpen, onChange, activeIndexSubscribe, valueSubscribe, allowMouseUpRef, allowSelectRef, setValueAtIndex, selectTimeoutRef, dataRef, interactions, shouldRenderWebNative, size: size2, onActiveChange, initialValue } = context, [isSelected, setSelected] = React4.useState(initialValue === value);
+      }), context = (0, import_context.useSelectItemParentContext)(scope), { setSelectedIndex, listRef, setOpen, onChange, activeIndexSubscribe, valueSubscribe, allowMouseUpRef, allowSelectRef, setValueAtIndex, selectTimeoutRef, dataRef, interactions, shouldRenderWebNative, size: size2, onActiveChange, initialValue } = context, [isSelected, setSelected] = React4.useState(initialValue === value);
       React4.useEffect(function() {
         return activeIndexSubscribe(function(i) {
           var isActive = index === i;
@@ -26377,7 +26368,7 @@ var require_SelectItem_native = __commonJS({
         handleSelect
       ]);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectItemContextProvider, {
-        scope: __scopeSelect,
+        scope,
         value,
         textId: textId || "",
         isSelected,
@@ -26494,16 +26485,16 @@ var require_SelectItemText_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), SelectItemText = SelectItemTextFrame.styleable(function(props, forwardedRef) {
-      var { __scopeSelect, className, ...itemTextProps } = props, context = (0, import_context.useSelectContext)(ITEM_TEXT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(ITEM_TEXT_NAME, __scopeSelect), ref = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_TEXT_NAME, __scopeSelect), contents = React4.useRef(null);
+      var { scope, className, ...itemTextProps } = props, context = (0, import_context.useSelectContext)(scope), itemParentContext = (0, import_context.useSelectItemParentContext)(scope), ref = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), itemContext = (0, import_SelectItem.useSelectItemContext)(scope), contents = React4.useRef(null);
       return contents.current = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectItemTextFrame, {
         className,
         size: itemParentContext.size,
         id: itemContext.textId,
         ...itemTextProps,
         ref: composedRefs
-      }), React4.useEffect(function() {
+      }), (0, import_core12.useIsomorphicLayoutEffect)(function() {
         itemParentContext.initialValue === itemContext.value && !context.selectedIndex && context.setSelectedItem(contents.current);
-      }, []), React4.useEffect(function() {
+      }, []), (0, import_core12.useIsomorphicLayoutEffect)(function() {
         return itemParentContext.valueSubscribe(function(val) {
           val === itemContext.value && context.setSelectedItem(contents.current);
         });
@@ -26628,7 +26619,7 @@ var require_SelectTrigger_native = __commonJS({
     });
     module2.exports = __toCommonJS2(SelectTrigger_exports);
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_core12 = require_index_native20(), import_list_item = require_index_native56(), React4 = __toESM2(require("react")), import_context = require_context_native2(), TRIGGER_NAME = "SelectTrigger", isPointerCoarse = import_core12.isWeb && import_core12.isClient ? window.matchMedia("(pointer:coarse)").matches : !0, SelectTrigger = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var _context_floatingContext, { __scopeSelect, disabled = !1, unstyled = !1, ...triggerProps } = props, context = (0, import_context.useSelectContext)(TRIGGER_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(TRIGGER_NAME, __scopeSelect), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
+      var _context_floatingContext, { scope, disabled = !1, unstyled = !1, ...triggerProps } = props, context = (0, import_context.useSelectContext)(scope), itemParentContext = (0, import_context.useSelectItemParentContext)(scope), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
       return itemParentContext.shouldRenderWebNative ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_list_item.ListItem, {
         componentName: TRIGGER_NAME,
         unstyled,
@@ -26665,6 +26656,71 @@ var require_SelectTrigger_native = __commonJS({
   }
 });
 
+// ../select/dist/cjs/constants.native.js
+var require_constants_native5 = __commonJS({
+  "../select/dist/cjs/constants.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, constants_exports = {};
+    __export2(constants_exports, {
+      FALLBACK_THRESHOLD: function() {
+        return FALLBACK_THRESHOLD;
+      },
+      MIN_HEIGHT: function() {
+        return MIN_HEIGHT;
+      },
+      SCROLL_ARROW_THRESHOLD: function() {
+        return SCROLL_ARROW_THRESHOLD;
+      },
+      SCROLL_ARROW_VELOCITY: function() {
+        return SCROLL_ARROW_VELOCITY;
+      },
+      SELECT_NAME: function() {
+        return SELECT_NAME;
+      },
+      VIEWPORT_NAME: function() {
+        return VIEWPORT_NAME;
+      },
+      WINDOW_PADDING: function() {
+        return WINDOW_PADDING;
+      }
+    });
+    module2.exports = __toCommonJS2(constants_exports);
+    var SELECT_NAME = "Select", WINDOW_PADDING = 8, SCROLL_ARROW_VELOCITY = 8, SCROLL_ARROW_THRESHOLD = 8, MIN_HEIGHT = 80, FALLBACK_THRESHOLD = 16, VIEWPORT_NAME = "SelectViewport";
+  }
+});
+
 // ../select/dist/cjs/SelectViewport.native.js
 var require_SelectViewport_native = __commonJS({
   "../select/dist/cjs/SelectViewport.native.js"(exports2, module2) {
@@ -26709,12 +26765,12 @@ var require_SelectViewport_native = __commonJS({
     });
     module2.exports = __toCommonJS2(SelectViewport_native_exports);
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native31(), import_core12 = require_index_native20(), import_constants4 = require_constants_native5(), import_context = require_context_native2(), SelectViewport = function(props) {
-      var { __scopeSelect, children } = props, context = (0, import_context.useSelectContext)(import_constants4.VIEWPORT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(import_constants4.VIEWPORT_NAME, __scopeSelect), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)();
+      var { scope, children } = props, context = (0, import_context.useSelectContext)(scope), itemParentContext = (0, import_context.useSelectItemParentContext)(scope), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)();
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
+        scope: context.adaptScope,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
           name: themeName,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_context.ForwardSelectContext, {
-            __scopeSelect,
             itemContext: itemParentContext,
             context,
             children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptContext.Provider, {
@@ -26773,7 +26829,7 @@ var require_useSelectBreakpointActive_native = __commonJS({
     });
     module2.exports = __toCommonJS2(useSelectBreakpointActive_exports);
     var import_adapt = require_index_native31(), useShowSelectSheet = function(context) {
-      var breakpointActive = (0, import_adapt.useAdaptIsActive)();
+      var breakpointActive = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
       return context.open === !1 ? !1 : breakpointActive;
     };
   }
@@ -26847,7 +26903,7 @@ var require_Select_native = __commonJS({
       name: VALUE_NAME,
       userSelect: "none"
     }), SelectValue = SelectValueFrame.styleable(function(param, forwardedRef) {
-      var { __scopeSelect, children: childrenProp, placeholder, ...props } = param, context = (0, import_context.useSelectContext)(VALUE_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(VALUE_NAME, __scopeSelect), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.onValueNodeChange), children = childrenProp ?? context.selectedItem, isEmptyValue = context.value == null || context.value === "", selectValueChildren = isEmptyValue ? placeholder ?? children : children;
+      var { scope, children: childrenProp, placeholder, ...props } = param, context = (0, import_context.useSelectContext)(scope), itemParentContext = (0, import_context.useSelectItemParentContext)(scope), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.onValueNodeChange), children = childrenProp ?? context.selectedItem, isEmptyValue = context.value == null || context.value === "", selectValueChildren = isEmptyValue ? placeholder ?? children : children;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectValueFrame, {
         ...!props.unstyled && {
           size: itemParentContext.size,
@@ -26878,18 +26934,18 @@ var require_Select_native = __commonJS({
       children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_text2.Paragraph, {
         children: "\u25BC"
       })
-    }), ITEM_INDICATOR_NAME = "SelectItemIndicator", SelectItemIndicatorFrame = (0, import_core12.styled)(import_stacks3.XStack, {
-      name: import_SelectItemText.ITEM_TEXT_NAME
+    }), SelectItemIndicatorFrame = (0, import_core12.styled)(import_stacks3.XStack, {
+      name: "SelectItemIndicator"
     }), SelectItemIndicator = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeSelect, ...itemIndicatorProps } = props, context = (0, import_context.useSelectItemParentContext)(ITEM_INDICATOR_NAME, __scopeSelect), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_INDICATOR_NAME, __scopeSelect);
+      var { scope, ...itemIndicatorProps } = props, context = (0, import_context.useSelectItemParentContext)(scope), itemContext = (0, import_SelectItem.useSelectItemContext)(scope);
       return context.shouldRenderWebNative ? null : itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectItemIndicatorFrame, {
         "aria-hidden": !0,
         ...itemIndicatorProps,
         ref: forwardedRef
       }) : null;
-    });
-    SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
-    var GROUP_NAME = "SelectGroup", [SelectGroupContextProvider, useSelectGroupContext] = (0, import_context.createSelectContext)(GROUP_NAME), SelectGroupFrame = (0, import_core12.styled)(import_stacks3.YStack, {
+    }), GROUP_NAME = "SelectGroup", { Provider: SelectGroupContextProvider, useStyledContext: useSelectGroupContext } = (0, import_core12.createStyledContext)({
+      id: ""
+    }, "SelectGroup"), SelectGroupFrame = (0, import_core12.styled)(import_stacks3.YStack, {
       name: GROUP_NAME,
       width: "100%"
     }), NativeSelectTextFrame = (0, import_core12.styled)(import_text2.SizableText, {
@@ -26925,7 +26981,7 @@ var require_Select_native = __commonJS({
         size: "$2"
       }
     }), SelectGroup = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeSelect, ...groupProps } = props, groupId = React4.useId(), context = (0, import_context.useSelectContext)(GROUP_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(GROUP_NAME, __scopeSelect), _itemParentContext_size, size2 = (_itemParentContext_size = itemParentContext.size) !== null && _itemParentContext_size !== void 0 ? _itemParentContext_size : "$true", nativeSelectRef = React4.useRef(null), content = function() {
+      var { scope, ...groupProps } = props, groupId = React4.useId(), context = (0, import_context.useSelectContext)(scope), itemParentContext = (0, import_context.useSelectItemParentContext)(scope), _itemParentContext_size, size2 = (_itemParentContext_size = itemParentContext.size) !== null && _itemParentContext_size !== void 0 ? _itemParentContext_size : "$true", nativeSelectRef = React4.useRef(null), content = function() {
         return itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NativeSelectFrame, {
           asChild: !0,
           size: size2,
@@ -26955,14 +27011,14 @@ var require_Select_native = __commonJS({
         });
       }();
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectGroupContextProvider, {
-        scope: __scopeSelect,
+        scope,
         id: groupId || "",
         children: content
       });
     });
     SelectGroup.displayName = GROUP_NAME;
     var LABEL_NAME = "SelectLabel", SelectLabel = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeSelect, ...labelProps } = props, context = (0, import_context.useSelectItemParentContext)(LABEL_NAME, __scopeSelect), groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
+      var { scope, ...labelProps } = props, context = (0, import_context.useSelectItemParentContext)(scope), groupContext = useSelectGroupContext(scope);
       return context.shouldRenderWebNative ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_list_item.ListItem, {
         tag: "div",
         componentName: LABEL_NAME,
@@ -26977,7 +27033,7 @@ var require_Select_native = __commonJS({
     var SelectSeparator = (0, import_core12.styled)(import_separator.Separator, {
       name: "SelectSeparator"
     }), SelectSheetController = function(props) {
-      var context = (0, import_context.useSelectContext)("SelectSheetController", props.__scopeSelect), showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context), isAdapted = (0, import_adapt.useAdaptIsActive)(), getShowSheet = (0, import_core12.useGet)(showSheet);
+      var context = (0, import_context.useSelectContext)(props.scope), showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context), isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope), getShowSheet = (0, import_core12.useGet)(showSheet);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sheet.SheetController, {
         onOpenChange: function(val) {
           getShowSheet() && props.onOpenChange(val);
@@ -26991,12 +27047,13 @@ var require_Select_native = __commonJS({
         children: props.children
       });
     }, Select = (0, import_helpers.withStaticProperties)(function(props) {
-      var internalId = React4.useId(), _Object_keys_, scopeKey = props.__scopeSelect && (_Object_keys_ = Object.keys(props.__scopeSelect)[0]) !== null && _Object_keys_ !== void 0 ? _Object_keys_ : internalId;
+      var adaptScope = `AdaptSelect${props.scope || ""}`;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParent, {
-        scope: `${scopeKey}SheetContents`,
+        scope: adaptScope,
         portal: !0,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectInner, {
-          scopeKey,
+          scope: props.scope,
+          adaptScope,
           ...props
         })
       });
@@ -27035,7 +27092,7 @@ var require_Select_native = __commonJS({
       ];
     }
     function SelectInner(props) {
-      var { __scopeSelect, native, children, open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, disablePreventBodyScroll, size: sizeProp = "$true", onActiveChange, dir, id } = props, isAdapted = (0, import_adapt.useAdaptIsActive)(), SelectImpl = isAdapted || !import_constants4.isWeb ? SelectSheetImpl : import_SelectImpl.SelectInlineImpl, forceUpdate = React4.useReducer(function() {
+      var { scope = "", adaptScope, native, children, open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, disablePreventBodyScroll, size: sizeProp = "$true", onActiveChange, dir, id } = props, isAdapted = (0, import_adapt.useAdaptIsActive)(adaptScope), SelectImpl = isAdapted || !import_constants4.isWeb ? SelectSheetImpl : import_SelectImpl.SelectInlineImpl, forceUpdate = React4.useReducer(function() {
         return {};
       }, {})[1], [selectedItem, setSelectedItem] = React4.useState(null), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
         prop: openProp,
@@ -27078,7 +27135,9 @@ var require_Select_native = __commonJS({
         });
       }, 1, {}, []);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_context.SelectItemParentProvider, {
-        scope: __scopeSelect,
+        scopeName: scope,
+        scope,
+        adaptScope,
         initialValue: React4.useMemo(function() {
           return value;
         }, [
@@ -27092,9 +27151,8 @@ var require_Select_native = __commonJS({
         onChange: React4.useCallback(function(val) {
           setValue(val), emitValue(val);
         }, []),
-        onActiveChange: (0, import_core12.useEvent)(function() {
-          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-          onActiveChange == null || onActiveChange(...args);
+        onActiveChange: (0, import_core12.useEvent)(function(value2, index) {
+          onActiveChange == null || onActiveChange(value2, index);
         }),
         setSelectedIndex,
         setValueAtIndex: React4.useCallback(function(index, value2) {
@@ -27102,7 +27160,9 @@ var require_Select_native = __commonJS({
         }, []),
         shouldRenderWebNative,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_context.SelectProvider, {
-          scope: __scopeSelect,
+          scope,
+          scopeName: scope,
+          adaptScope,
           disablePreventBodyScroll,
           dir,
           blockSelection: !1,
@@ -27112,7 +27172,6 @@ var require_Select_native = __commonJS({
           forceUpdate,
           valueNode,
           onValueNodeChange: setValueNode,
-          scopeKey: props.scopeKey,
           activeIndex,
           selectedIndex,
           setActiveIndex: setActiveIndexDebounced,
@@ -27121,7 +27180,7 @@ var require_Select_native = __commonJS({
           native,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectSheetController, {
             onOpenChange: setOpen,
-            __scopeSelect,
+            scope,
             children: shouldRenderWebNative ? children : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectImpl, {
               activeIndexRef,
               listContentRef,
@@ -30057,6 +30116,71 @@ var require_index_native74 = __commonJS({
   }
 });
 
+// ../../core/use-window-dimensions/dist/cjs/helpers.native.js
+var require_helpers_native4 = __commonJS({
+  "../../core/use-window-dimensions/dist/cjs/helpers.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, helpers_native_exports = {};
+    __export2(helpers_native_exports, {
+      getWindowSize: function() {
+        return getWindowSize;
+      },
+      subscribe: function() {
+        return subscribe;
+      }
+    });
+    module2.exports = __toCommonJS2(helpers_native_exports);
+    var import_react_native4 = require_fake_react_native();
+    function getWindowSize() {
+      return import_react_native4.Dimensions.get("window");
+    }
+    var cbs = /* @__PURE__ */ new Set();
+    import_react_native4.Dimensions.addEventListener("change", function(param) {
+      var { window: window2 } = param;
+      cbs.forEach(function(cb) {
+        return cb(window2);
+      });
+    });
+    function subscribe(cb) {
+      return cbs.add(cb), function() {
+        return cbs.delete(cb);
+      };
+    }
+  }
+});
+
 // ../../core/use-window-dimensions/dist/cjs/index.native.js
 var require_index_native75 = __commonJS({
   "../../core/use-window-dimensions/dist/cjs/index.native.js"(exports2, module2) {
@@ -30115,30 +30239,19 @@ var require_index_native75 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
-    var import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), import_react_native4 = require_fake_react_native(), initialValue = {
-      height: 800,
-      width: 600
+    var import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), import_helpers = require_helpers_native4(), initialValue = {
+      width: 800,
+      height: 600,
+      scale: 1,
+      fontScale: 1
     };
     function configureInitialWindowDimensions(next) {
       Object.assign(initialValue, next);
     }
-    import_react_native4.Dimensions.addEventListener("change", function() {
-      cbs.forEach(function(cb) {
-        return cb(window);
-      });
-    });
-    var cbs = /* @__PURE__ */ new Set();
-    function subscribe(cb) {
-      return cbs.add(cb), function() {
-        return cbs.delete(cb);
-      };
-    }
     function useWindowDimensions() {
       var { serverValue = initialValue } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-      return import_react3.default.useSyncExternalStore(subscribe, function() {
-        return import_react_native4.Dimensions.get("window");
-      }, function() {
-        return import_constants4.isWeb ? serverValue : import_react_native4.Dimensions.get("window");
+      return import_react3.default.useSyncExternalStore(import_helpers.subscribe, import_helpers.getWindowSize, function() {
+        return import_constants4.isWeb ? serverValue : (0, import_helpers.getWindowSize)();
       });
     }
   }
@@ -30349,7 +30462,7 @@ __reExport(index_exports, __toESM(require_index_native46()), module.exports);
 __reExport(index_exports, __toESM(require_index_native47()), module.exports);
 __reExport(index_exports, __toESM(require_index_native52()), module.exports);
 __reExport(index_exports, __toESM(require_index_native11()), module.exports);
-__reExport(index_exports, __toESM(require_index_native32()), module.exports);
+__reExport(index_exports, __toESM(require_index_native33()), module.exports);
 __reExport(index_exports, __toESM(require_index_native39()), module.exports);
 __reExport(index_exports, __toESM(require_index_native44()), module.exports);
 __reExport(index_exports, __toESM(require_index_native53()), module.exports);