@hanzogui/web 7.0.0 → 7.3.0

package/dist/cjs/createComponent.native.js

@@ -65,7 +65,7 @@ var import_pseudoTransitions = require("./helpers/pseudoTransitions.native.js");
 var import_setElementProps = require("./helpers/setElementProps.native.js");
 var import_subscribeToContextGroup = require("./helpers/subscribeToContextGroup.native.js");
 var import_themeable = require("./helpers/themeable.native.js");
-var import_wrapStyleTags = require("./helpers/wrapStyleTags.native.js");
+require("./helpers/wrapStyleTags.native.js");
 var import_useComponentState = require("./hooks/useComponentState.native.js");
 var import_useMedia = require("./hooks/useMedia.native.js");
 var import_useTheme = require("./hooks/useTheme.native.js");
@@ -82,113 +82,6 @@ var debugKeyListeners;
 var startVisualizer;
 var componentSetStates = /* @__PURE__ */new Set();
 var avoidReRenderKeys = /* @__PURE__ */new Set(["hover", "press", "pressIn", "group", "focus", "focusWithin", "media", "group"]);
-if (false) {
-  var cancelPresses = function () {
-    componentSetStates.forEach(function (setState) {
-      return setState(function (prev) {
-        if (prev.press || prev.pressIn) {
-          return {
-            ...prev,
-            press: false,
-            pressIn: false
-          };
-        }
-        return prev;
-      });
-    });
-    componentSetStates.clear();
-  };
-  var cancelTouches = function () {
-    componentSetStates.forEach(function (setState) {
-      return setState(function (prev) {
-        if (prev.press || prev.pressIn || prev.hover) {
-          return {
-            ...prev,
-            press: false,
-            pressIn: false,
-            hover: false
-          };
-        }
-        return prev;
-      });
-    });
-    componentSetStates.clear();
-  };
-  addEventListener("mouseup", cancelPresses);
-  addEventListener("touchend", cancelTouches);
-  addEventListener("touchcancel", cancelTouches);
-  if (process.env.NODE_ENV === "development") {
-    startVisualizer = function () {
-      var devVisualizerConfig = import_config.devConfig === null || import_config.devConfig === void 0 ? void 0 : import_config.devConfig.visualizer;
-      if (devVisualizerConfig && !globalThis.__guiDevVisualizer) {
-        let show2 = function (val) {
-            clearTimeout(tm);
-            isShowing = val;
-            debugKeyListeners === null || debugKeyListeners === void 0 ? void 0 : debugKeyListeners.forEach(function (l) {
-              return l(val);
-            });
-            if (!val && resizeListener) {
-              window.removeEventListener("resize", resizeListener);
-              resizeListener = null;
-            }
-          },
-          cancelShow2 = function () {
-            clearTimeout(tm);
-            if (resizeListener) {
-              window.removeEventListener("resize", resizeListener);
-              resizeListener = null;
-            }
-          };
-        var show = show2,
-          cancelShow = cancelShow2;
-        globalThis.__guiDevVisualizer = true;
-        debugKeyListeners = /* @__PURE__ */new Set();
-        var tm;
-        var isShowing = false;
-        var resizeListener = null;
-        var options = {
-          key: "Alt",
-          delay: 800,
-          ...((typeof devVisualizerConfig === "undefined" ? "undefined" : _type_of(devVisualizerConfig)) === "object" ? devVisualizerConfig : {})
-        };
-        window.addEventListener("blur", function () {
-          show2(false);
-        });
-        window.addEventListener("keydown", function (param) {
-          var {
-            key,
-            metaKey,
-            defaultPrevented
-          } = param;
-          clearTimeout(tm);
-          if (defaultPrevented) return;
-          if (metaKey) return;
-          if (key === options.key) {
-            if (!resizeListener) {
-              resizeListener = function () {
-                return cancelShow2();
-              };
-              window.addEventListener("resize", resizeListener);
-            }
-            tm = setTimeout(function () {
-              show2(true);
-            }, options.delay);
-          }
-        });
-        window.addEventListener("keyup", function (param) {
-          var {
-            defaultPrevented
-          } = param;
-          if (defaultPrevented) return;
-          cancelShow2();
-          if (isShowing) {
-            show2(false);
-          }
-        });
-      }
-    };
-  }
-}
 var BaseText;
 var BaseView;
 var hasSetupBaseViews = false;
@@ -200,19 +93,13 @@ var lastInteractionWasTouch = {
 };
 if (import_constants.isWeb && typeof document !== "undefined") {
   document.addEventListener("keydown", function () {
-    if (!lastInteractionWasKeyboard.value) {
-      lastInteractionWasKeyboard.value = true;
-    }
+    if (!lastInteractionWasKeyboard.value) lastInteractionWasKeyboard.value = true;
   });
   document.addEventListener("mousedown", function () {
-    if (lastInteractionWasKeyboard.value) {
-      lastInteractionWasKeyboard.value = false;
-    }
+    if (lastInteractionWasKeyboard.value) lastInteractionWasKeyboard.value = false;
   });
   document.addEventListener("mousemove", function () {
-    if (lastInteractionWasKeyboard.value) {
-      lastInteractionWasKeyboard.value = false;
-    }
+    if (lastInteractionWasKeyboard.value) lastInteractionWasKeyboard.value = false;
     lastInteractionWasTouch.value = false;
   });
   document.addEventListener("touchstart", function () {
@@ -238,15 +125,13 @@ function createComponent(staticConfig) {
         startVisualizer = void 0;
       }
     }
-    if (true) {
-      if (!hasSetupBaseViews) {
-        var _hooks_getBaseViews;
-        hasSetupBaseViews = true;
-        var baseViews = (_hooks_getBaseViews = import_setupHooks.hooks.getBaseViews) === null || _hooks_getBaseViews === void 0 ? void 0 : _hooks_getBaseViews.call(import_setupHooks.hooks);
-        if (baseViews) {
-          BaseText = baseViews.Text;
-          BaseView = baseViews.View;
-        }
+    if (!hasSetupBaseViews) {
+      var _hooks_getBaseViews;
+      hasSetupBaseViews = true;
+      var baseViews = (_hooks_getBaseViews = import_setupHooks.hooks.getBaseViews) === null || _hooks_getBaseViews === void 0 ? void 0 : _hooks_getBaseViews.call(import_setupHooks.hooks);
+      if (baseViews) {
+        BaseText = baseViews.Text;
+        BaseView = baseViews.View;
       }
     }
     if (process.env.NODE_ENV === "test") {
@@ -265,76 +150,67 @@ function createComponent(staticConfig) {
     var overriddenContextProps = null;
     var componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext);
     var hasTextAncestor = !!(import_constants.isWeb && isText ? componentContext.inText : false);
-    var isInsideNativeMenu = true ? import_react.default.useContext(import_native.NativeMenuContext) : false;
+    var isInsideNativeMenu = import_react.default.useContext(import_native.NativeMenuContext);
     if (!process.env.GUI_IS_CORE_NODE && process.env.NODE_ENV === "development" && debugProp === "profile" && !time) {
-      var timer = require("@hanzogui/timer").timer();
-      time = timer.start();
+      time = require("@hanzogui/timer").timer().start();
       globalThis["time"] = time;
     }
-    if (process.env.NODE_ENV === "development" && !time && globalThis.time) {
-      time = globalThis.time;
-    }
-    if (process.env.NODE_ENV === "development" && time) time`non-tamagui time (ignore)`;
+    if (process.env.NODE_ENV === "development" && !time && globalThis.time) time = globalThis.time;
+    if (process.env.NODE_ENV === "development" && time) time`non-gui time (ignore)`;
     var props = propsIn;
     var componentName = props.componentName || staticConfig.componentName;
     var defaultProps = (0, import_getDefaultProps.getDefaultProps)(staticConfig, props.componentName);
     var [nextProps, overrides] = (0, import_mergeProps.mergeComponentProps)(defaultProps, styledContextValue, propsIn);
     props = nextProps;
     overriddenContextProps = overrides;
-    if (process.env.NODE_ENV === "development" && import_constants.isClient) {
-      import_react.default.useEffect(function () {
-        var node;
-        var overlay = null;
-        var remove = function () {
-          if (overlay) {
-            try {
-              var _overlay_parentNode;
-              (_overlay_parentNode = overlay.parentNode) === null || _overlay_parentNode === void 0 ? void 0 : _overlay_parentNode.removeChild(overlay);
-              overlay = null;
-            } catch (e) {}
-          }
-        };
-        var debugVisualizerHandler = function () {
-          var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-          node = stateRef.current.host;
-          if (!node) return;
-          if (show) {
-            if (!overlay) {
-              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";
-            }
-            var dataAt = node.getAttribute("data-at") || "";
-            var dataIn = node.getAttribute("data-in") || "";
-            var tooltip = document.createElement("span");
-            tooltip.style.position = "absolute";
-            tooltip.style.top = "0px";
-            tooltip.style.left = "0px";
-            tooltip.style.padding = "3px";
-            tooltip.style.background = "rgba(0,0,0,0.75)";
-            tooltip.style.color = "rgba(255,255,255,1)";
-            tooltip.style.fontSize = "12px";
-            tooltip.style.lineHeight = "12px";
-            tooltip.style.fontFamily = "monospace";
-            tooltip.innerText = `${componentName || ""} ${dataAt} ${dataIn}`.trim();
-            overlay.appendChild(tooltip);
-            node.appendChild(overlay);
-          } else {
-            remove();
+    if (process.env.NODE_ENV === "development" && import_constants.isClient) import_react.default.useEffect(function () {
+      var node;
+      var overlay = null;
+      var remove = function () {
+        if (overlay) try {
+          var _overlay_parentNode;
+          (_overlay_parentNode = overlay.parentNode) === null || _overlay_parentNode === void 0 || _overlay_parentNode.removeChild(overlay);
+          overlay = null;
+        } catch (e) {}
+      };
+      var debugVisualizerHandler = function () {
+        var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+        node = stateRef.current.host;
+        if (!node) return;
+        if (show) {
+          if (!overlay) {
+            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";
           }
-        };
-        debugKeyListeners = debugKeyListeners || /* @__PURE__ */new Set();
-        debugKeyListeners.add(debugVisualizerHandler);
-        return function () {
-          remove();
-          debugKeyListeners === null || debugKeyListeners === void 0 ? void 0 : debugKeyListeners.delete(debugVisualizerHandler);
-        };
-      }, [componentName]);
-    }
+          var dataAt = node.getAttribute("data-at") || "";
+          var dataIn = node.getAttribute("data-in") || "";
+          var tooltip = document.createElement("span");
+          tooltip.style.position = "absolute";
+          tooltip.style.top = "0px";
+          tooltip.style.left = "0px";
+          tooltip.style.padding = "3px";
+          tooltip.style.background = "rgba(0,0,0,0.75)";
+          tooltip.style.color = "rgba(255,255,255,1)";
+          tooltip.style.fontSize = "12px";
+          tooltip.style.lineHeight = "12px";
+          tooltip.style.fontFamily = "monospace";
+          tooltip.innerText = `${componentName || ""} ${dataAt} ${dataIn}`.trim();
+          overlay.appendChild(tooltip);
+          node.appendChild(overlay);
+        } else remove();
+      };
+      debugKeyListeners = debugKeyListeners || /* @__PURE__ */new Set();
+      debugKeyListeners.add(debugVisualizerHandler);
+      return function () {
+        remove();
+        debugKeyListeners === null || debugKeyListeners === void 0 || debugKeyListeners.delete(debugVisualizerHandler);
+      };
+    }, [componentName]);
     var groupContextParent = import_react.default.useContext(import_GroupContext.GroupContext);
     var animationDriver = function () {
       if (props.animatedBy && config) {
@@ -369,22 +245,18 @@ function createComponent(staticConfig) {
       willBeAnimatedClient,
       startedUnhydrated
     } = componentState;
-    if (hasAnimationProp && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders)) {
-      (0, import_constants.useIsomorphicLayoutEffect)(function () {
-        var pendingState = stateRef.current.nextState;
-        if (pendingState) {
-          stateRef.current.nextState = void 0;
-          componentState.setStateShallow(pendingState);
-        }
-      });
-    }
+    if (hasAnimationProp && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders)) (0, import_constants.useIsomorphicLayoutEffect)(function () {
+      var pendingState = stateRef.current.nextState;
+      if (pendingState) {
+        stateRef.current.nextState = void 0;
+        componentState.setStateShallow(pendingState);
+      }
+    });
     var allGroupContexts = (0, import_react.useMemo)(function () {
       var _stateRef_current_group_listeners, _stateRef_current_group;
-      if (!groupName || props.passThrough) {
-        return groupContextParent;
-      }
+      if (!groupName || props.passThrough) return groupContextParent;
       var listeners = /* @__PURE__ */new Set();
-      (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 ? void 0 : (_stateRef_current_group_listeners = _stateRef_current_group.listeners) === null || _stateRef_current_group_listeners === void 0 ? void 0 : _stateRef_current_group_listeners.clear();
+      (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || (_stateRef_current_group_listeners = _stateRef_current_group.listeners) == null || _stateRef_current_group_listeners.clear();
       stateRef.current.group = {
         listeners,
         emit(state2) {
@@ -394,18 +266,14 @@ function createComponent(staticConfig) {
         },
         subscribe(cb) {
           listeners.add(cb);
-          if (listeners.size === 1) {
-            setStateShallow({
-              hasDynGroupChildren: true
-            });
-          }
+          if (listeners.size === 1) setStateShallow({
+            hasDynGroupChildren: true
+          });
           return function () {
             listeners.delete(cb);
-            if (listeners.size === 0) {
-              setStateShallow({
-                hasDynGroupChildren: false
-              });
-            }
+            if (listeners.size === 0) setStateShallow({
+              hasDynGroupChildren: false
+            });
           };
         }
       };
@@ -419,7 +287,7 @@ function createComponent(staticConfig) {
             var _stateRef_current_group2;
             var dispose = (_stateRef_current_group2 = stateRef.current.group) === null || _stateRef_current_group2 === void 0 ? void 0 : _stateRef_current_group2.subscribe(listener);
             return function () {
-              dispose === null || dispose === void 0 ? void 0 : dispose();
+              dispose === null || dispose === void 0 || dispose();
             };
           }
         }
@@ -430,16 +298,10 @@ function createComponent(staticConfig) {
     var renderProp = props.render;
     var isRenderString = !Component || typeof Component === "string";
     var element = import_constants.isWeb ? isRenderString ? renderProp || Component : Component : Component;
-    var BaseTextComponent = BaseText || element || "span";
-    var BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div");
-    var BaseComponent = isText ? BaseTextComponent : BaseViewComponent;
+    var BaseComponent = isText ? BaseText || element || "span" : BaseView || element || (hasTextAncestor ? "span" : "div");
     var elementType = BaseComponent;
-    var isAnimatedCustomComponent = animationDriver && isAnimated && animationDriver.needsCustomComponent;
-    if (isAnimatedCustomComponent) {
-      elementType = animationDriver[isText ? "Text" : "View"] || elementType;
-    }
-    var disableThemeProp = true ? false : props["data-disable-theme"];
-    var disableTheme = disableThemeProp || isHOC;
+    if (animationDriver && isAnimated && animationDriver.needsCustomComponent) elementType = animationDriver[isText ? "Text" : "View"] || elementType;
+    var disableTheme = isHOC;
     if (process.env.NODE_ENV === "development" && time) time`theme-props`;
     var themeStateProps = {
       componentName,
@@ -448,15 +310,11 @@ function createComponent(staticConfig) {
       debug: debugProp,
       unstyled: props.unstyled
     };
-    if ("theme" in props) {
-      themeStateProps.name = props.theme;
-    }
+    if ("theme" in props) themeStateProps.name = props.theme;
     themeStateProps.needsUpdate = function () {
       return !!stateRef.current.isListeningToTheme;
     };
-    if (true) {
-      themeStateProps.deopt = willBeAnimated;
-    }
+    themeStateProps.deopt = willBeAnimated;
     if (process.env.NODE_ENV === "development") {
       if (debugProp && debugProp !== "profile") {
         var name = `${componentName || (Component === null || Component === void 0 ? void 0 : Component.displayName) || (Component === null || Component === void 0 ? void 0 : Component.name) || "[Unnamed Component]"}`;
@@ -465,19 +323,15 @@ function createComponent(staticConfig) {
         var banner = `<${name} /> ${internalID} ${dataIs ? ` ${dataIs}` : ""} ${type.trim()} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`;
         var ch = propsIn.children;
         var childLog = typeof ch === "string" ? ch.length > 4 ? ch.slice(0, 4) + "..." : ch : "";
-        if (childLog.length) {
-          childLog = `(children: ${childLog})`;
-        }
+        if (childLog.length) childLog = `(children: ${childLog})`;
         if (import_constants.isWeb) {
           console.info(`%c ${banner}`, "background: green; color: white;");
-          if (import_constants.isServer) {
-            (0, import_log.log)({
-              noClass,
-              isAnimated,
-              isWeb: import_constants.isWeb,
-              inputStyle
-            });
-          } else {
+          if (import_constants.isServer) (0, import_log.log)({
+            noClass,
+            isAnimated,
+            isWeb: import_constants.isWeb,
+            inputStyle
+          });else {
             console.groupEnd();
             console.groupCollapsed(`${childLog} [inspect props, state, context \u{1F447}]`);
             (0, import_log.log)("props in:", propsIn);
@@ -531,13 +385,10 @@ ${banner}
     var mediaState = (0, import_useMedia.useMedia)(componentContext, debugProp);
     (0, import_createVariable.setDidGetVariableValue)(false);
     if (process.env.NODE_ENV === "development" && time) time`media`;
-    var resolveValues =
-    // if HOC + mounted + has animation prop, resolve as value so it passes non-variable to child
-    isAnimated && inputStyle !== "css" || isHOC && state.unmounted == false && hasAnimationProp ? "value" : "auto";
     var styleProps = {
       mediaState,
       noClass,
-      resolveValues,
+      resolveValues: isAnimated && inputStyle !== "css" || isHOC && state.unmounted == false && hasAnimationProp ? "value" : "auto",
       isExiting,
       isAnimated,
       willBeAnimated,
@@ -556,24 +407,18 @@ ${banner}
           overriddenContextProps = overriddenContextProps || {};
           overriddenContextProps[key] = splitStyles.overriddenContextProps[key];
         }
-        if (!staticConfig.context) {
-          contextForOverride = contextForProps;
-        }
+        if (!staticConfig.context) contextForOverride = contextForProps;
       }
     }
     var groupContext = groupName ? (allGroupContexts === null || allGroupContexts === void 0 ? void 0 : allGroupContexts[groupName]) || null : null;
-    if (!isPassthrough && groupContext &&
-    // avoids onLayout if we don't need it
-    props.containerType !== "normal") {
+    if (!isPassthrough && groupContext && props.containerType !== "normal") {
       var groupState = groupContext === null || groupContext === void 0 ? void 0 : groupContext.state;
       if (groupState && groupState.layout === void 0) {
         var _splitStyles_style, _splitStyles_style1;
-        if (((_splitStyles_style = splitStyles.style) === null || _splitStyles_style === void 0 ? void 0 : _splitStyles_style.width) || ((_splitStyles_style1 = splitStyles.style) === null || _splitStyles_style1 === void 0 ? void 0 : _splitStyles_style1.height)) {
-          groupState.layout = {
-            width: fromPx(splitStyles.style.width),
-            height: fromPx(splitStyles.style.height)
-          };
-        }
+        if (((_splitStyles_style = splitStyles.style) === null || _splitStyles_style === void 0 ? void 0 : _splitStyles_style.width) || ((_splitStyles_style1 = splitStyles.style) === null || _splitStyles_style1 === void 0 ? void 0 : _splitStyles_style1.height)) groupState.layout = {
+          width: fromPx(splitStyles.style.width),
+          height: fromPx(splitStyles.style.height)
+        };
       }
     }
     var hasEnterExitTransition = props.transition && _type_of(props.transition) === "object" && !Array.isArray(props.transition) && ("enter" in props.transition || "exit" in props.transition);
@@ -591,7 +436,6 @@ ${banner}
           notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
         }
       };
-      var updateGroupListeners = updateGroupListeners2;
       var ogSetStateShallow = setStateShallow;
       stateRef.current.updateStyleListener = function () {
         var useStyleListener = stateRef.current.useStyleListener;
@@ -618,12 +462,12 @@ ${banner}
         var updateListener = function (next) {
           var _stateRef_current_updateStyleListener, _stateRef_current;
           stateRef.current.nextMedia = next;
-          (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 ? void 0 : _stateRef_current_updateStyleListener.call(_stateRef_current);
+          (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
         };
         componentContext.mediaEmitListeners.add(updateListener);
         stateRef.current.mediaEmitCleanup = function () {
           var _componentContext_mediaEmitListeners;
-          (_componentContext_mediaEmitListeners = componentContext.mediaEmitListeners) === null || _componentContext_mediaEmitListeners === void 0 ? void 0 : _componentContext_mediaEmitListeners.delete(updateListener);
+          (_componentContext_mediaEmitListeners = componentContext.mediaEmitListeners) === null || _componentContext_mediaEmitListeners === void 0 || _componentContext_mediaEmitListeners.delete(updateListener);
         };
       }
       componentContext.mediaEmit = componentContext.mediaEmit || function (next) {
@@ -640,22 +484,16 @@ ${banner}
           _iteratorError = err;
         } finally {
           try {
-            if (!_iteratorNormalCompletion && _iterator.return != null) {
-              _iterator.return();
-            }
+            if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
           } finally {
-            if (_didIteratorError) {
-              throw _iteratorError;
-            }
+            if (_didIteratorError) throw _iteratorError;
           }
         }
       };
       stateRef.current.setStateShallow = function (nextOrGetNext) {
         var prev = stateRef.current.nextState || state;
         var next = typeof nextOrGetNext === "function" ? nextOrGetNext(prev) : nextOrGetNext;
-        if (next === prev || (0, import_is_equal_shallow.isEqualShallow)(prev, next)) {
-          return;
-        }
+        if (next === prev || (0, import_is_equal_shallow.isEqualShallow)(prev, next)) return;
         var canAvoidReRender = Object.keys(next).every(function (key3) {
           return avoidReRenderKeys.has(key3);
         });
@@ -675,20 +513,18 @@ ${banner}
             console.groupEnd();
           }
           updateGroupListeners2();
-          (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 ? void 0 : _stateRef_current_updateStyleListener.call(_stateRef_current);
+          (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
         } else {
-          if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
-            console.info(`[\u{1F40C}] re-render`, {
-              canAvoidReRender,
-              next
-            });
-          }
+          if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") console.info(`[\u{1F40C}] re-render`, {
+            canAvoidReRender,
+            next
+          });
           ogSetStateShallow(next);
         }
       };
       setStateShallow = function (state2) {
         var _stateRef_current_setStateShallow, _stateRef_current;
-        (_stateRef_current_setStateShallow = (_stateRef_current = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 ? void 0 : _stateRef_current_setStateShallow.call(_stateRef_current, state2);
+        (_stateRef_current_setStateShallow = (_stateRef_current = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current, state2);
       };
     }
     if (process.env.NODE_ENV === "development" && time) time`split-styles`;
@@ -697,16 +533,12 @@ ${banner}
         splitStyles.style = splitStyles.style || {};
         splitStyles.style.opacity = 0;
       }
-      if (splitStyles.dynamicThemeAccess != null) {
-        stateRef.current.isListeningToTheme = splitStyles.dynamicThemeAccess;
-      }
+      if (splitStyles.dynamicThemeAccess != null) stateRef.current.isListeningToTheme = splitStyles.dynamicThemeAccess;
     }
     var hasRuntimeMediaKeys = (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasMedia) && splitStyles.hasMedia !== true;
     var shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClass && (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasMedia) === true;
     var mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
-    if (process.env.NODE_ENV === "development" && debugProp === "verbose") {
-      console.info(`useMedia() createComponent`, shouldListenForMedia, mediaListeningKeys);
-    }
+    if (process.env.NODE_ENV === "development" && debugProp === "verbose") console.info(`useMedia() createComponent`, shouldListenForMedia, mediaListeningKeys);
     (0, import_useMedia.setMediaShouldUpdate)(componentContext, shouldListenForMedia, mediaListeningKeys);
     var {
       viewProps: viewPropsIn,
@@ -735,48 +567,33 @@ ${banner}
       onFocus,
       onBlur,
       separator,
-      // ignore from here on out
       passThrough,
       forceStyle: _forceStyle,
-      // @ts-ignore  for next/link compat etc
       onClick,
       theme: _themeProp,
       ...nonGuiProps
     } = viewPropsIn || {};
     var viewProps = nonGuiProps;
-    if (props.forceStyle) {
-      viewProps.forceStyle = props.forceStyle;
-    }
+    if (props.forceStyle) viewProps.forceStyle = props.forceStyle;
     if (isHOC) {
-      if (typeof _themeProp !== "undefined") {
-        viewProps.theme = _themeProp;
-      }
-      if (typeof passThrough !== "undefined") {
-        viewProps.passThrough = passThrough;
-      }
+      if (typeof _themeProp !== "undefined") viewProps.theme = _themeProp;
+      if (typeof passThrough !== "undefined") viewProps.passThrough = passThrough;
     }
     var animationStyles;
-    var shouldUseAnimation =
-    // if it supports css vars we run it on server too to get matching initial style
-    (inputStyle === "css" ? willBeAnimatedClient : willBeAnimated) && useAnimations && !isHOC;
+    var shouldUseAnimation = (inputStyle === "css" ? willBeAnimatedClient : willBeAnimated) && useAnimations && !isHOC;
     var animatedRef;
     if (shouldUseAnimation) {
       var useStyleEmitter = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) ? function (listener) {
         stateRef.current.useStyleListener = listener;
       } : void 0;
       var effectiveTransition = (0, import_pseudoTransitions.resolveEffectivePseudoTransition)(stateRef.current.prevPseudoState, state, splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.pseudoTransitions, props.transition);
-      if (splitStyles) {
-        splitStyles.effectiveTransition = effectiveTransition;
-      }
+      if (splitStyles) splitStyles.effectiveTransition = effectiveTransition;
       stateRef.current.prevPseudoState = (0, import_pseudoTransitions.extractPseudoState)(state);
       var animations = useAnimations({
         props: propsWithAnimation,
-        // clone style to prevent animation driver mutations from leaking to viewProps
-        // during SSR/pre-hydration (CSS driver mutates style.transition in place)
         style: isHydrated ? splitStylesStyle || {} : {
           ...splitStylesStyle
         },
-        // @ts-ignore
         styleState: splitStyles,
         useStyleEmitter,
         presence,
@@ -789,61 +606,43 @@ ${banner}
         stateRef
       });
       if (animations) {
-        if (animations.ref) {
-          animatedRef = animations.ref;
-        }
+        if (animations.ref) animatedRef = animations.ref;
         if (isHydrated && animations) {
           animationStyles = animations.style;
           viewProps.style = animationStyles;
-          if (animations.className) {
-            viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`;
-          }
+          if (animations.className) viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`;
         }
       }
       if (process.env.NODE_ENV === "development" && time) time`animations`;
     }
-    if (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 (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}`);
-    }
     if (process.env.NODE_ENV === "development" && time) time`destructure`;
-    if (!isPassthrough && groupContext &&
-    // avoids onLayout if we don't need it
-    props.containerType !== "normal") {
-      nonGuiProps.onLayout = (0, import_helpers.composeEventHandlers)(nonGuiProps.onLayout, function (e) {
-        var _stateRef_current_group;
-        var layout = e.nativeEvent.layout;
-        groupContext.state.layout = layout;
-        (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 ? void 0 : _stateRef_current_group.emit({
-          layout
-        });
-        if (!stateRef.current.hasMeasured && props.untilMeasured === "hide") {
-          setState(function (prev) {
-            return {
-              ...prev
-            };
-          });
-        }
-        stateRef.current.hasMeasured = true;
+    if (!isPassthrough && groupContext && props.containerType !== "normal") nonGuiProps.onLayout = (0, import_helpers.composeEventHandlers)(nonGuiProps.onLayout, function (e) {
+      var _stateRef_current_group;
+      var layout = e.nativeEvent.layout;
+      groupContext.state.layout = layout;
+      (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || _stateRef_current_group.emit({
+        layout
       });
-    }
+      if (!stateRef.current.hasMeasured && props.untilMeasured === "hide") setState(function (prev) {
+        return {
+          ...prev
+        };
+      });
+      stateRef.current.hasMeasured = true;
+    });
     viewProps = ((_hooks_usePropsTransform = import_setupHooks.hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(import_setupHooks.hooks, elementType, nonGuiProps, stateRef, stateRef.current.willHydrate)) || nonGuiProps;
-    if (!stateRef.current.composedRef) {
-      stateRef.current.composedRef = (0, import_compose_refs.composeRefs)(function (x) {
-        return stateRef.current.host = x;
-      }, forwardedRef, import_setElementProps.setElementProps, animatedRef);
-    }
+    if (!stateRef.current.composedRef) stateRef.current.composedRef = (0, import_compose_refs.composeRefs)(function (x) {
+      return stateRef.current.host = x;
+    }, forwardedRef, import_setElementProps.setElementProps, animatedRef);
     viewProps.ref = stateRef.current.composedRef;
     (0, import_pointerEvents.usePointerEvents)(props, viewProps);
     if (process.env.NODE_ENV === "development") {
-      if (!isReactNative && !isText && import_constants.isWeb && !isHOC) {
-        import_react.default.Children.toArray(props.children).forEach(function (item) {
-          if (typeof item === "string" && item !== "\n") {
-            console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <${staticConfig.componentName || propsIn.tag || "View"}>.`, props);
-          }
-        });
-      }
+      if (!isReactNative && !isText && import_constants.isWeb && !isHOC) import_react.default.Children.toArray(props.children).forEach(function (item) {
+        if (typeof item === "string" && item !== "\n") console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <${staticConfig.componentName || propsIn.tag || "View"}>.`, props);
+      });
     }
     if (process.env.NODE_ENV === "development" && time) time`events-hooks`;
     var unPress = function () {
@@ -852,26 +651,23 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         pressIn: false
       });
     };
-    if (process.env.NODE_ENV === "development" && import_constants.isWeb) {
-      (0, import_constants.useIsomorphicLayoutEffect)(function () {
-        if (debugProp === "verbose") {
-          let cssStyleDeclarationToObject2 = function (style) {
-            var styleObject = {};
-            for (var i = 0; i < style.length; i++) {
-              var prop = style[i];
-              styleObject[prop] = style.getPropertyValue(prop);
-            }
-            return styleObject;
-          };
-          var cssStyleDeclarationToObject = cssStyleDeclarationToObject2;
-          var computed = stateRef.current.host ? cssStyleDeclarationToObject2(getComputedStyle(stateRef.current.host)) : {};
-          console.groupCollapsed(`Rendered > (opacity: ${computed.opacity})`);
-          console.warn(stateRef.current.host);
-          console.warn(computed);
-          console.groupEnd();
-        }
-      });
-    }
+    if (process.env.NODE_ENV === "development" && import_constants.isWeb) (0, import_constants.useIsomorphicLayoutEffect)(function () {
+      if (debugProp === "verbose") {
+        let cssStyleDeclarationToObject2 = function (style) {
+          var styleObject = {};
+          for (var i = 0; i < style.length; i++) {
+            var prop = style[i];
+            styleObject[prop] = style.getPropertyValue(prop);
+          }
+          return styleObject;
+        };
+        var computed = stateRef.current.host ? cssStyleDeclarationToObject2(getComputedStyle(stateRef.current.host)) : {};
+        console.groupCollapsed(`Rendered > (opacity: ${computed.opacity})`);
+        console.warn(stateRef.current.host);
+        console.warn(computed);
+        console.groupEnd();
+      }
+    });
     (0, import_constants.useIsomorphicLayoutEffect)(function () {
       if (state.unmounted === true && hasEnterStyle) {
         setStateShallow({
@@ -902,7 +698,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       return function () {
         var _stateRef_current_mediaEmitCleanup, _stateRef_current;
         componentSetStates.delete(setState);
-        (_stateRef_current_mediaEmitCleanup = (_stateRef_current = stateRef.current).mediaEmitCleanup) === null || _stateRef_current_mediaEmitCleanup === void 0 ? void 0 : _stateRef_current_mediaEmitCleanup.call(_stateRef_current);
+        (_stateRef_current_mediaEmitCleanup = (_stateRef_current = stateRef.current).mediaEmitCleanup) === null || _stateRef_current_mediaEmitCleanup === void 0 || _stateRef_current_mediaEmitCleanup.call(_stateRef_current);
       };
     }, [state.unmounted, inputStyle]);
     (0, import_constants.useIsomorphicLayoutEffect)(function () {
@@ -933,85 +729,64 @@ If you meant to do this, you can disable this warning - either change untilMeasu
     var shouldAttach = !disabled && !props.asChild && Boolean(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
     var needsPressState = Boolean(hasDynamicGroupChildren || runtimePressStyle);
     if (process.env.NODE_ENV === "development" && time) time`events-setup`;
-    if (process.env.NODE_ENV === "development" && debugProp === "verbose") {
-      (0, import_log.log)(`\u{1FAA9} events()`, {
-        runtimeFocusStyle,
-        runtimePressStyle,
-        runtimeHoverStyle,
-        runtimeFocusVisibleStyle,
-        attachPress,
-        attachFocus,
-        attachHover,
-        shouldAttach,
-        needsHoverState,
-        pseudos
-      });
-    }
+    if (process.env.NODE_ENV === "development" && debugProp === "verbose") (0, import_log.log)(`\u{1FAA9} events()`, {
+      runtimeFocusStyle,
+      runtimePressStyle,
+      runtimeHoverStyle,
+      runtimeFocusVisibleStyle,
+      attachPress,
+      attachFocus,
+      attachHover,
+      shouldAttach,
+      needsHoverState,
+      pseudos
+    });
     var events = shouldAttach ? {
       onPressOut: attachPress ? function (e) {
         unPress();
-        onPressOut === null || onPressOut === void 0 ? void 0 : onPressOut(e);
-        onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(e);
+        onPressOut === null || onPressOut === void 0 || onPressOut(e);
+        onMouseUp === null || onMouseUp === void 0 || onMouseUp(e);
       } : void 0,
       ...((attachHover || attachPress) && {
         onMouseEnter: function (e) {
           var next = {};
-          if (needsHoverState && !lastInteractionWasTouch.value) {
-            next.hover = true;
-          }
+          if (needsHoverState && !lastInteractionWasTouch.value) next.hover = true;
           if (needsPressState) {
-            if (state.pressIn) {
-              next.press = true;
-            }
+            if (state.pressIn) next.press = true;
           }
           setStateShallow(next);
-          onHoverIn === null || onHoverIn === void 0 ? void 0 : onHoverIn(e);
-          onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+          onHoverIn === null || onHoverIn === void 0 || onHoverIn(e);
+          onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(e);
         },
         onMouseLeave: function (e) {
           var next = {};
-          if (needsHoverState) {
-            next.hover = false;
-          }
+          if (needsHoverState) next.hover = false;
           if (needsPressState) {
             next.press = false;
             next.pressIn = false;
           }
           setStateShallow(next);
-          onHoverOut === null || onHoverOut === void 0 ? void 0 : onHoverOut(e);
-          onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+          onHoverOut === null || onHoverOut === void 0 || onHoverOut(e);
+          onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(e);
         }
       }),
       onPressIn: attachPress ? function (e) {
-        if (needsPressState) {
-          setStateShallow({
-            press: true,
-            pressIn: true
-          });
-        }
-        onPressIn === null || onPressIn === void 0 ? void 0 : onPressIn(e);
-        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(e);
-        if (import_constants.isWeb) {
-          componentSetStates.add(setState);
-        }
+        if (needsPressState) setStateShallow({
+          press: true,
+          pressIn: true
+        });
+        onPressIn === null || onPressIn === void 0 || onPressIn(e);
+        onMouseDown === null || onMouseDown === void 0 || onMouseDown(e);
+        if (import_constants.isWeb) componentSetStates.add(setState);
       } : void 0,
       onPress: attachPress ? function (e) {
         unPress();
-        if (false) {
-          onClick === null || onClick === void 0 ? void 0 : onClick(e);
-          if (onPress || onClick) {
-            e.stopPropagation();
-          }
-        }
-        onPress === null || onPress === void 0 ? void 0 : onPress(e);
-        if (false) {
-          onLongPress === null || onLongPress === void 0 ? void 0 : onLongPress(e);
-        }
+        onPress === null || onPress === void 0 || onPress(e);
       } : void 0,
       ...(attachPress && onLongPress && {
         onLongPress: function (e) {
           unPress();
-          onLongPress === null || onLongPress === void 0 ? void 0 : onLongPress(e);
+          onLongPress === null || onLongPress === void 0 || onLongPress(e);
         }
       }),
       ...(attachFocus && {
@@ -1024,29 +799,21 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             next.focusWithin = true;
           }
           if (pseudos === null || pseudos === void 0 ? void 0 : pseudos.focusVisibleStyle) {
-            if (lastInteractionWasKeyboard.value) {
-              next.focusVisible = true;
-            } else {
-              next.focus = true;
-            }
-          } else {
-            next.focus = true;
-          }
+            if (lastInteractionWasKeyboard.value) next.focusVisible = true;else next.focus = true;
+          } else next.focus = true;
           setStateShallow(next);
-          onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+          onFocus === null || onFocus === void 0 || onFocus(e);
         },
         onBlur: function (e) {
-          if (componentContext.setParentFocusState) {
-            componentContext.setParentFocusState({
-              focusWithin: false
-            });
-          }
+          if (componentContext.setParentFocusState) componentContext.setParentFocusState({
+            focusWithin: false
+          });
           setStateShallow({
             focus: false,
             focusVisible: false,
             focusWithin: false
           });
-          onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+          onBlur === null || onBlur === void 0 || onBlur(e);
         }
       })
     } : null;
@@ -1063,58 +830,33 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         minPressDuration: 0
       });
     }
-    if (false) {
-      Object.assign(viewProps, (0, import_eventHandling.getWebEvents)(events));
-    }
     if (process.env.NODE_ENV === "development" && time) time`events`;
-    if (process.env.NODE_ENV === "development" && debugProp === "verbose") {
-      (0, import_log.log)(`events`, {
-        events,
-        attachHover,
-        attachPress
-      });
-    }
+    if (process.env.NODE_ENV === "development" && debugProp === "verbose") (0, import_log.log)(`events`, {
+      events,
+      attachHover,
+      attachPress
+    });
     var propsWithHref = props;
     var propsInWithHref = propsIn;
     var _props_testID, _ref, _ref1, _ref2, _ref3;
-    var pressDebugDetail = (_ref3 = (_ref2 = (_ref1 = (_ref = (_props_testID = props.testID) !== null && _props_testID !== void 0 ? _props_testID : propsIn.testID) !== null && _ref !== void 0 ? _ref : props.accessibilityLabel) !== null && _ref1 !== void 0 ? _ref1 : propsIn.accessibilityLabel) !== null && _ref2 !== void 0 ? _ref2 : typeof propsWithHref.href === "string" ? propsWithHref.href : null) !== null && _ref3 !== void 0 ? _ref3 : typeof propsInWithHref.href === "string" ? propsInWithHref.href : null;
-    var pressDebugName = [componentName, pressDebugDetail].filter(Boolean).join(":") || null;
-    var pressGesture = true ? (0, import_eventHandling.useEvents)(events, viewProps, stateRef, staticConfig, isHOC, isInsideNativeMenu, pressDebugName) : null;
+    var pressDebugName = [componentName, (_ref3 = (_ref2 = (_ref1 = (_ref = (_props_testID = props.testID) !== null && _props_testID !== void 0 ? _props_testID : propsIn.testID) !== null && _ref !== void 0 ? _ref : props.accessibilityLabel) !== null && _ref1 !== void 0 ? _ref1 : propsIn.accessibilityLabel) !== null && _ref2 !== void 0 ? _ref2 : typeof propsWithHref.href === "string" ? propsWithHref.href : null) !== null && _ref3 !== void 0 ? _ref3 : typeof propsInWithHref.href === "string" ? propsInWithHref.href : null].filter(Boolean).join(":") || null;
+    var pressGesture = (0, import_eventHandling.useEvents)(events, viewProps, stateRef, staticConfig, isHOC, isInsideNativeMenu, pressDebugName);
     if (process.env.NODE_ENV === "development" && time) time`hooks`;
     if (asChild) {
       elementType = import_Slot.Slot;
-      if (false) {
-        var webStyleEvents = asChild === "web" || asChild === "except-style-web";
-        var passEvents = (0, import_eventHandling.getWebEvents)({
-          onPress,
-          onLongPress,
-          onPressIn,
-          onPressOut,
-          onMouseUp,
-          onMouseDown,
-          onMouseEnter,
-          onMouseLeave
-        }, webStyleEvents);
-        Object.assign(viewProps, passEvents);
-      } else {
-        Object.assign(viewProps, {
-          onPress,
-          onLongPress
-        });
-      }
+      Object.assign(viewProps, {
+        onPress,
+        onLongPress
+      });
     }
     if (process.env.NODE_ENV === "development" && time) time`spaced-as-child`;
     var content;
-    if (isPassthrough) {
-      content = /* @__PURE__ */import_react.default.createElement(BaseComponent, {
-        style: {
-          display: "contents"
-        }
-      }, propsIn.children);
-    } else {
-      if (import_setupHooks.hooks.useChildren) {
-        content = import_setupHooks.hooks.useChildren(elementType, content || children, viewProps);
+    if (isPassthrough) content = /* @__PURE__ */import_react.default.createElement(BaseComponent, {
+      style: {
+        display: "contents"
       }
+    }, propsIn.children);else {
+      if (import_setupHooks.hooks.useChildren) content = import_setupHooks.hooks.useChildren(elementType, content || children, viewProps);
       var isRenderPropString = typeof renderProp === "string";
       if (renderProp && !isRenderPropString) {
         var out = getCustomRender(renderProp, content || children, viewProps, componentState);
@@ -1124,76 +866,39 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         }
       }
       if (!content) {
-        if (isRenderPropString) {
-          viewProps.render === renderProp;
-        }
+        if (isRenderPropString) viewProps.render;
         content = /* @__PURE__ */import_react.default.createElement(elementType, viewProps, content || children);
       }
       if (process.env.NODE_ENV === "development" && time) time`use-children`;
     }
-    if (true) {
-      var isCompositeComponent = !isHOC && Component && typeof Component !== "string";
-      content = (0, import_eventHandling.wrapWithGestureDetector)(content, pressGesture, stateRef, isHOC, isCompositeComponent);
-    }
+    var isCompositeComponent = !isHOC && Component && typeof Component !== "string";
+    content = (0, import_eventHandling.wrapWithGestureDetector)(content, pressGesture, stateRef, isHOC, isCompositeComponent);
     var ResetPresence = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.ResetPresence;
     var needsReset = Boolean(
     // not when passing down to child
-    !asChild &&
-    // not when passThrough
-    splitStyles &&
-    // not when HOC
-    !isHOC && ResetPresence && willBeAnimated && (hasEnterStyle || presenceState));
+    !asChild && splitStyles && !isHOC && ResetPresence && willBeAnimated && (hasEnterStyle || presenceState));
     var hasEverReset = stateRef.current.hasEverResetPresence;
-    if (needsReset && !hasEverReset) {
-      stateRef.current.hasEverResetPresence = true;
-    }
-    var renderReset = needsReset || hasEverReset;
-    if (renderReset && ResetPresence) {
-      content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ResetPresence, {
-        disabled: !needsReset,
-        children: content
-      });
-    }
+    if (needsReset && !hasEverReset) stateRef.current.hasEverResetPresence = true;
+    if ((needsReset || hasEverReset) && ResetPresence) content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ResetPresence, {
+      disabled: !needsReset,
+      children: content
+    });
     if (process.env.NODE_ENV === "development" && time) time`create-element`;
-    if ("focusWithinStyle" in propsIn || (pseudos === null || pseudos === void 0 ? void 0 : pseudos.focusWithinStyle)) {
-      content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
-        ...componentContext,
-        setParentFocusState: setStateShallow,
-        children: content
-      });
-    }
-    if ("group" in props) {
-      content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GroupContext.GroupContext.Provider, {
-        value: allGroupContexts,
-        children: content
-      });
-    }
-    if (false) {
-      content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
-        ...componentContext,
-        inText: true,
-        children: content
-      });
-    }
+    if ("focusWithinStyle" in propsIn || (pseudos === null || pseudos === void 0 ? void 0 : pseudos.focusWithinStyle)) content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
+      ...componentContext,
+      setParentFocusState: setStateShallow,
+      children: content
+    });
+    if ("group" in props) content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GroupContext.GroupContext.Provider, {
+      value: allGroupContexts,
+      children: content
+    });
     if (process.env.NODE_ENV === "development" && time) time`group-context`;
     content = disableTheme || !splitStyles ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, false, stateRef);
     if (process.env.NODE_ENV === "development" && time) time`themed-children`;
-    if (false) {
-      if (isReactNative && !asChild) {
-        content = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
-          className: "_dsp_contents",
-          ...(!isPassthrough && isHydrated && events && (0, import_eventHandling.getWebEvents)(events)),
-          children: content
-        });
-      }
-    }
     if (overriddenContextProps && contextForOverride) {
       var Provider = contextForOverride.Provider;
-      for (var key1 in styledContextValue) {
-        if (!(key1 in overriddenContextProps)) {
-          overriddenContextProps[key1] = styledContextValue[key1];
-        }
-      }
+      for (var key1 in styledContextValue) if (!(key1 in overriddenContextProps)) overriddenContextProps[key1] = styledContextValue[key1];
       content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Provider, {
         __disableMergeDefaultValues: true,
         ...overriddenContextProps,
@@ -1201,62 +906,49 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       });
     }
     if (process.env.NODE_ENV === "development" && time) time`context-override`;
-    if (false) {
-      content = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [content, /* we surpress hydration warnings */
-        !isHydrated ? (0, import_wrapStyleTags.getStyleTags)(Object.values(splitStyles.rulesToInsert)) : null]
-      });
-    }
     if (process.env.NODE_ENV === "development" && time) time`style-tags`;
     if (process.env.NODE_ENV === "development") {
       if (debugProp && debugProp !== "profile") {
-        var element1 = typeof elementType === "string" ? elementType : "Component";
-        var title = `render <${element1} /> (${internalID}) with props`;
+        var title = `render <${typeof elementType === "string" ? elementType : "Component"} /> (${internalID}) with props`;
         if (!import_constants.isWeb || !import_constants.isClient) {
           (0, import_log.log)(title);
           (0, import_log.log)(`state: `, state);
-          if (import_isDevTools.isDevTools) {
-            (0, import_log.log)("viewProps", viewProps);
-          }
+          if (import_isDevTools.isDevTools) (0, import_log.log)("viewProps", viewProps);
           (0, import_log.log)(`final styles:`);
-          for (var key2 in splitStylesStyle) {
-            (0, import_log.log)(key2, splitStylesStyle[key2]);
-          }
+          for (var key2 in splitStylesStyle) (0, import_log.log)(key2, splitStylesStyle[key2]);
         } else {
           console.groupCollapsed(title);
           try {
             (0, import_log.log)("viewProps", viewProps);
             (0, import_log.log)("children", content);
-            if (typeof window !== "undefined") {
-              (0, import_log.log)({
-                propsIn,
-                props,
-                attachPress,
-                animationStyles,
-                classNames,
-                content,
-                elementType,
-                events,
-                isAnimated,
-                hasRuntimeMediaKeys,
-                isStringElement,
-                mediaListeningKeys,
-                pseudos,
-                shouldAttach,
-                noClass,
-                shouldListenForMedia,
-                splitStyles,
-                splitStylesStyle,
-                state,
-                stateRef,
-                staticConfig,
-                styleProps,
-                themeState,
-                viewProps,
-                willBeAnimated,
-                startedUnhydrated
-              });
-            }
+            if (typeof window !== "undefined") (0, import_log.log)({
+              propsIn,
+              props,
+              attachPress,
+              animationStyles,
+              classNames,
+              content,
+              elementType,
+              events,
+              isAnimated,
+              hasRuntimeMediaKeys,
+              isStringElement,
+              mediaListeningKeys,
+              pseudos,
+              shouldAttach,
+              noClass,
+              shouldListenForMedia,
+              splitStyles,
+              splitStylesStyle,
+              state,
+              stateRef,
+              staticConfig,
+              styleProps,
+              themeState,
+              viewProps,
+              willBeAnimated,
+              startedUnhydrated
+            });
           } catch (e) {} finally {
             console.groupEnd();
           }
@@ -1278,9 +970,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
     return content;
   });
   function notifyGroupSubscribers(groupContext, groupEmitter, pseudo) {
-    if (!groupContext || !groupEmitter) {
-      return;
-    }
+    if (!groupContext || !groupEmitter) return;
     var nextState = {
       ...groupContext.state,
       pseudo
@@ -1288,9 +978,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
     groupEmitter.emit(nextState);
     groupContext.state = nextState;
   }
-  if (staticConfig.componentName) {
-    component.displayName = staticConfig.componentName;
-  }
+  if (staticConfig.componentName) component.displayName = staticConfig.componentName;
   var res = component;
   res = /* @__PURE__ */import_react.default.memo(res);
   res.staticConfig = staticConfig;
@@ -1304,13 +992,10 @@ If you meant to do this, you can disable this warning - either change untilMeasu
     };
   }
   function styleable(Component2, options) {
-    var skipForwardRef = typeof Component2 === "function" && Component2.length === 1;
-    var out = skipForwardRef ? Component2 : /* @__PURE__ */import_react.default.forwardRef(Component2);
+    var out = typeof Component2 === "function" && Component2.length === 1 ? Component2 : /* @__PURE__ */import_react.default.forwardRef(Component2);
     var extendedConfig = extendStyledConfig(options === null || options === void 0 ? void 0 : options.staticConfig);
     out = (options === null || options === void 0 ? void 0 : options.disableTheme) ? out : (0, import_themeable.themeable)(out, extendedConfig, true);
-    if (extendedConfig.memo || process.env.TAMAGUI_MEMOIZE_STYLEABLE) {
-      out = /* @__PURE__ */import_react.default.memo(out);
-    }
+    if (extendedConfig.memo || process.env.GUI_MEMOIZE_STYLEABLE) out = /* @__PURE__ */import_react.default.memo(out);
     out.staticConfig = extendedConfig;
     out.styleable = styleable;
     return out;
@@ -1324,14 +1009,10 @@ var fromPx = function (val) {
   return 0;
 };
 var getCustomRender = function (renderProp, content, viewProps, state) {
-  if (typeof renderProp === "function") {
-    var out = renderProp(viewProps, state);
-    renderProp = getRenderElementForPlatform(out);
-  }
+  if (typeof renderProp === "function") renderProp = getRenderElementForPlatform(renderProp(viewProps, state));
   if (renderProp) {
     if ((typeof renderProp === "undefined" ? "undefined" : _type_of(renderProp)) === "object" && /* @__PURE__ */import_react.default.isValidElement(renderProp)) {
-      var renderElement = getRenderElementForPlatform(renderProp);
-      if (renderElement) {
+      if (getRenderElementForPlatform(renderProp)) {
         var elementProps = renderProp.props;
         var mergedProps = elementProps ? (0, import_mergeRenderElementProps.mergeRenderElementProps)(elementProps, viewProps, content) : viewProps;
         return {
@@ -1343,11 +1024,7 @@ var getCustomRender = function (renderProp, content, viewProps, state) {
   }
 };
 function getRenderElementForPlatform(potential) {
-  if (true) {
-    if (isHTMLElement(potential)) {
-      return;
-    }
-  }
+  if (isHTMLElement(potential)) return;
   return potential;
 }
 function isHTMLElement(el) {