tamagui 1.125.0 → 1.125.2

package/dist/test.native.js

@@ -3045,7 +3045,7 @@ var require_useMedia_native = __commonJS({
           currentKeys.size && update();
         }), dispose2 = subscribe(update);
         return function() {
-          dispose2(), clearTimeout(tm);
+          dispose2(), tm && clearTimeout(tm);
         };
       }, [
         setState
@@ -6770,7 +6770,8 @@ var require_createShallowSetState_native = __commonJS({
     var import_react3 = require("react"), callImmediate = function(cb) {
       return cb();
     };
-    function createShallowSetState(setter, onlyAllow, transition, debug, callback) {
+    function createShallowSetState(setter, onlyAllow, transition, debugIn, callback) {
+      var debug = !0;
       return (0, import_react3.useCallback)(function(next) {
         var wrap = transition ? import_react3.startTransition : callImmediate;
         wrap(function() {
@@ -6783,7 +6784,8 @@ var require_createShallowSetState_native = __commonJS({
         setter,
         onlyAllow ? onlyAllow.join("") : "",
         transition,
-        debug
+        debug,
+        callback
       ]);
     }
     function mergeIfNotShallowEqual(prev, next, onlyAllow, debug) {
@@ -6848,7 +6850,7 @@ var require_subscribeToContextGroup_native = __commonJS({
     });
     module2.exports = __toCommonJS2(subscribeToContextGroup_exports);
     var import_createShallowSetState = require_createShallowSetState_native(), import_useMedia = require_useMedia_native(), subscribeToContextGroup = function(param) {
-      var { disabled = !1, setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
+      var { setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
       if (pseudoGroups || mediaGroups) {
         var _componentContext_groups_subscribe, _componentContext_groups, current = {
           pseudo: {},
@@ -7724,10 +7726,8 @@ var require_useComponentState_native = __commonJS({
       import_constants4.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState({
         ...state
       }));
-      var groupName = props.group, setStateWrapper;
-      if (groupName) {
-        var groupContextState = groups.state;
-        setStateWrapper = function(state2) {
+      var groupName = props.group, groupContextState = groups == null ? void 0 : groups.state, setStateWrapper = (0, import_react3.useMemo)(function() {
+        if (groupContextState && groupName) return function(state2) {
           curStateRef.group.emit(groupName, {
             pseudo: state2
           });
@@ -7737,8 +7737,11 @@ var require_useComponentState_native = __commonJS({
           };
           groupContextState[groupName] = next;
         };
-      }
-      var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled ? [
+      }, [
+        groupContextState,
+        curStateRef,
+        groupName
+      ]), setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled ? [
         "disabled"
       ] : void 0, !1, props.debug, setStateWrapper);
       if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
@@ -8195,18 +8198,17 @@ var require_createComponent_native = __commonJS({
                 unmounted: !1
               });
             }), function() {
-              return clearTimeout(tm);
+              tm && clearTimeout(tm);
             };
-            var dispose = (0, import_subscribeToContextGroup.subscribeToContextGroup)({
-              disabled,
+            var dispose = pseudoGroups || mediaGroups ? (0, import_subscribeToContextGroup.subscribeToContextGroup)({
               componentContext,
               setStateShallow,
               state,
               mediaGroups,
               pseudoGroups
-            });
+            }) : null;
             return function() {
-              clearTimeout(tm), dispose == null || dispose(), componentSetStates.delete(setState);
+              tm && clearTimeout(tm), dispose == null || dispose(), componentSetStates.delete(setState);
             };
           }
         }, [
@@ -9192,6 +9194,7 @@ var require_createTamagui_native = __commonJS({
     var import_constants4 = require_index_native6(), import_config = require_config_native(), import_createVariables = require_createVariables_native(), import_getThemeCSSRules = require_getThemeCSSRules_native(), import_insertStyleRule = require_insertStyleRule_native(), import_proxyThemeToParents = require_proxyThemeToParents_native(), import_registerCSSVariable = require_registerCSSVariable_native(), import_themes = require_themes_native(), import_useMedia = require_useMedia_native(), import_insertFont = require_insertFont_native(), import_Tamagui = require_Tamagui_native(), createdConfigs = /* @__PURE__ */ new WeakMap();
     function createTamagui2(configIn) {
       var _configIn_settings;
+      if (globalThis.__tamaguiConfig) return console.warn("Warning: You somehow have duplicate Tamagui dependencies, this can cause issues. Tamagui is working around this by loading a previously loaded config in test mode. "), globalThis.__tamaguiConfig;
       if (createdConfigs.has(configIn)) return configIn;
       var tokensParsed = {}, tokens = (0, import_createVariables.createVariables)(configIn.tokens || {});
       if (configIn.tokens) {
@@ -9337,7 +9340,7 @@ var require_createTamagui_native = __commonJS({
         specificTokens,
         defaultFontToken
       };
-      if ((0, import_config.setConfig)(config), (0, import_useMedia.configureMedia)(config), createdConfigs.set(config, !0), import_config.configListeners.size && (import_config.configListeners.forEach(function(cb) {
+      if ((0, import_config.setConfig)(config), (0, import_useMedia.configureMedia)(config), createdConfigs.set(config, !0), globalThis.__tamaguiConfig = config, import_config.configListeners.size && (import_config.configListeners.forEach(function(cb) {
         return cb(config);
       }), import_config.configListeners.clear()), !1)
         var _process_env_DEBUG;
@@ -10314,7 +10317,6 @@ var require_useProps_native = __commonJS({
             return;
           }
           return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
-            disabled,
             componentContext,
             setStateShallow,
             state,
@@ -18234,7 +18236,7 @@ var require_createSheet_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createSheet_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_use_did_finish_ssr = require_index_native11(), import_z_index_stack2 = require_index_native27(), import_react3 = require("react"), import_react_native4 = require("react-native"), import_constants22 = require_constants_native4(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(), import_remove_scroll = require_index_native34(), import_use_did_finish_ssr = require_index_native11(), import_react3 = require("react"), import_react_native4 = require("react-native"), import_constants22 = require_constants_native4(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native();
     function createSheet(param) {
       var { Handle, Frame, Overlay } = param, SheetHandle = Handle.styleable(function(param2, forwardedRef) {
         var { __scopeSheet, ...props } = param2, context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_HANDLE_NAME, __scopeSheet), composedRef = (0, import_compose_refs.useComposedRefs)(context.handleRef, forwardedRef);
@@ -18274,27 +18276,24 @@ var require_createSheet_native = __commonJS({
         ]), context.onlyShowFrame, null;
       })), SheetFrame = Frame.extractable(/* @__PURE__ */ (0, import_react3.forwardRef)(function(param2, forwardedRef) {
         var { __scopeSheet, adjustPaddingForOffscreenContent, disableHideBottomOverflow, children, ...props } = param2, context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_NAME, __scopeSheet), { hasFit, removeScrollEnabled, frameSize, contentRef, open } = context, composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context), sheetContents = (0, import_react3.useMemo)(function() {
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_z_index_stack2.StackZIndexContext, {
-            zIndex: (0, import_portal2.resolveViewZIndex)(props.zIndex),
-            children: (
-              /* @ts-expect-error */
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Frame, {
-                ref: composedContentRef,
-                flex: hasFit ? 0 : 1,
-                height: hasFit ? void 0 : frameSize,
-                pointerEvents: open ? "auto" : "none",
-                ...props,
-                children: [
-                  children,
-                  adjustPaddingForOffscreenContent && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
-                    "data-sheet-offscreen-pad": !0,
-                    height: offscreenSize,
-                    width: "100%"
-                  })
-                ]
-              })
-            )
-          });
+          return (
+            // @ts-ignore
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Frame, {
+              ref: composedContentRef,
+              flex: hasFit ? 0 : 1,
+              height: hasFit ? void 0 : frameSize,
+              pointerEvents: open ? "auto" : "none",
+              ...props,
+              children: [
+                children,
+                adjustPaddingForOffscreenContent && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
+                  "data-sheet-offscreen-pad": !0,
+                  height: offscreenSize,
+                  width: "100%"
+                })
+              ]
+            })
+          );
         }, [
           open,
           props,
@@ -18804,7 +18803,7 @@ var require_Dialog_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Dialog_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_dismissable = require_index_native32(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native27(), 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, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_dismissable = require_index_native32(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), 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
     }), 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);
@@ -18831,6 +18830,7 @@ var require_Dialog_native = __commonJS({
             alignItems: "center",
             justifyContent: "center",
             fullscreen: !0,
+            zIndex: 1e5,
             ...import_constants4.isWeb && {
               maxHeight: "100vh",
               position: "fixed"
@@ -18865,12 +18865,9 @@ var require_Dialog_native = __commonJS({
         setIsFullyHidden(!0);
       }, []);
       if (context.modal) {
-        var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_z_index_stack2.StackZIndexContext, {
-          zIndex: (0, import_portal2.resolveViewZIndex)(props.zIndex),
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, {
-            onExitComplete: handleExitComplete,
-            children: isShowing || isAdapted ? children : null
-          })
+        var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, {
+          onExitComplete: handleExitComplete,
+          children: isShowing || isAdapted ? children : null
         });
         if (isFullyHidden && !isAdapted) return null;
         var framedContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalProvider2, {
@@ -18882,15 +18879,16 @@ var require_Dialog_native = __commonJS({
             children: contents
           })
         });
-        return import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
-          zIndex: props.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,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PassthroughTheme, {
-            children: framedContents
-          })
-        }) : framedContents;
+        if (import_constants4.isWeb) {
+          var _props_zIndex;
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
+            zIndex: (_props_zIndex = props.zIndex) !== null && _props_zIndex !== void 0 ? _props_zIndex : 1e5,
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PassthroughTheme, {
+              children: framedContents
+            })
+          });
+        }
+        return framedContents;
       }
       return children;
     }, PassthroughTheme = function(param) {
@@ -18936,16 +18934,14 @@ var require_Dialog_native = __commonJS({
         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, {
-        children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentModal, {
-          context,
-          ...contentProps,
-          ref: forwardedRef
-        }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentNonModal, {
-          context,
-          ...contentProps,
-          ref: forwardedRef
-        })
+      var { __scopeDialog, ...props } = param, portalContext = usePortalContext(CONTENT_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...contentProps } = props, context = useDialogContext(CONTENT_NAME, __scopeDialog), contents = context.modal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentModal, {
+        context,
+        ...contentProps,
+        ref: forwardedRef
+      }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentNonModal, {
+        context,
+        ...contentProps,
+        ref: forwardedRef
       });
       return !import_constants4.isWeb || context.disableRemoveScroll ? contents : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_remove_scroll.RemoveScroll, {
         forwardProps: !0,
@@ -24874,7 +24870,7 @@ 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_native29(), import_animate = require_index_native55(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_popper = require_index_native57(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native27(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native29(), import_animate = require_index_native55(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_popper = require_index_native57(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), 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), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
       return React4.useEffect(function() {
         return onCustomAnchorAdd(), function() {
@@ -24930,20 +24926,18 @@ var require_Popover_native = __commonJS({
       });
     }), PopoverContent = import_popper.PopperContentFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { allowPinchZoom, trapFocus, disableRemoveScroll = !0, zIndex, __scopePopover, ...contentImplProps } = props, context = usePopoverContext(__scopePopover), 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() {
+      return context.open && isFullyHidden && setIsFullyHidden(!1), React4.useEffect(function() {
         if (context.open) {
           var content = contentRef.current;
           if (content) return (0, import_aria_hidden.hideOthers)(content);
         }
       }, [
         context.open
-      ]), !context.keepChildrenMounted && isFullyHidden) return null;
-      var _contentImplProps_pointerEvents;
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentPortal, {
+      ]), !context.keepChildrenMounted && isFullyHidden ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentPortal, {
         __scopePopover,
-        zIndex,
+        zIndex: props.zIndex,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
-          pointerEvents: context.open ? (_contentImplProps_pointerEvents = contentImplProps.pointerEvents) !== null && _contentImplProps_pointerEvents !== void 0 ? _contentImplProps_pointerEvents : "auto" : "none",
+          pointerEvents: context.open ? "auto" : "none",
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentImpl, {
             ...contentImplProps,
             disableRemoveScroll,
@@ -24989,7 +24983,7 @@ var require_Popover_native = __commonJS({
       });
     }
     function PopoverContentPortal(props) {
-      var { __scopePopover } = props, zIndex = props.zIndex, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)(), contents = props.children;
+      var { __scopePopover } = props, _props_zIndex, zIndex = (_props_zIndex = props.zIndex) !== null && _props_zIndex !== void 0 ? _props_zIndex : 15e4, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)(), contents = props.children;
       return (import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios") && (contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverRepropagateContext, {
         scope: __scopePopover || POPOVER_SCOPE,
         popperContext,
@@ -24997,7 +24991,6 @@ var require_Popover_native = __commonJS({
         adaptContext,
         children: props.children
       })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
-        stackZIndex: !0,
         zIndex,
         children: (
           /* forceClassName avoids forced re-mount renders for some reason... see the HeadMenu as you change tints a few times */
@@ -25010,10 +25003,7 @@ var require_Popover_native = __commonJS({
                 fullscreen: !0,
                 onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_z_index_stack2.StackZIndexContext, {
-                zIndex: (0, import_portal2.resolveViewZIndex)(zIndex),
-                children: contents
-              })
+              contents
             ]
           })
         )