tamagui 1.85.12 → 1.86.0

package/dist/native.js

@@ -2287,6 +2287,7 @@ var require_compose_refs_native = __commonJS({
     )), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), compose_refs_exports = {};
     __export2(compose_refs_exports, {
       composeRefs: () => composeRefs,
+      setRef: () => setRef,
       useComposedRefs: () => useComposedRefs
     });
     module2.exports = __toCommonJS2(compose_refs_exports);
@@ -4642,7 +4643,7 @@ var require_createComponent_native = __commonJS({
         defaultPropsKeyOrder: defaultProps ? Object.keys(defaultProps) : []
       });
       let component = (0, import_react2.forwardRef)((propsIn, forwardedRef) => {
-        var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+        var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
         let internalID = process.env.NODE_ENV === "development" ? (0, import_react2.useId)() : "";
         if (process.env.NODE_ENV === "development" && startVisualizer && (startVisualizer(), startVisualizer = void 0), !hasSetupBaseViews) {
           hasSetupBaseViews = !0;
@@ -4667,7 +4668,7 @@ var require_createComponent_native = __commonJS({
         let debugProp = props.debug, componentName2 = props.componentName || staticConfig.componentName;
         process.env.NODE_ENV === "development" && import_constants4.isClient && (0, import_react2.useEffect)(() => {
           let overlay = null, debugVisualizerHandler = (show = !1) => {
-            let node = hostRef.current;
+            let node = curState.host;
             if (node)
               if (show) {
                 overlay = document.createElement("span"), overlay.style.inset = "0px", overlay.style.zIndex = "1000000", overlay.style.position = "absolute", overlay.style.borderColor = "red", overlay.style.borderWidth = "1px", overlay.style.borderStyle = "dotted";
@@ -4680,11 +4681,9 @@ var require_createComponent_native = __commonJS({
             debugKeyListeners == null || debugKeyListeners.delete(debugVisualizerHandler);
           };
         }, [componentName2]), process.env.NODE_ENV === "development" && time && time`start (ignore)`, process.env.NODE_ENV === "development" && time && time`did-finish-ssr`;
-        let stateRef = (0, import_react2.useRef)(
-          {}
-        );
+        let stateRef = (0, import_react2.useRef)({});
         process.env.NODE_ENV === "development" && time && time`stateref`;
-        let hostRef = (0, import_react2.useRef)(null), 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 = !!(hasAnimationProp && !isHOC && useAnimations || curState.hasAnimated), willBeAnimated = !import_constants4.isServer && willBeAnimatedClient;
+        let 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 = !!(hasAnimationProp && !isHOC && useAnimations || curState.hasAnimated), willBeAnimated = !import_constants4.isServer && willBeAnimatedClient;
         willBeAnimated && !curState.hasAnimated && (curState.hasAnimated = !0);
         let isHydrated = config != null && config.disableSSR ? !0 : (0, import_use_did_finish_ssr.useDidFinishSSR)(), presence = willBeAnimated && ((_c = animationsConfig == null ? void 0 : animationsConfig.usePresence) == null ? void 0 : _c.call(animationsConfig)) || null, presenceState = presence == null ? void 0 : presence[2], enterExitVariant = presenceState == null ? void 0 : presenceState.enterExitVariant, enterVariant = enterExitVariant ?? (presenceState == null ? void 0 : presenceState.enterVariant), hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationsConfig == null ? void 0 : animationsConfig.isReactNative), isReactNative = staticConfig.isReactNative, isAnimated = willBeAnimated;
         !isReactNative && hasRNAnimation && !isHOC && !isHydrated && (isAnimated = !1, curState.willHydrate = !0), process.env.NODE_ENV === "development" && time && time`pre-use-state`;
@@ -4801,8 +4800,8 @@ var require_createComponent_native = __commonJS({
             styleProps,
             theme: (_f = themeState.state) == null ? void 0 : _f.theme,
             pseudos: pseudos || null,
-            hostRef,
-            staticConfig
+            staticConfig,
+            stateRef
           });
           (isAnimated || supportsCSSVars) && animations && (animationStyles = animations.style), process.env.NODE_ENV === "development" && time && time`animations`;
         }
@@ -4852,11 +4851,12 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           _h,
           elementType,
           nonTamaguiProps,
-          hostRef,
+          stateRef,
           curState.willHydrate
-        )) ?? nonTamaguiProps;
-        let composedRef = (0, import_compose_refs.useComposedRefs)(hostRef, forwardedRef);
-        viewProps.ref = composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants4.isWeb && !isHOC && import_react2.Children.toArray(props.children).forEach((item) => {
+        )) ?? nonTamaguiProps, curState.composedRef || (curState.composedRef = (0, import_compose_refs.composeRefs)(
+          (x) => stateRef.current.host = x,
+          forwardedRef
+        )), viewProps.ref = curState.composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants4.isWeb && !isHOC && import_react2.Children.toArray(props.children).forEach((item) => {
           typeof item == "string" && item !== `
 ` && console.error(
             `Unexpected text node: ${item}. A text node cannot be a child of a <View>.`
@@ -5016,35 +5016,32 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           console.groupCollapsed(`render <${typeof elementType == "string" ? elementType : "Component"} /> (${internalID}) with props`);
           try {
             (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("children", content), typeof window < "u" && ((0, import_log.log)("props in", propsIn, "mapped to", props, "in order", Object.keys(props)), (0, import_log.log)({
-              shouldListenForMedia,
-              mediaListeningKeys,
-              isMediaArray,
-              viewProps,
-              hostRef,
-              state,
-              styleProps,
-              themeState,
-              isAnimated,
-              defaultProps,
-              splitStyles,
               animationStyles,
-              willBeAnimated,
-              isStringElement,
-              classNamesIn: (_n = props.className) == null ? void 0 : _n.split(" "),
-              classNamesOut: (_o = viewProps.className) == null ? void 0 : _o.split(" "),
+              classNames,
+              content,
+              defaultProps,
+              elementType,
               events,
-              shouldAttach,
+              initialState,
+              isAnimated,
+              isMediaArray,
+              isStringElement,
+              mediaListeningKeys,
               pseudos,
-              content,
+              shouldAttach,
               shouldAvoidClasses,
-              animation: props.animation,
+              shouldForcePseudo,
+              shouldListenForMedia,
+              splitStyles,
               splitStylesStyle,
+              state,
+              stateRef,
               staticConfig,
+              styleProps,
               tamaguiConfig,
-              shouldForcePseudo,
-              elementType,
-              initialState,
-              classNames
+              themeState,
+              viewProps,
+              willBeAnimated
             }));
           } catch {
           }
@@ -7731,7 +7728,7 @@ var require_usePlatformMethods_native = __commonJS({
     function usePlatformMethods(hostRef) {
       (0, import_constants4.useIsomorphicLayoutEffect)(() => {
         let node = hostRef.current;
-        !node || node.measure || (node.measure = (callback) => (0, import_useElementLayout.measureLayout)(node, null, callback), node.measureLayout = (relativeToNode, success) => (0, import_useElementLayout.measureLayout)(node, relativeToNode, success), node.measureInWindow = (callback) => {
+        node && (node.measure ||= (callback) => (0, import_useElementLayout.measureLayout)(node, null, callback), node.measureLayout ||= (relativeToNode, success) => (0, import_useElementLayout.measureLayout)(node, relativeToNode, success), node.measureInWindow ||= (callback) => {
           node && setTimeout(() => {
             let { height, left, top, width } = (0, import_getRect.getRect)(node);
             callback(left, top, width, height);
@@ -7853,7 +7850,7 @@ var require_index_native15 = __commonJS({
     var baseViews = (0, import_getBaseViews.getBaseViews)();
     (0, import_web.setupHooks)({
       getBaseViews: import_getBaseViews.getBaseViews,
-      usePropsTransform(elementType, propsIn, hostRef, willHydrate) {
+      usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
       },
       useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
         if (events && (events.onFocus && (viewProps.onFocus = events.onFocus), events.onBlur && (viewProps.onBlur = events.onBlur)), staticConfig.isInput) {
@@ -10601,12 +10598,15 @@ var require_createSheet_native = __commonJS({
           }
         )
       ), Sheet = (0, import_react2.forwardRef)(function(props, ref) {
-        let hydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), { isShowingNonSheet } = (0, import_useSheetController.useSheetController)(), SheetImplementation = import_SheetImplementationCustom.SheetImplementationCustom;
+        let hydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), { isShowingNonSheet } = (0, import_useSheetController.useSheetController)(), SheetImplementation = import_SheetImplementationCustom.SheetImplementationCustom, modal = props.modal;
         if (props.native && import_react_native4.Platform.OS === "ios") {
-          let impl = (0, import_nativeSheet.getNativeSheet)("ios");
-          impl && (SheetImplementation = impl);
+          modal = !1;
+          {
+            let impl = (0, import_nativeSheet.getNativeSheet)("ios");
+            impl && (SheetImplementation = impl);
+          }
         }
-        return isShowingNonSheet || !hydrated ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SheetImplementation, { ref, ...props });
+        return isShowingNonSheet || !hydrated ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SheetImplementation, { ref, ...props, modal });
       }), components = {
         Frame: SheetFrame,
         Overlay: SheetOverlay,