tamagui 1.125.13 → 1.125.15

package/dist/native.js

@@ -7028,22 +7028,19 @@ var require_createShallowSetState_native = __commonJS({
     var import_react3 = require("react"), callImmediate = function(cb) {
       return cb();
     };
-    function createShallowSetState(setter, onlyAllow, transition, debugIn, callback) {
-      var debug = !0;
+    function createShallowSetState(setter, onlyAllow, transition, debugIn) {
       return (0, import_react3.useCallback)(function(next) {
         var wrap = transition ? import_react3.startTransition : callImmediate;
         wrap(function() {
           setter(function(prev) {
-            var out = mergeIfNotShallowEqual(prev, next, onlyAllow, debug);
-            return callback == null || callback(out), out;
+            return mergeIfNotShallowEqual(prev, next, onlyAllow, debugIn);
           });
         });
       }, [
         setter,
         onlyAllow ? onlyAllow.join("") : "",
         transition,
-        debug,
-        callback
+        debugIn
       ]);
     }
     function mergeIfNotShallowEqual(prev, next, onlyAllow, debug) {
@@ -7112,15 +7109,15 @@ 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 import_useMedia = require_useMedia_native(), import_createShallowSetState = require_createShallowSetState_native(), subscribeToContextGroup = function(param) {
       var { setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
       if (pseudoGroups || mediaGroups) {
-        var _componentContext_groups_subscribe, _componentContext_groups, current = {
-          pseudo: {},
-          media: {}
-        };
+        var _componentContext_groups_subscribe, _componentContext_groups;
         return process.env.NODE_ENV === "development" && !componentContext.groups && console.debug("No context group found"), (_componentContext_groups = componentContext.groups) === null || _componentContext_groups === void 0 || (_componentContext_groups_subscribe = _componentContext_groups.subscribe) === null || _componentContext_groups_subscribe === void 0 ? void 0 : _componentContext_groups_subscribe.call(_componentContext_groups, function(name, param2) {
-          var { layout, pseudo } = param2;
+          var { layout, pseudo } = param2, _state_group, current = ((_state_group = state.group) === null || _state_group === void 0 ? void 0 : _state_group[name]) || {
+            pseudo: {},
+            media: {}
+          };
           if (pseudo && pseudoGroups != null && pseudoGroups.has(String(name))) Object.assign(current.pseudo, pseudo), persist();
           else if (layout && mediaGroups) {
             var mediaState3 = (0, import_useMedia.getMediaState)(mediaGroups, layout), next = (0, import_createShallowSetState.mergeIfNotShallowEqual)(current.media, mediaState3);
@@ -8072,7 +8069,7 @@ var require_useComponentState_native = __commonJS({
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
     var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native13(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
-      var { animationDriver, groups } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
+      var { animationDriver } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
       stateRef.current || (stateRef.current = {});
       var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = function() {
         var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
@@ -8097,24 +8094,9 @@ 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, 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
-          });
-          var next = {
-            ...groupContextState[groupName],
-            ...state2
-          };
-          groupContextState[groupName] = next;
-        };
-      }, [
-        groupContextState,
-        curStateRef,
-        groupName
-      ]), setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled ? [
+      var groupName = props.group, setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled ? [
         "disabled"
-      ] : void 0, !1, props.debug, setStateWrapper);
+      ] : void 0, !1, props.debug);
       if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
         process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
         var { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
@@ -8625,8 +8607,9 @@ var require_createComponent_native = __commonJS({
         process.env.NODE_ENV === "development" && props.untilMeasured && !props.group && console.warn(`You set the untilMeasured prop without setting group. This doesn't work, be sure to set untilMeasured on the parent that sets group, not the children that use the $group- prop.
 
 If you meant to do this, you can disable this warning - either change untilMeasured and group at the same time, or do group={conditional ? 'name' : undefined}`), process.env.NODE_ENV === "development" && time2 && time2`destructure`, groupName && (nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(nonTamaguiProps.onLayout, function(e) {
-          stateRef.current.group.emit(groupName, {
-            layout: e.nativeEvent.layout
+          var layout = e.nativeEvent.layout;
+          stateRef.current.group.layout = layout, stateRef.current.group.emit(groupName, {
+            layout
           }), !stateRef.current.hasMeasured && props.untilMeasured === "hide" && setState(function(prev) {
             return {
               ...prev
@@ -8689,6 +8672,25 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           mediaGroups ? Object.keys([
             ...mediaGroups
           ]).join("") : 0
+        ]), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+          var _curStateRef_group;
+          if (groupName) {
+            curStateRef.group.emit(groupName, {
+              pseudo: state,
+              layout: (_curStateRef_group = curStateRef.group) === null || _curStateRef_group === void 0 ? void 0 : _curStateRef_group.layout
+            });
+            var groupContextState = componentContext == null ? void 0 : componentContext.groups;
+            if (groupContextState) {
+              var next = {
+                ...groupContextState[groupName],
+                ...state
+              };
+              groupContextState[groupName] = next;
+            }
+          }
+        }, [
+          groupName,
+          state
         ]);
         var runtimePressStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur || componentContext.setParentFocusState), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClass && (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 || runtimePressStyle);
         process.env.NODE_ENV === "development" && time2 && time2`events-setup`, process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)("\u{1FAA9} events()", {
@@ -8818,7 +8820,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         }, [
           groupName
         ]);
-        if ((groupName || propsIn.focusWithinStyle) && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
+        if (("group" in props || propsIn.focusWithinStyle) && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
           ...componentContext,
           groups: subGroupContext,
           setParentFocusState: setStateShallow,
@@ -9571,7 +9573,7 @@ var require_createFont_native = __commonJS({
         ];
       }));
     }, createFont2 = function(font) {
-      var sizeKeys = Object.keys(font.size), processedFont = Object.fromEntries(Object.entries(font).map(function(param) {
+      var sizeKeys = Object.keys(font.size || {}), processedFont = Object.fromEntries(Object.entries(font).map(function(param) {
         var [key, section] = param;
         return [
           key,
@@ -29089,7 +29091,7 @@ var require_Slider_native = __commonJS({
       defaultVariants: {
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
-    }), SliderThumb = /* @__PURE__ */ React4.memo(SliderThumbFrame.styleable(function(props, forwardedRef) {
+    }), SliderThumb = SliderThumbFrame.styleable(function(props, forwardedRef) {
       var { __scopeSlider, index, size: sizeProp, ...thumbProps } = props, context = (0, import_constants22.useSliderContext)(THUMB_NAME, __scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(THUMB_NAME, __scopeSlider), [thumb, setThumb] = React4.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setThumb), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers3.getLabel)(index, context.values.length), _ref, sizeIn = (_ref = sizeProp ?? context.size) !== null && _ref !== void 0 ? _ref : "$true", [size4, setSize] = React4.useState(function() {
         var estimatedSize = (0, import_core12.getVariableValue)(getThumbSize(sizeIn).width);
         return estimatedSize;
@@ -29156,7 +29158,11 @@ var require_Slider_native = __commonJS({
           context.valueIndexToChangeRef.current = index;
         })
       });
-    })), SliderComponent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    }, {
+      staticConfig: {
+        memo: !0
+      }
+    }), SliderComponent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { name, min: min2 = 0, max: max2 = 100, step = 1, orientation = "horizontal", disabled = !1, minStepsBetweenThumbs = 0, defaultValue = [
         min2
       ], value, onValueChange = function() {