tamagui 1.91.2 → 1.91.4

package/dist/test.native.js

@@ -3331,6 +3331,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;
       },
@@ -3345,7 +3348,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",
@@ -4113,9 +4116,9 @@ var require_useTheme_native = __commonJS({
         }
         var isNewTheme2 = !!(themeManager2 !== parentManager || props.inverse);
         isNewTheme2 && registerThemeManager(themeManager2);
-        var mounted2 = props.inverse ? isRoot || (prev == null ? void 0 : prev.mounted) : !0;
+        var isWebSSR = import_constants4.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,
@@ -4170,7 +4173,7 @@ var require_useTheme_native = __commonJS({
         props.name,
         props.reset,
         mounted
-      ]), isInversingOnMount ? {
+      ]), import_constants4.isWeb && isInversingOnMount ? {
         isNewTheme: !1,
         inversed: !1,
         themeManager: parentManager,
@@ -7651,7 +7654,7 @@ var require_getSplitStyles_native = __commonJS({
         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)
@@ -7661,6 +7664,14 @@ var require_getSplitStyles_native = __commonJS({
                 (_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);
+        }
+      }
       var result = {
         space,
         hasMedia,
@@ -7673,15 +7684,7 @@ var require_getSplitStyles_native = __commonJS({
         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);
-        }
-      }
-      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) {
@@ -8654,7 +8657,16 @@ var require_createComponent_native = __commonJS({
         return x();
       }), mouseUps.clear();
     }, addEventListener("mouseup", cancelTouches), addEventListener("touchend", cancelTouches), addEventListener("touchcancel", cancelTouches));
-    var cancelTouches, BaseText, BaseView, hasSetupBaseViews = !1;
+    var cancelTouches, BaseText, BaseView, hasSetupBaseViews = !1, lastInteractionWasKeyboard = {
+      value: !1
+    };
+    import_constants4.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 createComponent2(staticConfig) {
       var _staticConfig_defaultProps, componentName = staticConfig.componentName, config = null, defaultProps = staticConfig.defaultProps;
       (0, import_config.onConfiguredOnce)(function(conf) {
@@ -8695,9 +8707,7 @@ var require_createComponent_native = __commonJS({
         var debugProp = props.debug, componentName2 = props.componentName || staticConfig.componentName;
         if (0)
           var timer;
-        var stateRef = (0, import_react2.useRef)({
-          handleFocusVisible: !0
-        }), 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 stateRef = (0, import_react2.useRef)({}), 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);
           return !!(next || curState.hasAnimated);
         }(), willBeAnimated = !import_constants4.isServer && willBeAnimatedClient;
@@ -8862,11 +8872,11 @@ var require_createComponent_native = __commonJS({
             }
             var disposeGroupsListener;
             if (pseudoGroups || mediaGroups) {
-              var current = {
+              var _componentContext_groups, current = {
                 pseudo: {},
                 media: {}
               };
-              disposeGroupsListener = componentContext.groups.subscribe(function(name2, param) {
+              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_props8(_object_spread9({}, state.group), _define_property9({}, name2, current));
                   setStateShallow({
@@ -8893,7 +8903,7 @@ var require_createComponent_native = __commonJS({
         ]);
         var runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(groupName || runtimeHoverStyle || onHoverIn || onHoverOut), attachHover = import_constants4.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(groupName || runtimeHoverStyle), events = shouldAttach ? _object_spread9(_object_spread_props8(_object_spread9({
           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) {
@@ -8906,7 +8916,7 @@ var require_createComponent_native = __commonJS({
           }
         }), {
           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_constants4.isWeb && mouseUps.add(unPress);
@@ -8923,7 +8933,7 @@ var require_createComponent_native = __commonJS({
             pseudos != null && pseudos.focusVisibleStyle ? setTimeout(function() {
               setStateShallow({
                 focus: !0,
-                focusVisible: !!stateRef.current.handleFocusVisible
+                focusVisible: !!lastInteractionWasKeyboard.value
               });
             }, 0) : setStateShallow({
               focus: !0,
@@ -8931,7 +8941,7 @@ var require_createComponent_native = __commonJS({
             }), onFocus == null || onFocus(e);
           },
           onBlur: function(e) {
-            stateRef.current.handleFocusVisible = !0, setStateShallow({
+            setStateShallow({
               focus: !1,
               focusVisible: !1
             }), onBlur == null || onBlur(e);
@@ -9880,11 +9890,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_constants4 = require_constants_native2(), import_createFont = require_createFont_native(), import_createVariables = require_createVariables_native(), import_registerCSSVariable = require_registerCSSVariable_native();
     function insertFont2(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 = insertFont2;
@@ -20845,7 +20855,7 @@ var require_Dialog_native = __commonJS({
       }, closeProps), {
         ref: forwardedRef,
         onPress: (0, import_helpers.composeEventHandlers)(props.onPress, function() {
-          console.warn("??"), context.onOpenChange(!1);
+          context.onOpenChange(!1);
         })
       }));
     });
@@ -22859,7 +22869,10 @@ var require_Button_native = __commonJS({
         Text: Button2.Text
       }, textProps = _param.textProps, propsIn = _object_without_properties5(_param, [
         "textProps"
-      ]), _param_Text = _$_param.Text, Text3 = _param_Text === void 0 ? Button2.Text : _param_Text, isNested = (0, import_react2.useContext)(import_stacks3.ButtonNestingContext), propsActive = (0, import_web.useProps)(propsIn), icon = propsActive.icon, iconAfter = propsActive.iconAfter, space = propsActive.space, spaceFlex = propsActive.spaceFlex, _propsActive_scaleIcon = propsActive.scaleIcon, scaleIcon = _propsActive_scaleIcon === void 0 ? 1 : _propsActive_scaleIcon, _propsActive_scaleSpace = propsActive.scaleSpace, scaleSpace = _propsActive_scaleSpace === void 0 ? 0.66 : _propsActive_scaleSpace, separator = propsActive.separator, noTextWrap = propsActive.noTextWrap, fontFamily = propsActive.fontFamily, fontSize = propsActive.fontSize, fontWeight = propsActive.fontWeight, fontStyle = propsActive.fontStyle, letterSpacing = propsActive.letterSpacing, tag = propsActive.tag, ellipse = propsActive.ellipse, maxFontSizeMultiplier = propsActive.maxFontSizeMultiplier, restProps = _object_without_properties5(propsActive, [
+      ]), _param_Text = _$_param.Text, Text3 = _param_Text === void 0 ? Button2.Text : _param_Text, isNested = (0, import_react2.useContext)(import_stacks3.ButtonNestingContext), propsActive = (0, import_web.useProps)(propsIn, {
+        noNormalize: !0,
+        noExpand: !0
+      }), icon = propsActive.icon, iconAfter = propsActive.iconAfter, space = propsActive.space, spaceFlex = propsActive.spaceFlex, _propsActive_scaleIcon = propsActive.scaleIcon, scaleIcon = _propsActive_scaleIcon === void 0 ? 1 : _propsActive_scaleIcon, _propsActive_scaleSpace = propsActive.scaleSpace, scaleSpace = _propsActive_scaleSpace === void 0 ? 0.66 : _propsActive_scaleSpace, separator = propsActive.separator, noTextWrap = propsActive.noTextWrap, fontFamily = propsActive.fontFamily, fontSize = propsActive.fontSize, fontWeight = propsActive.fontWeight, fontStyle = propsActive.fontStyle, letterSpacing = propsActive.letterSpacing, tag = propsActive.tag, ellipse = propsActive.ellipse, maxFontSizeMultiplier = propsActive.maxFontSizeMultiplier, restProps = _object_without_properties5(propsActive, [
         "icon",
         "iconAfter",
         "space",
@@ -29455,7 +29468,7 @@ var require_Popper_native = __commonJS({
           "none"
         ] : rest.animateOnly,
         animatePresence: !1
-      }, !import_constants4.isWeb && floatingStyles);
+      });
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, _object_spread_props8(_object_spread9({}, getFloatingProps ? getFloatingProps(frameProps) : frameProps), {
         children: contents
       }));
@@ -29988,7 +30001,11 @@ var require_Popover_native = __commonJS({
         "disableRemoveScroll",
         "freezeContentsWhenHidden",
         "setIsFullyHidden"
-      ]), context = usePopoverContext(__scopePopover), open = context.open, keepChildrenMounted = context.keepChildrenMounted, popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE);
+      ]), context = usePopoverContext(__scopePopover), open = context.open, keepChildrenMounted = context.keepChildrenMounted, popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), handleExitComplete = React2.useCallback(function() {
+        setIsFullyHidden == null || setIsFullyHidden(!0);
+      }, [
+        setIsFullyHidden
+      ]);
       if (context.breakpointActive) {
         var childrenWithoutScrollView = React2.Children.toArray(children).map(function(child) {
           return /* @__PURE__ */ React2.isValidElement(child) && child.type === import_react_native4.ScrollView ? child.props.children : child;
@@ -30004,11 +30021,6 @@ var require_Popover_native = __commonJS({
           children: content
         });
       }
-      var handleExitComplete = React2.useCallback(function() {
-        setIsFullyHidden == null || setIsFullyHidden(!0);
-      }, [
-        setIsFullyHidden
-      ]);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate.Animate, {
         type: "presence",
         present: !!open,
@@ -32117,6 +32129,7 @@ var require_SelectItem_native = __commonJS({
           backgrounded: !0,
           pressTheme: !0,
           hoverTheme: !0,
+          focusTheme: !0,
           cursor: "default",
           size: size3,
           outlineOffset: -0.5,
@@ -32408,7 +32421,7 @@ var require_SelectTrigger_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SelectTrigger_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native10(), import_list_item = require_index_native54(), React2 = __toESM2(require("react")), import_context = require_context_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native10(), import_core12 = require_index_native16(), import_list_item = require_index_native54(), React2 = __toESM2(require("react")), import_context = require_context_native();
     function _define_property9(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -32462,7 +32475,7 @@ var require_SelectTrigger_native = __commonJS({
         key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
       return target;
     }
-    var TRIGGER_NAME = "SelectTrigger", SelectTrigger = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
+    var TRIGGER_NAME = "SelectTrigger", isPointerCoarse = import_core12.isWeb && import_core12.isClient ? window.matchMedia("(pointer:coarse)").matches : !0, SelectTrigger = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
       var _context_floatingContext, __scopeSelect = props.__scopeSelect, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? !1 : _props_disabled, _props_unstyled = props.unstyled, unstyled = _props_unstyled === void 0 ? !1 : _props_unstyled, triggerProps = _object_without_properties5(props, [
         "__scopeSelect",
         "disabled",
@@ -36553,7 +36566,9 @@ var require_ToggleGroup_native = __commonJS({
       }
     }
     var TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", _createStyledContext = (0, import_web.createStyledContext)(), ToggleGroupItemProvider = _createStyledContext.Provider, useToggleGroupItemContext = _createStyledContext.useStyledContext, _createStyledContext1 = (0, import_web.createStyledContext)(), ToggleGroupContext = _createStyledContext1.Provider, useToggleGroupContext = _createStyledContext1.useStyledContext, ToggleGroupItem = import_Toggle.ToggleFrame.extractable(/* @__PURE__ */ import_react2.default.forwardRef(function(props, forwardedRef) {
-      var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), pressed = valueContext == null ? void 0 : valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, groupItemProps = (0, import_group.useGroupItem)({
+      var disablePassStyles = props.disablePassStyles, rest = _object_without_properties5(props, [
+        "disablePassStyles"
+      ]), valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), pressed = valueContext == null ? void 0 : valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, groupItemProps = (0, import_group.useGroupItem)({
         disabled
       }), _props_size, size3 = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size, sizeProps = props.unstyled ? {} : {
         width: void 0,
@@ -36567,7 +36582,7 @@ var require_ToggleGroup_native = __commonJS({
       }), commonProps = _object_spread_props8(_object_spread9({
         pressed,
         disabled
-      }, sizeProps, props), {
+      }, sizeProps, rest), {
         children
       }), inner = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupItemImpl, _object_spread9(_object_spread_props8(_object_spread9({}, commonProps), {
         ref: forwardedRef,
@@ -36662,10 +36677,11 @@ var require_ToggleGroup_native = __commonJS({
       });
     }), ToggleGroupImplMultiple = /* @__PURE__ */ import_react2.default.forwardRef(function(props, forwardedRef) {
       var valueProp = props.value, defaultValue = props.defaultValue, _props_onValueChange = props.onValueChange, onValueChange = _props_onValueChange === void 0 ? function() {
-      } : _props_onValueChange, toggleGroupMultipleProps = _object_without_properties5(props, [
+      } : _props_onValueChange, disableDeactivation = props.disableDeactivation, toggleGroupMultipleProps = _object_without_properties5(props, [
         "value",
         "defaultValue",
-        "onValueChange"
+        "onValueChange",
+        "disableDeactivation"
       ]), _useControllableState = _sliced_to_array((0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
         defaultProp: defaultValue,