@tamagui/core 1.91.2 → 1.91.4

package/dist/native.js

@@ -3447,6 +3447,9 @@ var require_constants_native2 = __commonJS({
       }), mod);
     }, constants_exports = {};
     __export2(constants_exports, {
+      FONT_DATA_ATTRIBUTE_NAME: function() {
+        return FONT_DATA_ATTRIBUTE_NAME;
+      },
       THEME_CLASSNAME_PREFIX: function() {
         return THEME_CLASSNAME_PREFIX;
       },
@@ -3461,7 +3464,7 @@ var require_constants_native2 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_exports);
-    var THEME_NAME_SEPARATOR = "_", THEME_CLASSNAME_PREFIX = "t_", stackDefaultStyles = {}, webViewFlexCompatStyles = {
+    var THEME_NAME_SEPARATOR = "_", THEME_CLASSNAME_PREFIX = "t_", FONT_DATA_ATTRIBUTE_NAME = "data-tamagui-font", stackDefaultStyles = {}, webViewFlexCompatStyles = {
       display: "flex",
       alignItems: "stretch",
       flexDirection: "column",
@@ -4263,9 +4266,9 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         }
         var isNewTheme2 = !!(themeManager2 !== parentManager || props.inverse);
         isNewTheme2 && registerThemeManager(themeManager2);
-        var mounted2 = props.inverse ? isRoot || (prev == null ? void 0 : prev.mounted) : !0;
+        var isWebSSR = import_constants.isWeb ? !(0, import_config.getConfig)().disableSSR : !1, mounted2 = isWebSSR ? isRoot || (prev == null ? void 0 : prev.mounted) : !0;
         state2 || (isNewTheme2 ? state2 = themeManager2.state : (state2 = parentManager.state, themeManager2 = parentManager));
-        var wasInversed = prev == null ? void 0 : prev.inversed, nextInversed = isNewTheme2 && state2.scheme !== (parentManager == null ? void 0 : parentManager.state.scheme), inversed2 = nextInversed ? !0 : wasInversed != null ? !1 : null, response = {
+        var wasInversed = prev == null ? void 0 : prev.inversed, isInherentlyInversed = isNewTheme2 && state2.scheme !== (parentManager == null ? void 0 : parentManager.state.scheme), inversed2 = isInherentlyInversed ? !0 : isWebSSR ? wasInversed != null ? !1 : null : props.inverse, response = {
           themeManager: themeManager2,
           isNewTheme: isNewTheme2,
           mounted: mounted2,
@@ -4345,7 +4348,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         };
       }, [
         themeManager
-      ])), isInversingOnMount ? {
+      ])), import_constants.isWeb && isInversingOnMount ? {
         isNewTheme: !1,
         inversed: !1,
         themeManager: parentManager,
@@ -8041,7 +8044,7 @@ current`, _object_spread2({}, styleState.style)));
         if (isHOC)
           viewProps.style = normalizeStyle(styleProp);
         else
-          for (var isArray = Array.isArray(styleProp), len = isArray ? props.length : 1, i1 = 0; i1 < len; i1++) {
+          for (var isArray = Array.isArray(styleProp), len = isArray ? styleProp.length : 1, i1 = 0; i1 < len; i1++) {
             var style1 = isArray ? styleProp[i1] : styleProp;
             if (style1)
               if (style1.$$css)
@@ -8051,6 +8054,15 @@ current`, _object_spread2({}, styleState.style)));
                 (_styleState4 = styleState).style || (_styleState4.style = {}), Object.assign(styleState.style, normalizeStyle(style1));
               }
           }
+      var style2 = styleState.style;
+      if (style2 != null && style2.fontFamily) {
+        var _getFont, faceInfo = (_getFont = (0, import_config.getFont)(style2.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
+        if (faceInfo) {
+          var _faceInfo_style_fontWeight_, _faceInfo_style_fontWeight, overrideFace = (_faceInfo_style_fontWeight = faceInfo[style2.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 || (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style2.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
+          overrideFace && (style2.fontFamily = overrideFace, styleState.fontFamily = overrideFace, delete style2.fontWeight, delete style2.fontStyle);
+        }
+        process.env.NODE_ENV === "development" && debug && debug !== "profile" && (0, import_log.log)("Found fontFamily native: ".concat(style2.fontFamily), faceInfo);
+      }
       var result = {
         space,
         hasMedia,
@@ -8063,16 +8075,7 @@ current`, _object_spread2({}, styleState.style)));
         dynamicThemeAccess,
         pseudoGroups,
         mediaGroups
-      }, style2 = styleState.style;
-      if (style2 != null && style2.fontFamily) {
-        var _getFont, faceInfo = (_getFont = (0, import_config.getFont)(style2.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
-        if (faceInfo) {
-          var _faceInfo_style_fontWeight_, _faceInfo_style_fontWeight, overrideFace = (_faceInfo_style_fontWeight = faceInfo[style2.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 || (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style2.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
-          overrideFace && (style2.fontFamily = overrideFace, styleState.fontFamily = overrideFace, delete style2.fontWeight, delete style2.fontStyle);
-        }
-        process.env.NODE_ENV === "development" && debug && debug !== "profile" && (0, import_log.log)("Found fontFamily native: ".concat(style2.fontFamily), faceInfo);
-      }
-      var asChild = props.asChild, asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
+      }, asChild = props.asChild, asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
       if (!asChildExceptStyleLike) {
         var style3 = styleState.style;
         if (0) {
@@ -9266,7 +9269,16 @@ var require_createComponent_native = __commonJS({
         });
       }
     }));
-    var cancelTouches, BaseText, BaseView, hasSetupBaseViews = !1;
+    var cancelTouches, BaseText, BaseView, hasSetupBaseViews = !1, lastInteractionWasKeyboard = {
+      value: !1
+    };
+    import_constants.isWeb && globalThis.document && (document.addEventListener("keydown", function() {
+      lastInteractionWasKeyboard.value = !0;
+    }), document.addEventListener("mousedown", function() {
+      lastInteractionWasKeyboard.value = !1;
+    }), document.addEventListener("mousemove", function() {
+      lastInteractionWasKeyboard.value = !1;
+    }));
     function createComponent(staticConfig) {
       var _staticConfig_defaultProps, componentName = staticConfig.componentName, config = null, defaultProps = staticConfig.defaultProps;
       (0, import_config.onConfiguredOnce)(function(conf) {
@@ -9330,9 +9342,7 @@ var require_createComponent_native = __commonJS({
         ]), !1)
           var timer;
         process.env.NODE_ENV === "development" && time && time(_templateObject()), process.env.NODE_ENV === "development" && time && time(_templateObject1());
-        var stateRef = (0, import_react3.useRef)({
-          handleFocusVisible: !0
-        });
+        var stateRef = (0, import_react3.useRef)({});
         process.env.NODE_ENV === "development" && time && time(_templateObject2());
         var animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations, hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig == null ? void 0 : animationsConfig.supportsCSSVars, curState = stateRef.current, willBeAnimatedClient = function() {
           var next = !!(hasAnimationProp && !isHOC && useAnimations);
@@ -9536,11 +9546,11 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             }
             var disposeGroupsListener;
             if (pseudoGroups || mediaGroups) {
-              var current = {
+              var _componentContext_groups, current = {
                 pseudo: {},
                 media: {}
               };
-              disposeGroupsListener = componentContext.groups.subscribe(function(name2, param) {
+              process.env.NODE_ENV === "development" && !componentContext.groups && console.debug("No context group found"), disposeGroupsListener = (_componentContext_groups = componentContext.groups) === null || _componentContext_groups === void 0 ? void 0 : _componentContext_groups.subscribe(function(name2, param) {
                 var layout = param.layout, pseudo = param.pseudo, persist = function() {
                   var group = _object_spread_props(_object_spread2({}, state.group), _define_property2({}, name2, current));
                   setStateShallow({
@@ -9569,7 +9579,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         process.env.NODE_ENV === "development" && time && time(_templateObject14());
         var events = shouldAttach ? _object_spread2(_object_spread_props(_object_spread2({
           onPressOut: attachPress ? function(e) {
-            stateRef.current.handleFocusVisible = !0, unPress(), onPressOut == null || onPressOut(e), onMouseUp == null || onMouseUp(e);
+            unPress(), onPressOut == null || onPressOut(e), onMouseUp == null || onMouseUp(e);
           } : void 0
         }, (attachHover || attachPress) && {
           onMouseEnter: function(e) {
@@ -9582,7 +9592,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           }
         }), {
           onPressIn: attachPress ? function(e) {
-            stateRef.current.handleFocusVisible = !1, runtimePressStyle && setStateShallow({
+            runtimePressStyle && setStateShallow({
               press: !0,
               pressIn: !0
             }), onPressIn == null || onPressIn(e), onMouseDown == null || onMouseDown(e), import_constants.isWeb && mouseUps.add(unPress);
@@ -9599,7 +9609,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             pseudos != null && pseudos.focusVisibleStyle ? setTimeout(function() {
               setStateShallow({
                 focus: !0,
-                focusVisible: !!stateRef.current.handleFocusVisible
+                focusVisible: !!lastInteractionWasKeyboard.value
               });
             }, 0) : setStateShallow({
               focus: !0,
@@ -9607,7 +9617,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             }), onFocus == null || onFocus(e);
           },
           onBlur: function(e) {
-            stateRef.current.handleFocusVisible = !0, setStateShallow({
+            setStateShallow({
               focus: !1,
               focusVisible: !1
             }), onBlur == null || onBlur(e);
@@ -10603,11 +10613,11 @@ var require_insertFont_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(insertFont_exports);
-    var import_config = require_config_native(), import_createFont = require_createFont_native(), import_createVariables = require_createVariables_native(), import_registerCSSVariable = require_registerCSSVariable_native();
+    var import_config = require_config_native(), import_constants = require_constants_native2(), import_createFont = require_createFont_native(), import_createVariables = require_createVariables_native(), import_registerCSSVariable = require_registerCSSVariable_native();
     function insertFont(name, fontIn) {
       var font = (0, import_createFont.createFont)(fontIn), tokened = (0, import_createVariables.createVariables)(font, name), parsed = parseFont(tokened);
       if (0)
-        var fontVars, style;
+        var fontVars, styleElement;
       return (0, import_config.setConfigFont)(name, tokened, parsed), parsed;
     }
     var updateFont = insertFont;