tamagui 1.79.17 → 1.79.18

package/dist/native.js

@@ -4633,7 +4633,7 @@ var require_createComponent_native = __commonJS({
       spacedChildren: () => spacedChildren2
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native(), import_helpers = require_index_native7(), import_use_did_finish_ssr = require_index_native2(), import_react2 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_proxyThemeVariables = require_proxyThemeVariables_native(), import_themeable = require_themeable_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(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime6 = require("react/jsx-runtime"), tamaguiConfig, AnimatedText, AnimatedView, initialTheme, time, debugKeyListeners, startVisualizer, mouseUps = /* @__PURE__ */ new Set();
+    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native(), import_helpers = require_index_native7(), import_use_did_finish_ssr = require_index_native2(), import_react2 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_proxyThemeVariables = require_proxyThemeVariables_native(), import_themeable = require_themeable_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(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime6 = require("react/jsx-runtime"), tamaguiConfig, initialTheme, time, debugKeyListeners, startVisualizer, mouseUps = /* @__PURE__ */ new Set();
     if (typeof document < "u") {
       let cancelTouches = () => {
         mouseUps.forEach((x) => x()), mouseUps.clear();
@@ -4736,17 +4736,21 @@ var require_createComponent_native = __commonJS({
         })(), usePresence = animationsConfig == null ? void 0 : animationsConfig.usePresence, presence = willBeAnimated && (usePresence == null ? void 0 : usePresence()) || null, hasEnterStyle = !!props.enterStyle, needsMount = !!((!import_constants4.isWeb || import_constants4.isClient) && willBeAnimated);
         process.env.NODE_ENV === "development" && time && time`pre-use-state`;
         let initialState = willBeAnimated ? supportsCSSVars ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted, states = (0, import_react2.useState)(initialState), state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: !0 } : states[0], setState = states[1], setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState), groupName = props.group, groupClassName = groupName ? `t_group_${props.group}` : "";
-        if (groupName && !stateRef.current.group && (stateRef.current.group = {
-          listeners: /* @__PURE__ */ new Set(),
-          emit(name, state2) {
-            this.listeners.forEach((l) => l(name, state2));
-          },
-          subscribe(cb) {
-            return this.listeners.add(cb), () => {
-              this.listeners.delete(cb);
-            };
-          }
-        }), groupName) {
+        if (groupName && !stateRef.current.group) {
+          let listeners = /* @__PURE__ */ new Set();
+          stateRef.current.group = {
+            listeners,
+            emit(name, state2) {
+              listeners.forEach((l) => l(name, state2));
+            },
+            subscribe(cb) {
+              return listeners.add(cb), () => {
+                listeners.delete(cb);
+              };
+            }
+          };
+        }
+        if (groupName) {
           let groupContextState = componentContext.groups.state, og = setStateShallow;
           setStateShallow = (state2) => {
             og(state2), stateRef.current.group.emit(groupName, {
@@ -4764,10 +4768,8 @@ var require_createComponent_native = __commonJS({
         willBeAnimated && !supportsCSSVars && !presence && isHydrated && (import_constants4.isServer || state.unmounted === !0) && (isAnimated = !1), willBeAnimated && !stateRef.current.hasAnimated && (stateRef.current.hasAnimated = !0);
         let componentClassName = props.asChild ? "" : props.componentName ? `is_${props.componentName}` : defaultComponentClassName, hasTextAncestor = !!(import_constants4.isWeb && isText && componentContext.inText), isDisabled = props.disabled ?? ((_c = props.accessibilityState) == null ? void 0 : _c.disabled);
         process.env.NODE_ENV === "development" && time && time`use-context`;
-        let element = import_constants4.isWeb && (!Component || typeof Component == "string") && props.tag || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div");
-        AnimatedText = animationsConfig ? animationsConfig.Text : BaseTextComponent, AnimatedView = animationsConfig ? animationsConfig.View : BaseViewComponent;
-        let elementType = isText ? (isAnimated ? AnimatedText : null) || BaseTextComponent : (isAnimated ? AnimatedView : null) || BaseViewComponent;
-        if (isAnimated && presence) {
+        let element = import_constants4.isWeb && (!Component || typeof Component == "string") && props.tag || Component, elementType = isText ? BaseText || element || "span" : BaseView || element || (hasTextAncestor ? "span" : "div");
+        if (animationsConfig && willBeAnimated && (animationsConfig.Text && (elementType = animationsConfig.Text), animationsConfig.View && (elementType = animationsConfig.View)), isAnimated && presence) {
           let presenceState = presence[2];
           if (presenceState) {
             let isEntering = state.unmounted, isExiting2 = !presenceState.isPresent, enterExitVariant = presenceState.enterExitVariant, enterVariant = enterExitVariant ?? presenceState.enterVariant, exitVariant = enterExitVariant ?? presenceState.exitVariant;
@@ -4906,7 +4908,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         ), process.env.NODE_ENV === "development" && time && time`destructure`;
         let disabled = ((_f = props.accessibilityState) == null ? void 0 : _f.disabled) || // @ts-expect-error (comes from core)
         props.accessibilityDisabled, viewProps = nonTamaguiProps;
-        isHOC && _themeProp && (viewProps.theme = _themeProp), groupName && (nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(
+        hasAnimationProp && props.tag && !props.role && !props.accessibilityRole && (viewProps.role = props.tag), isHOC && _themeProp && (viewProps.theme = _themeProp), groupName && (nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(
           nonTamaguiProps.onLayout,
           (e) => {
             stateRef.current.group.emit(groupName, {
@@ -15451,7 +15453,7 @@ var require_Popover_native = __commonJS({
       usePopoverContext: () => usePopoverContext
     });
     module2.exports = __toCommonJS2(Popover_exports);
-    var import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native24(), import_animate = require_index_native52(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native(), import_core13 = require_index_native15(), import_floating = require_index_native53(), import_focus_scope = require_index_native28(), import_helpers = require_index_native7(), import_popper = require_index_native54(), import_portal2 = require_index_native29(), import_remove_scroll = require_index_native30(), import_sheet = require_index_native34(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native9(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), import_jsx_runtime6 = require("react/jsx-runtime"), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core13.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = React2.forwardRef(function(props, forwardedRef) {
+    var import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native24(), import_animate = require_index_native52(), import_animate_presence = require_index_native5(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native(), import_core13 = require_index_native15(), import_floating = require_index_native53(), import_focus_scope = require_index_native28(), import_helpers = require_index_native7(), import_popper = require_index_native54(), import_portal2 = require_index_native29(), import_remove_scroll = require_index_native30(), import_sheet = require_index_native34(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native9(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), import_jsx_runtime6 = require("react/jsx-runtime"), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core13.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = React2.forwardRef(function(props, forwardedRef) {
       let { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
       return React2.useEffect(() => (onCustomAnchorAdd(), () => onCustomAnchorRemove()), [onCustomAnchorAdd, onCustomAnchorRemove]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_popper.PopperAnchor,
@@ -15565,14 +15567,14 @@ var require_Popover_native = __commonJS({
         return null;
       if (context.breakpointActive) {
         let childrenWithoutScrollView = React2.Children.toArray(children).map((child) => React2.isValidElement(child) && child.type === import_react_native4.ScrollView ? child.props.children : child), content = childrenWithoutScrollView;
-        return (import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios") && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        return import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios" ? content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_popper.PopperContext.Provider,
           {
             scope: __scopePopover || POPOVER_SCOPE,
             ...popperContext,
-            children: childrenWithoutScrollView
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.ResetPresence, { children: childrenWithoutScrollView })
           }
-        )), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, { hostName: `${context.id}PopoverContents`, children: content });
+        ) : content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.ResetPresence, { children: content }), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, { hostName: `${context.id}PopoverContents`, children: content });
       }
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_animate.Animate,
@@ -15608,7 +15610,7 @@ var require_Popover_native = __commonJS({
                       trapped: trapFocus,
                       onMountAutoFocus: onOpenAutoFocus,
                       onUnmountAutoFocus: onCloseAutoFocus,
-                      children: contents
+                      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.ResetPresence, { children: contents })
                     }
                   )
                 }