@tamagui/core 1.79.8 → 1.79.10

package/dist/native.js

@@ -3295,7 +3295,10 @@ var require_propMapper_native = __commonJS({
         return;
       if (value === "unset") {
         let unsetVal = (_a = styleStateIn.conf.unset) == null ? void 0 : _a[key];
-        unsetVal != null && (value = unsetVal);
+        if (unsetVal != null)
+          value = unsetVal;
+        else
+          return;
       }
       let subProps = styleStateIn.styleProps.fallbackProps || subPropsIn, styleState = subProps ? new Proxy(styleStateIn, {
         get(_, k) {
@@ -3626,7 +3629,7 @@ var require_getSplitStyles_native = __commonJS({
           parentStaticConfig
         }), console.groupEnd()), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || !styleProps.noSkip && keyInit in skipProps)
           continue;
-        if (isText && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit), isValidStyleKeyInit && !variants && (valInitType === "number" || valInitType === "string" && valInit[0] !== "$")) {
+        if (isText && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit), isValidStyleKeyInit && !variants && valInit !== "unset" && (valInitType === "number" || valInitType === "string" && valInit[0] !== "$")) {
           style[keyInit] = valInit;
           continue;
         }
@@ -4813,7 +4816,8 @@ var require_createComponent_native = __commonJS({
         defaultPropsKeyOrder: defaultProps ? Object.keys(defaultProps) : []
       });
       let component = (0, import_react3.forwardRef)((propsIn, forwardedRef) => {
-        var _a2, _b, _c, _d, _e, _f, _i, _j, _k, _l, _m;
+        var _a2, _b, _c, _d, _e, _f, _i, _j, _k, _l, _m, _n;
+        let internalID = process.env.NODE_ENV === "development" ? (0, import_react3.useId)() : "";
         if (process.env.NODE_ENV === "development" && startVisualizer && (startVisualizer(), startVisualizer = void 0), !hasSetupBaseViews) {
           hasSetupBaseViews = !0;
           let baseViews2 = (_b = (_a2 = import_setupHooks.hooks).getBaseViews) == null ? void 0 : _b.call(_a2);
@@ -4904,32 +4908,29 @@ var require_createComponent_native = __commonJS({
         };
         typeof stateRef.current.isListeningToTheme == "boolean" && (themeStateProps.shouldUpdate = () => stateRef.current.isListeningToTheme), themeStateProps.deopt = willBeAnimated;
         let isExiting = !state.unmounted && (presence == null ? void 0 : presence[0]) === !1;
-        if (process.env.NODE_ENV === "development") {
-          let id = (0, import_react3.useId)();
-          if (debugProp && debugProp !== "profile") {
-            let name = `${componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = isAnimatedReactNative ? "(animated)" : isReactNative ? "(rnw)" : "", dataIs = propsIn["data-is"] || "", banner = `${name}${dataIs ? ` ${dataIs}` : ""} ${type} id ${id}`;
-            console.group(
-              `%c ${banner} (unmounted: ${state.unmounted})${presence ? ` (presence: ${presence[0]})` : ""} ${isHydrated ? "\u{1F4A6}" : "\u{1F3DC}\uFE0F"}`,
-              "background: green; color: white;"
-            ), import_constants2.isServer || (console.groupCollapsed(
-              `Info (collapsed): ${state.press || state.pressIn ? "PRESSED " : ""}${state.hover ? "HOVERED " : ""}${state.focus ? "FOCUSED" : " "}`
-            ), (0, import_log.log)({
-              propsIn,
-              props,
-              state,
-              staticConfig,
-              elementType,
-              themeStateProps,
-              styledContext: { contextProps: styledContextProps, overriddenContextProps },
-              presence,
-              isAnimated,
-              isHOC,
-              hasAnimationProp,
-              useAnimations,
-              propsInOrder: Object.keys(propsIn),
-              propsOrder: Object.keys(props)
-            }), console.groupEnd());
-          }
+        if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
+          let name = `${componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = isAnimatedReactNative ? "(animated)" : isReactNative ? "(rnw)" : "", dataIs = propsIn["data-is"] || "", banner = `${name}${dataIs ? ` ${dataIs}` : ""} ${type} id ${internalID}`;
+          console.group(
+            `%c ${banner} (unmounted: ${state.unmounted})${presence ? ` (presence: ${presence[0]})` : ""} ${isHydrated ? "\u{1F4A6}" : "\u{1F3DC}\uFE0F"}`,
+            "background: green; color: white;"
+          ), import_constants2.isServer || (console.groupCollapsed(
+            `Info (collapsed): ${state.press || state.pressIn ? "PRESSED " : ""}${state.hover ? "HOVERED " : ""}${state.focus ? "FOCUSED" : " "}`
+          ), (0, import_log.log)({
+            propsIn,
+            props,
+            state,
+            staticConfig,
+            elementType,
+            themeStateProps,
+            styledContext: { contextProps: styledContextProps, overriddenContextProps },
+            presence,
+            isAnimated,
+            isHOC,
+            hasAnimationProp,
+            useAnimations,
+            propsInOrder: Object.keys(propsIn),
+            propsOrder: Object.keys(props)
+          }), console.groupEnd());
         }
         process.env.NODE_ENV === "development" && time && time`pre-theme-media`;
         let [themeState, theme] = (0, import_useTheme.useThemeWithState)(themeStateProps);
@@ -5155,8 +5156,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           direction,
           isZStack,
           debug: debugProp
-        });
-        asChild && (elementType = import_Slot.Slot, Object.assign(viewProps, { onPress, onLongPress })), process.env.NODE_ENV === "development" && time && time`spaced-as-child`;
+        }), ResetPresence = (_l = config == null ? void 0 : config.animations) == null ? void 0 : _l.ResetPresence;
+        willBeAnimated && presence && ResetPresence && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResetPresence, { children: content })), asChild && (elementType = import_Slot.Slot, Object.assign(viewProps, { onPress, onLongPress })), process.env.NODE_ENV === "development" && time && time`spaced-as-child`;
         let useChildrenResult;
         import_setupHooks.hooks.useChildren && (useChildrenResult = import_setupHooks.hooks.useChildren(
           elementType,
@@ -5194,7 +5195,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { ...contextValue, ...overriddenContextProps, children: content });
         }
         if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
-          console.groupCollapsed(`render <${typeof elementType == "string" ? elementType : "Component"} /> with props`);
+          console.groupCollapsed(`render <${typeof elementType == "string" ? elementType : "Component"} /> (${internalID}) with props`);
           try {
             (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("viewPropsOrder", Object.keys(viewProps));
             for (let key in viewProps)
@@ -5212,8 +5213,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               handlesPressEvents,
               willBeAnimated,
               isStringElement,
-              classNamesIn: (_l = props.className) == null ? void 0 : _l.split(" "),
-              classNamesOut: (_m = viewProps.className) == null ? void 0 : _m.split(" "),
+              classNamesIn: (_m = props.className) == null ? void 0 : _m.split(" "),
+              classNamesOut: (_n = viewProps.className) == null ? void 0 : _n.split(" "),
               events,
               shouldAttach,
               pseudos,