@tamagui/core 1.62.3 → 1.64.0

package/dist/native.js

@@ -74,9 +74,9 @@ var require_composeEventHandlers_native = __commonJS({
     module2.exports = __toCommonJS2(composeEventHandlers_exports);
     function composeEventHandlers2(og, next, { checkDefaultPrevented = !0 } = {}) {
       return !og || !next ? next || og || void 0 : function(event) {
-        if (og?.(event), !event || !(checkDefaultPrevented && "defaultPrevented" in event) || // @ts-ignore
+        if (og == null || og(event), !event || !(checkDefaultPrevented && "defaultPrevented" in event) || // @ts-ignore
         "defaultPrevented" in event && !event.defaultPrevented)
-          return next?.(event);
+          return next == null ? void 0 : next(event);
       };
     }
   }
@@ -522,18 +522,25 @@ var require_config_native = __commonJS({
         throw new Error("Haven't called createTamagui yet");
       let { tokens, tokensParsed } = conf;
       return prefixed === !1 ? tokens : prefixed === !0 ? tokensParsed : tokensMerged;
-    }, getTokenObject = (value, group) => conf.specificTokens[value] ?? (group ? tokensMerged[group]?.[value] : tokensMerged[Object.keys(tokensMerged).find((cat) => tokensMerged[cat][value]) || ""]?.[value]), getToken2 = (value, group, useVariable = import_constants2.isWeb) => {
+    }, getTokenObject = (value, group) => {
+      var _a, _b;
+      return conf.specificTokens[value] ?? (group ? (_a = tokensMerged[group]) == null ? void 0 : _a[value] : (_b = tokensMerged[Object.keys(tokensMerged).find((cat) => tokensMerged[cat][value]) || ""]) == null ? void 0 : _b[value]);
+    }, getToken2 = (value, group, useVariable = import_constants2.isWeb) => {
       let token = getTokenObject(value, group);
-      return useVariable ? token?.variable : token?.val;
+      return useVariable ? token == null ? void 0 : token.variable : token == null ? void 0 : token.val;
     }, getTokenValue2 = (value, group) => getToken2(value, group, !1), useTokens = getTokens2, getThemes2 = () => conf.themes, configListeners = /* @__PURE__ */ new Set(), onConfiguredOnce = (cb) => {
       conf ? cb(conf) : configListeners.add(cb);
     }, updateConfig2 = (key, value) => {
       Object.assign(conf[key], value);
     }, getFont = (name) => {
+      var _a;
       let conf2 = getConfig2();
-      return conf2.fontsParsed[name] ?? Object.entries(conf2.fontsParsed).find(
-        ([k]) => conf2.fontsParsed[k]?.family?.val === name
-      )?.[1];
+      return conf2.fontsParsed[name] ?? ((_a = Object.entries(conf2.fontsParsed).find(
+        ([k]) => {
+          var _a2, _b;
+          return ((_b = (_a2 = conf2.fontsParsed[k]) == null ? void 0 : _a2.family) == null ? void 0 : _b.val) === name;
+        }
+      )) == null ? void 0 : _a[1]);
     };
   }
 });
@@ -678,6 +685,7 @@ var require_insertStyleRule_native = __commonJS({
     }
     var bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES, bailAfter = bailAfterEnv ? +bailAfterEnv : 250;
     function updateSheetStyles(sheet2, remove = !1, collectThemes = !1, tokens) {
+      var _a, _b;
       let rules;
       try {
         if (rules = sheet2.cssRules, !rules)
@@ -685,7 +693,7 @@ var require_insertStyleRule_native = __commonJS({
       } catch {
         return;
       }
-      let firstSelector = getTamaguiSelector(rules[0], collectThemes)?.[0], lastSelector = getTamaguiSelector(rules[rules.length - 1], collectThemes)?.[0], cacheKey = `${rules.length}${firstSelector}${lastSelector}`, lastScanned = scannedCache.get(sheet2);
+      let firstSelector = (_a = getTamaguiSelector(rules[0], collectThemes)) == null ? void 0 : _a[0], lastSelector = (_b = getTamaguiSelector(rules[rules.length - 1], collectThemes)) == null ? void 0 : _b[0], cacheKey = `${rules.length}${firstSelector}${lastSelector}`, lastScanned = scannedCache.get(sheet2);
       if (!remove && lastScanned === cacheKey)
         return;
       let len = rules.length, fails = 0, dedupedThemes;
@@ -951,9 +959,9 @@ var require_expandStyle_native = __commonJS({
         // react-native doesn't support X / Y
         overflow: xy
       }
-    };
+    }, _a;
     for (let parent in EXPANSIONS) {
-      let prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length);
+      let prefix = parent.slice(0, ((_a = /[A-Z]/.exec(parent)) == null ? void 0 : _a.index) ?? parent.length);
       EXPANSIONS[parent] = EXPANSIONS[parent].map((k) => `${prefix}${k}`);
     }
   }
@@ -1709,7 +1717,7 @@ var require_getVariantExtras_native = __commonJS({
     var import_createVariable = require_createVariable_native(), import_createProxy = require_createProxy_native();
     function getVariantExtras(styleState) {
       let { curProps, conf, context, theme } = styleState, fonts = conf.fontsParsed;
-      context?.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
+      context != null && context.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
       let fontFamily = (0, import_createVariable.getVariableValue)(
         styleState.fontFamily || styleState.curProps.fontFamily || styleState.conf.defaultFont
       );
@@ -1869,6 +1877,7 @@ var require_propMapper_native = __commonJS({
         return input;
     }
     var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), fontFamilyCache = /* @__PURE__ */ new WeakMap(), getPropMappedFontFamily = (expanded) => expanded && fontFamilyCache.get(expanded), resolveTokensAndVariants = (key, value, styleProps, styleState, parentVariantKey) => {
+      var _a;
       let { conf, staticConfig, debug, theme } = styleState, { variants } = staticConfig, res = {};
       debug === "verbose" && console.log("   - resolveTokensAndVariants", key, value);
       for (let rKey in value) {
@@ -1902,7 +1911,7 @@ var require_propMapper_native = __commonJS({
           debug === "verbose" && console.log("object", fKey, subObject), res[fKey] ??= {}, Object.assign(res[fKey], subObject);
         } else
           res[fKey] = val;
-        debug && res[fKey]?.[0] === "$" && console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey], theme);
+        debug && ((_a = res[fKey]) == null ? void 0 : _a[0]) === "$" && console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey], theme);
       }
       return res;
     }, tokenCats = ["size", "color", "radius", "space", "zIndex"].map((name) => ({
@@ -1925,6 +1934,7 @@ var require_propMapper_native = __commonJS({
       fontSize: "size",
       fontWeight: "weight"
     }, getTokenForKey = (key, value, resolveAs = "none", styleState) => {
+      var _a, _b;
       if (resolveAs === "none")
         return value;
       let { theme, conf = (0, import_config.getConfig)(), context, fontFamily } = styleState, tokensParsed = conf.tokensParsed, valOrVar, hasSet = !1;
@@ -1935,7 +1945,7 @@ var require_propMapper_native = __commonJS({
       else {
         switch (key) {
           case "fontFamily": {
-            valOrVar = (context?.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed)[value]?.family || value, hasSet = !0;
+            valOrVar = ((_a = (context != null && context.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed)[value]) == null ? void 0 : _a.family) || value, hasSet = !0;
             break;
           }
           case "fontSize":
@@ -1943,7 +1953,10 @@ var require_propMapper_native = __commonJS({
           case "letterSpacing":
           case "fontWeight": {
             let fam = fontFamily || conf.defaultFont;
-            fam && (valOrVar = (context?.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed)[fam]?.[fontShorthand[key] || key]?.[value] || value, hasSet = !0);
+            if (fam) {
+              let font = (context != null && context.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed)[fam];
+              valOrVar = ((_b = font == null ? void 0 : font[fontShorthand[key] || key]) == null ? void 0 : _b[value]) || value, hasSet = !0;
+            }
             break;
           }
         }
@@ -2043,19 +2056,20 @@ var require_ThemeManager_native = __commonJS({
       getStateIfChanged(props = this.props, state = this.state, parentManager = this.parentManager) {
         let _ = this.getState(props, parentManager);
         if (state && state !== emptyState && !_)
-          return parentManager?.state;
+          return parentManager == null ? void 0 : parentManager.state;
         if (this.getStateShouldChange(_, state))
           return _;
       }
       getStateShouldChange(nextState, state = this.state) {
-        return !(!nextState?.theme || nextState.theme === state?.theme);
+        return !(!(nextState != null && nextState.theme) || nextState.theme === (state == null ? void 0 : state.theme));
       }
       getState(props = this.props, parentManager = this.parentManager) {
-        return getState(props, parentManager) || parentManager?.state || null;
+        return getState(props, parentManager) || (parentManager == null ? void 0 : parentManager.state) || null;
       }
       get allKeys() {
+        var _a;
         return this._allKeys ||= /* @__PURE__ */ new Set([
-          ...this.parentManager?.allKeys || [],
+          ...((_a = this.parentManager) == null ? void 0 : _a.allKeys) || [],
           ...Object.keys(this.state.theme || {})
         ]), this._allKeys;
       }
@@ -2072,6 +2086,7 @@ var require_ThemeManager_native = __commonJS({
       return `t_sub_theme ${import_constants22.THEME_CLASSNAME_PREFIX}${name}`.replace("light_", "").replace("dark_", "");
     }
     function getState(props, parentManager) {
+      var _a, _b, _c, _d, _e, _f;
       let validManagerAndAllComponentThemes = getNonComponentParentManager(parentManager);
       parentManager = validManagerAndAllComponentThemes[0];
       let allComponentThemes = validManagerAndAllComponentThemes[1], themes = (0, import_config.getThemes)(), isDirectParentAComponentTheme = allComponentThemes.length > 0;
@@ -2079,12 +2094,12 @@ var require_ThemeManager_native = __commonJS({
         throw new Error("Cannot reset + set new name");
       if (!props.name && !props.inverse && !props.reset && !props.componentName)
         return null;
-      if (props.reset && !isDirectParentAComponentTheme && !parentManager?.parentManager)
+      if (props.reset && !isDirectParentAComponentTheme && !(parentManager != null && parentManager.parentManager))
         return console.warn("Cannot reset no grandparent exists"), null;
-      let result = null, nextName = props.reset ? isDirectParentAComponentTheme ? parentManager?.state?.name || "" : parentManager?.parentManager?.state?.name || "" : props.name || "", { componentName } = props, parentName = props.reset ? isDirectParentAComponentTheme ? (
+      let result = null, nextName = props.reset ? isDirectParentAComponentTheme ? ((_a = parentManager == null ? void 0 : parentManager.state) == null ? void 0 : _a.name) || "" : ((_c = (_b = parentManager == null ? void 0 : parentManager.parentManager) == null ? void 0 : _b.state) == null ? void 0 : _c.name) || "" : props.name || "", { componentName } = props, parentName = props.reset ? isDirectParentAComponentTheme ? (
         // here because parentManager already skipped componentTheme so we have to only go up once
-        parentManager?.parentManager?.state.name || ""
-      ) : parentManager?.parentManager?.parentManager?.state.name || "" : isDirectParentAComponentTheme ? allComponentThemes[0] || "" : parentManager?.state.name || "";
+        ((_d = parentManager == null ? void 0 : parentManager.parentManager) == null ? void 0 : _d.state.name) || ""
+      ) : ((_f = (_e = parentManager == null ? void 0 : parentManager.parentManager) == null ? void 0 : _e.parentManager) == null ? void 0 : _f.state.name) || "" : isDirectParentAComponentTheme ? allComponentThemes[0] || "" : (parentManager == null ? void 0 : parentManager.state.name) || "";
       props.reset && isDirectParentAComponentTheme && allComponentThemes.shift();
       let base = parentName.split(import_constants22.THEME_NAME_SEPARATOR), lastSegment = base[base.length - 1], isParentComponentTheme = parentName && lastSegment[0].toUpperCase() === lastSegment[0];
       isParentComponentTheme && base.pop();
@@ -2142,9 +2157,10 @@ var require_ThemeManager_native = __commonJS({
     }
     var inverseThemeName = (themeName) => themeName.startsWith("light") ? themeName.replace(/^light/, "dark") : themeName.replace(/^dark/, "light");
     function getNonComponentParentManager(themeManager) {
+      var _a;
       let res = themeManager, componentThemeNames = [];
-      for (; res && res?.isComponent; )
-        componentThemeNames.push(res?.state?.name), res = res.parentManager;
+      for (; res && res != null && res.isComponent; )
+        componentThemeNames.push((_a = res == null ? void 0 : res.state) == null ? void 0 : _a.name), res = res.parentManager;
       return [res || null, componentThemeNames];
     }
   }
@@ -2189,7 +2205,7 @@ var require_getThemeUnwrapped_native = __commonJS({
       getThemeUnwrapped: () => getThemeUnwrapped
     });
     module2.exports = __toCommonJS2(getThemeUnwrapped_exports);
-    var getThemeUnwrapped = (theme) => theme?.[GetThemeUnwrapped] || theme, GetThemeUnwrapped = Symbol();
+    var getThemeUnwrapped = (theme) => (theme == null ? void 0 : theme[GetThemeUnwrapped]) || theme, GetThemeUnwrapped = Symbol();
   }
 });
 
@@ -2230,9 +2246,10 @@ var require_useTheme_native = __commonJS({
         !1,
         keys.current,
         import_constants2.isServer ? void 0 : () => {
-          let next = props.shouldUpdate?.() ?? (keys.current.length > 0 ? !0 : void 0);
+          var _a, _b;
+          let next = ((_a = props.shouldUpdate) == null ? void 0 : _a.call(props)) ?? (keys.current.length > 0 ? !0 : void 0);
           return props.debug && props.debug !== "profile" && console.log("  \u{1F3A8} useTheme() shouldUpdate?", next, {
-            shouldUpdateProp: props.shouldUpdate?.(),
+            shouldUpdateProp: (_b = props.shouldUpdate) == null ? void 0 : _b.call(props),
             keys: [...keys.current]
           }), next;
         }
@@ -2252,7 +2269,7 @@ var require_useTheme_native = __commonJS({
           if (Reflect.has(theme, key))
             return !0;
           if (typeof key == "string")
-            return key[0] === "$" && (key = key.slice(1)), themeManager?.allKeys.has(key);
+            return key[0] === "$" && (key = key.slice(1)), themeManager == null ? void 0 : themeManager.allKeys.has(key);
         },
         get(_, key) {
           if (key === import_getThemeUnwrapped.GetThemeUnwrapped)
@@ -2292,7 +2309,7 @@ var require_useTheme_native = __commonJS({
       }
       let [themeState, setThemeState] = (0, import_react.useState)(createState), { state, mounted, isNewTheme, themeManager } = themeState, isInversingOnMount = !!(!themeState.mounted && props.inverse);
       function getShouldUpdateTheme(manager = themeManager, nextState, prevState = state, forceShouldChange = !1) {
-        let forceUpdate = shouldUpdate?.();
+        let forceUpdate = shouldUpdate == null ? void 0 : shouldUpdate();
         if (!forceShouldChange && forceUpdate === !1)
           return;
         let next = nextState || manager.getState(props, parentManager);
@@ -2307,8 +2324,8 @@ var require_useTheme_native = __commonJS({
         isNewTheme && themeManager && activeThemeManagers.add(themeManager), (isNewTheme || getShouldUpdateTheme(themeManager)) && setThemeState(createState);
         let selfListenerDispose = themeManager.onChangeTheme((_a, _b, forced) => {
           forced && setThemeState((prev) => createState(prev, !0));
-        }), disposeChangeListener = parentManager?.onChangeTheme((name, manager) => {
-          let force = shouldUpdate?.(), doUpdate = force ?? !!(keys?.length || isNewTheme);
+        }), disposeChangeListener = parentManager == null ? void 0 : parentManager.onChangeTheme((name, manager) => {
+          let force = shouldUpdate == null ? void 0 : shouldUpdate(), doUpdate = force ?? !!(keys != null && keys.length || isNewTheme);
           props.debug && console.log(" \u{1F538} onChange", themeManager.id, {
             force,
             doUpdate,
@@ -2319,7 +2336,7 @@ var require_useTheme_native = __commonJS({
           }), doUpdate && setThemeState(createState);
         }, themeManager.id);
         return () => {
-          selfListenerDispose(), disposeChangeListener?.(), activeThemeManagers.delete(themeManager);
+          selfListenerDispose(), disposeChangeListener == null || disposeChangeListener(), activeThemeManagers.delete(themeManager);
         };
       }, [
         themeManager,
@@ -2350,14 +2367,14 @@ var require_useTheme_native = __commonJS({
         themeManager
       };
       function createState(prev, force = !1) {
-        if (prev && shouldUpdate?.() === !1)
+        if (prev && (shouldUpdate == null ? void 0 : shouldUpdate()) === !1)
           return prev;
         let themeManager2 = parentManager, state2;
         if ((0, import_ThemeManager.getHasThemeUpdatingProps)(props)) {
           let getNewThemeManager = () => new import_ThemeManager.ThemeManager(props, root ? "root" : parentManager);
-          if (prev?.themeManager) {
+          if (prev != null && prev.themeManager) {
             themeManager2 = prev.themeManager;
-            let forceChange = !!keys?.length, next = themeManager2.getState(props, parentManager), nextState = getShouldUpdateTheme(
+            let forceChange = !!(keys != null && keys.length), next = themeManager2.getState(props, parentManager), nextState = getShouldUpdateTheme(
               themeManager2,
               next,
               prev.state,
@@ -2367,8 +2384,8 @@ var require_useTheme_native = __commonJS({
           } else
             themeManager2 = getNewThemeManager(), state2 = { ...themeManager2.state };
         }
-        let isNewTheme2 = !!(themeManager2 !== parentManager || props.inverse), mounted2 = props.inverse ? root || prev?.mounted : !0;
-        if (state2 || (isNewTheme2 ? state2 = themeManager2.state : (state2 = parentManager.state, themeManager2 = parentManager)), !force && state2.name === prev?.state.name)
+        let isNewTheme2 = !!(themeManager2 !== parentManager || props.inverse), mounted2 = props.inverse ? root || (prev == null ? void 0 : prev.mounted) : !0;
+        if (state2 || (isNewTheme2 ? state2 = themeManager2.state : (state2 = parentManager.state, themeManager2 = parentManager)), !force && state2.name === (prev == null ? void 0 : prev.state.name))
           return prev;
         let response = {
           state: state2,
@@ -2378,7 +2395,7 @@ var require_useTheme_native = __commonJS({
         };
         if (props.debug && import_constants2.isClient) {
           console.groupCollapsed(` \u{1F537} ${themeManager2.id} useChangeThemeEffect createState`);
-          let parentState = { ...parentManager?.state }, parentId = parentManager?.id, themeManagerState = { ...themeManager2.state };
+          let parentState = { ...parentManager == null ? void 0 : parentManager.state }, parentId = parentManager == null ? void 0 : parentManager.id, themeManagerState = { ...themeManager2.state };
           console.log({
             props,
             parentState,
@@ -2443,22 +2460,22 @@ var require_useMedia_native = __commonJS({
       if (key[0] === "$")
         throw new Error("use short key");
       return (0, import_config.getConfig)().settings.mediaPropOrder ? defaultMediaImportance : mediaKeysOrdered.indexOf(key) + 100;
-    }, dispose = /* @__PURE__ */ new Set(), configureMedia2 = (config) => {
+    }, dispose = /* @__PURE__ */ new Set(), mediaVersion = 0, configureMedia2 = (config) => {
       let { media, mediaQueryDefaultActive } = config;
       if (media) {
+        mediaVersion++;
         for (let key in media)
-          mediaState2[key] = mediaQueryDefaultActive?.[key] || !1, mediaKeys.add(`$${key}`);
-        Object.assign(mediaQueryConfig2, media), initState = { ...mediaState2 }, updateCurrentState(), mediaKeysOrdered = Object.keys(media), config.disableSSR && setupMediaListeners();
+          mediaState2[key] = (mediaQueryDefaultActive == null ? void 0 : mediaQueryDefaultActive[key]) || !1, mediaKeys.add(`$${key}`);
+        Object.assign(mediaQueryConfig2, media), initState = { ...mediaState2 }, mediaKeysOrdered = Object.keys(media), config.disableSSR ? setupMediaListeners() : updateCurrentState();
       }
     };
     function unlisten() {
       dispose.forEach((cb) => cb()), dispose.clear();
     }
-    var configuredKey = "";
+    var setupVersion = -1;
     function setupMediaListeners() {
-      let nextKey = JSON.stringify(mediaQueryConfig2);
-      if (nextKey !== configuredKey) {
-        configuredKey = nextKey, unlisten();
+      if (setupVersion !== mediaVersion) {
+        setupVersion = mediaVersion, unlisten();
         for (let key in mediaQueryConfig2) {
           let update2 = function() {
             let next = !!getMatch().matches;
@@ -2479,9 +2496,9 @@ var require_useMedia_native = __commonJS({
         setupMediaListeners();
       }, []);
     }
-    var listeners = /* @__PURE__ */ new Set(), flushing = !1;
+    var listeners = /* @__PURE__ */ new Set(), flushing = !1, flushVersion = -1;
     function updateCurrentState() {
-      flushing || (flushing = !0, Promise.resolve().then(() => {
+      flushing && flushVersion === mediaVersion || (flushVersion = mediaVersion, flushing = !0, Promise.resolve().then(() => {
         flushing = !1, listeners.forEach((cb) => cb(mediaState2));
       }));
     }
@@ -2501,8 +2518,8 @@ var require_useMedia_native = __commonJS({
           let { touched, prev } = internal.current, componentState = uid ? shouldUpdate.get(uid) : void 0;
           if (componentState && componentState.enabled === !1)
             return prev;
-          let testKeys = componentState?.keys ?? ((!componentState || componentState.enabled) && touched ? [...touched] : null);
-          return !testKeys || testKeys?.every((key) => mediaState2[key] === prev[key]) ? prev : (internal.current.prev = mediaState2, mediaState2);
+          let testKeys = (componentState == null ? void 0 : componentState.keys) ?? ((!componentState || componentState.enabled) && touched ? [...touched] : null);
+          return !testKeys || testKeys != null && testKeys.every((key) => mediaState2[key] === prev[key]) ? prev : (internal.current.prev = mediaState2, mediaState2);
         },
         () => initState
       );
@@ -2513,7 +2530,7 @@ var require_useMedia_native = __commonJS({
       });
     }
     function useMediaPropsActive2(props, opts) {
-      let media = useMedia2(), resolveAs = opts?.resolveValues || "none", theme = resolveAs ? (0, import_useTheme.useTheme)() : null, styleState = { theme }, shouldExpandShorthands = opts?.expandShorthands;
+      let media = useMedia2(), resolveAs = (opts == null ? void 0 : opts.resolveValues) || "none", theme = resolveAs ? (0, import_useTheme.useTheme)() : null, styleState = { theme }, shouldExpandShorthands = opts == null ? void 0 : opts.expandShorthands;
       return (0, import_react.useMemo)(() => {
         let config = (0, import_config.getConfig)(), next = {}, importancesUsed = {}, propNames = Object.keys(props), len = propNames.length;
         for (let i = 0; i < len; i++) {
@@ -2822,6 +2839,41 @@ var require_ComponentContext_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/defaultComponentState.native.js
+var require_defaultComponentState_native = __commonJS({
+  "../web/dist/cjs/defaultComponentState.native.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: !0 });
+    }, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), defaultComponentState_exports = {};
+    __export2(defaultComponentState_exports, {
+      defaultComponentState: () => defaultComponentState,
+      defaultComponentStateMounted: () => defaultComponentStateMounted,
+      defaultComponentStateShouldEnter: () => defaultComponentStateShouldEnter
+    });
+    module2.exports = __toCommonJS2(defaultComponentState_exports);
+    var defaultComponentState = {
+      hover: !1,
+      press: !1,
+      pressIn: !1,
+      focus: !1,
+      unmounted: !0
+    }, defaultComponentStateMounted = {
+      ...defaultComponentState,
+      unmounted: !1
+    }, defaultComponentStateShouldEnter = {
+      ...defaultComponentState,
+      unmounted: "should-enter"
+    };
+  }
+});
+
 // ../web/dist/cjs/helpers/createShallowSetState.native.js
 var require_createShallowSetState_native = __commonJS({
   "../web/dist/cjs/helpers/createShallowSetState.native.js"(exports, module2) {
@@ -2977,8 +3029,8 @@ var require_createMediaStyle_native = __commonJS({
       if (isNonWindowMedia) {
         let precedenceImportancePrefix = new Array((priority || 0) + (isGroup ? 1 : 0)).fill(":root").join("");
         if (isThemeMedia || isGroup) {
-          let groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyIn), mediaName = groupInfo?.name;
-          groupMediaKey = groupInfo?.media, isGroup && (containerName = mediaName);
+          let groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyIn), mediaName = groupInfo == null ? void 0 : groupInfo.name;
+          groupMediaKey = groupInfo == null ? void 0 : groupInfo.media, isGroup && (containerName = mediaName);
           let name = (isGroup ? "group_" : "") + mediaName, selectorStart = styleInner.indexOf(":root"), selectorEnd = styleInner.lastIndexOf("{"), selector = styleInner.slice(selectorStart, selectorEnd), precedenceSpace = conf.themeClassNameOnRoot ? "" : " ", pseudoSelectorName = groupInfo.pseudo ? groupPseudoToPseudoCSSMap[groupInfo.pseudo] || groupInfo.pseudo : void 0, pseudoSelector = pseudoSelectorName ? `:${pseudoSelectorName}` : "", presedencePrefix = `:root${precedenceImportancePrefix}${precedenceSpace}`, mediaSelector = `.t_${name}${pseudoSelector}`, nextSelector = `${presedencePrefix}${mediaSelector} ${selector.replace(
             ":root",
             ""
@@ -3061,6 +3113,7 @@ var require_getSplitStyles_native = __commonJS({
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
     var import_constants2 = require_index_native(), import_helpers = require_index_native3(), import_react = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), fontFamilyKey = "fontFamily", IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-", getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
+      var _a, _b, _c, _e, _f, _g;
       conf = conf || (0, import_config.getConfig)();
       let { shorthands } = conf, {
         isHOC,
@@ -3152,12 +3205,12 @@ var require_getSplitStyles_native = __commonJS({
         if (isStyleProp && props.asChild === "except-style")
           continue;
         let shouldPassProp = !isStyleProp || // is in parent variants
-        isHOC && parentStaticConfig?.variants && keyInit in parentStaticConfig.variants || inlineProps?.has(keyInit), isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentStaticConfig?.variants?.[keyInit] || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
+        isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) != null && _a[keyInit] || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
         if (debug === "verbose" && (console.groupCollapsed(
           `\u{1F539}\u{1F539}\u{1F539}\u{1F539} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""} \u{1F539}\u{1F539}\u{1F539}\u{1F539}`
         ), console.log({ isVariant, valInit, shouldPassProp }), import_constants2.isClient && console.log({
           variants,
-          variant: variants?.[keyInit],
+          variant: variants == null ? void 0 : variants[keyInit],
           isVariant,
           isHOCShouldPassThrough,
           curProps: { ...styleState.curProps },
@@ -3177,7 +3230,7 @@ var require_getSplitStyles_native = __commonJS({
               styleProps,
               componentState,
               isVariant,
-              variant: variants?.[keyInit],
+              variant: variants == null ? void 0 : variants[keyInit],
               shouldPassProp,
               isHOCShouldPassThrough,
               theme,
@@ -3195,7 +3248,7 @@ current`, {
         if (expanded) {
           for (let [key, val] of expanded)
             if (!(val == null || key in usedKeys)) {
-              if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo = isMedia || isPseudo, isVariant = variants && key in variants, (inlineProps?.has(key) || IS_STATIC && inlineWhenUnflattened?.has(key)) && (viewProps[key] = props[key] ?? val), isHOC && (isMediaOrPseudo || parentStaticConfig?.variants?.[keyInit])) {
+              if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo = isMedia || isPseudo, isVariant = variants && key in variants, (inlineProps != null && inlineProps.has(key) || IS_STATIC && inlineWhenUnflattened != null && inlineWhenUnflattened.has(key)) && (viewProps[key] = props[key] ?? val), isHOC && (isMediaOrPseudo || ((_b = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _b[keyInit]))) {
                 passDownProp(viewProps, key, val, isMediaOrPseudo), debug === "verbose" && (console.groupCollapsed(` - passing down prop ${key}`), console.log({ val, after: { ...viewProps[key] } }), console.groupEnd());
                 continue;
               }
@@ -3212,7 +3265,11 @@ current`, {
                   `No animation prop given to component ${staticConfig.componentName || ""} with enterStyle / exitStyle, these styles will be ignore.`
                 ), !descriptor || isExit && !styleProps.isExiting)
                   continue;
-                if ((!shouldDoClasses || IS_STATIC) && (pseudos ||= {}, pseudos[key] ||= {}, IS_STATIC && Object.assign(pseudos[key], pseudoStyleObject)), shouldDoClasses && !isEnter && !isExit) {
+                if ((!shouldDoClasses || IS_STATIC) && (pseudos ||= {}, pseudos[key] ||= {}, IS_STATIC)) {
+                  Object.assign(pseudos[key], pseudoStyleObject);
+                  continue;
+                }
+                if (shouldDoClasses && !isEnter && !isExit) {
                   let pseudoStyles = (0, import_getStylesAtomic.generateAtomicStyles)(pseudoStyleObject, descriptor);
                   debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), console.log({ pseudoStyleObject, pseudoStyles }), console.groupEnd());
                   for (let psuedoStyle of pseudoStyles)
@@ -3309,22 +3366,24 @@ current`, {
                     if (!(themeName === mediaThemeName || themeName.startsWith(mediaThemeName)))
                       continue;
                   } else if (isGroupMedia) {
-                    let groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = context?.groups.state[groupName];
+                    let groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = context == null ? void 0 : context.groups.state[groupName];
                     if (!groupContext) {
                       debug && console.warn(`No parent with group prop, skipping styles: ${groupName}`);
                       continue;
                     }
-                    let groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = componentState.group?.[groupName];
+                    let groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_c = componentState.group) == null ? void 0 : _c[groupName];
                     if (groupMediaKey) {
                       mediaGroups ||= /* @__PURE__ */ new Set(), mediaGroups.add(groupMediaKey);
-                      let mediaState22 = componentGroupState?.media, isActive = mediaState22?.[groupMediaKey];
+                      let mediaState22 = componentGroupState == null ? void 0 : componentGroupState.media, isActive = mediaState22 == null ? void 0 : mediaState22[groupMediaKey];
                       if (!mediaState22 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), !isActive)
                         continue;
                       importanceBump = 2;
                     }
                     if (groupPseudoKey) {
-                      if (pseudoGroups ||= /* @__PURE__ */ new Set(), pseudoGroups.add(groupName), !(componentGroupState || // fallback to context initially
-                      context.groups.state[groupName]).pseudo?.[groupPseudoKey])
+                      pseudoGroups ||= /* @__PURE__ */ new Set(), pseudoGroups.add(groupName);
+                      let componentGroupPseudoState = (componentGroupState || // fallback to context initially
+                      context.groups.state[groupName]).pseudo;
+                      if (!(componentGroupPseudoState != null && componentGroupPseudoState[groupPseudoKey]))
                         continue;
                       importanceBump = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
                     }
@@ -3391,9 +3450,9 @@ current`, {
         mediaGroups
       };
       if (style.fontFamily) {
-        let faceInfo = (0, import_config.getFont)(style.fontFamily)?.face;
+        let faceInfo = (_e = (0, import_config.getFont)(style.fontFamily)) == null ? void 0 : _e.face;
         if (faceInfo) {
-          let overrideFace = faceInfo[style.fontWeight]?.[style.fontStyle || "normal"]?.val;
+          let overrideFace = (_g = (_f = faceInfo[style.fontWeight]) == null ? void 0 : _f[style.fontStyle || "normal"]) == null ? void 0 : _g.val;
           overrideFace && (style.fontFamily = overrideFace, styleState.fontFamily = overrideFace, delete style.fontWeight, delete style.fontStyle);
         }
         debug && debug !== "profile" && console.log(`Found fontFamily native: ${style.fontFamily}`, faceInfo);
@@ -3420,7 +3479,7 @@ current`, {
     };
     function mergeStyle(styleState, key, val) {
       let { classNames, viewProps, style, usedKeys } = styleState;
-      if (import_constants2.isWeb && val?.[0] === "_")
+      if (import_constants2.isWeb && (val == null ? void 0 : val[0]) === "_")
         classNames[key] = val, usedKeys[key] ||= 1;
       else if (key in import_helpers.stylePropsTransform)
         styleState.transforms ||= {}, styleState.transforms[key] = val;
@@ -3542,7 +3601,7 @@ var require_mergeProps_native = __commonJS({
       return out;
     };
     function mergeProp(out, a, b, key, inverseShorthands) {
-      let shorthand = inverseShorthands?.[key] || null;
+      let shorthand = (inverseShorthands == null ? void 0 : inverseShorthands[key]) || null;
       if (b && (key in b || shorthand && shorthand in b))
         return;
       let val = a[key];
@@ -3741,7 +3800,7 @@ var require_themeable_native = __commonJS({
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_Theme.Theme,
           {
-            componentName: componentName || staticConfig?.componentName,
+            componentName: componentName || (staticConfig == null ? void 0 : staticConfig.componentName),
             name: theme || null,
             "disable-child-theme": !0,
             debug: props.debug,
@@ -3751,7 +3810,7 @@ var require_themeable_native = __commonJS({
           }
         );
       });
-      return withTheme.displayName = `Themed(${component?.displayName || component?.name || "Anonymous"})`, withTheme;
+      return withTheme.displayName = `Themed(${(component == null ? void 0 : component.displayName) || (component == null ? void 0 : component.name) || "Anonymous"})`, withTheme;
     }
   }
 });
@@ -3856,24 +3915,11 @@ var require_createComponent_native = __commonJS({
       Spacer: () => Spacer,
       Unspaced: () => Unspaced,
       createComponent: () => createComponent,
-      defaultComponentState: () => defaultComponentState,
       mouseUps: () => mouseUps,
       spacedChildren: () => spacedChildren
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_compose_refs = require_index_native5(), import_constants2 = require_index_native(), import_helpers = require_index_native3(), import_use_did_finish_ssr = require_index_native6(), import_react = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_mergeProps = require_mergeProps_native(), import_proxyThemeVariables = require_proxyThemeVariables_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime = require("react/jsx-runtime"), defaultComponentState = {
-      hover: !1,
-      press: !1,
-      pressIn: !1,
-      focus: !1,
-      unmounted: !0
-    }, defaultComponentStateMounted = {
-      ...defaultComponentState,
-      unmounted: !1
-    }, defaultComponentStateShouldEnter = {
-      ...defaultComponentState,
-      unmounted: "should-enter"
-    }, tamaguiConfig, AnimatedText, AnimatedView, initialTheme, time, mouseUps = /* @__PURE__ */ new Set();
+    var import_compose_refs = require_index_native5(), import_constants2 = require_index_native(), import_helpers = require_index_native3(), import_use_did_finish_ssr = require_index_native6(), import_react = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_mergeProps = require_mergeProps_native(), import_proxyThemeVariables = require_proxyThemeVariables_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime = require("react/jsx-runtime"), tamaguiConfig, AnimatedText, AnimatedView, initialTheme, time, mouseUps = /* @__PURE__ */ new Set();
     if (typeof document < "u") {
       let cancelTouches = () => {
         mouseUps.forEach((x) => x()), mouseUps.clear();
@@ -3882,8 +3928,10 @@ var require_createComponent_native = __commonJS({
     }
     var BaseText, BaseView, hasSetupBaseViews = !1;
     function createComponent(staticConfig) {
+      var _a;
+      let config = null;
       (0, import_config.onConfiguredOnce)((conf) => {
-        if (!tamaguiConfig && (tamaguiConfig = conf, !initialTheme)) {
+        if (config = conf, !tamaguiConfig && (tamaguiConfig = conf, !initialTheme)) {
           let next = conf.themes[Object.keys(conf.themes)[0]];
           initialTheme = (0, import_proxyThemeVariables.proxyThemeVariables)(next), initialTheme || console.log("Warning: Missing theme");
         }
@@ -3896,15 +3944,16 @@ var require_createComponent_native = __commonJS({
         validStyles: validStyles2 = {},
         variants = {}
       } = staticConfig, defaultComponentClassName = `is_${staticConfig.componentName}`, defaultProps = staticConfig.defaultProps;
-      staticConfig.defaultProps?.debug && process.env.IS_STATIC !== "is_static" && console.log(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, {
+      (_a = staticConfig.defaultProps) != null && _a.debug && process.env.IS_STATIC !== "is_static" && console.log(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, {
         staticConfig,
         defaultProps,
         defaultPropsKeyOrder: defaultProps ? Object.keys(defaultProps) : []
       });
       let component = (0, import_react.forwardRef)((propsIn, forwardedRef) => {
+        var _a2, _b, _c, _d, _g, _h, _i, _j, _k;
         if (!hasSetupBaseViews) {
           hasSetupBaseViews = !0;
-          let baseViews = import_setupHooks.hooks.getBaseViews?.();
+          let baseViews = (_b = (_a2 = import_setupHooks.hooks).getBaseViews) == null ? void 0 : _b.call(_a2);
           baseViews && (BaseText = baseViews.Text, BaseView = baseViews.View);
         }
         let componentContext = (0, import_react.useContext)(import_ComponentContext.ComponentContext), styledContextProps, overriddenContextProps, contextValue, { context } = staticConfig;
@@ -3914,7 +3963,7 @@ var require_createComponent_native = __commonJS({
           for (let key in context.props) {
             let propVal = (
               // because its after default props but before props this annoying amount of checks
-              propsIn[key] ?? propsIn[inverseShorthands[key]] ?? defaultProps?.[key] ?? defaultProps?.[inverseShorthands[key]]
+              propsIn[key] ?? propsIn[inverseShorthands[key]] ?? (defaultProps == null ? void 0 : defaultProps[key]) ?? (defaultProps == null ? void 0 : defaultProps[inverseShorthands[key]])
             );
             propVal === void 0 ? contextValue && (key in validStyles2 || key in variants) && (styledContextProps ||= {}, styledContextProps[key] = contextValue[key]) : (overriddenContextProps ||= {}, overriddenContextProps[key] = propVal);
           }
@@ -3923,20 +3972,20 @@ var require_createComponent_native = __commonJS({
         curDefaultProps ? props = (0, import_mergeProps.mergeProps)(curDefaultProps, propsIn) : props = propsIn;
         let debugProp = props.debug, componentName = props.componentName || staticConfig.componentName;
         time && time`start (ignore)`;
-        let isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();
+        let isHydrated = config != null && config.disableSSR ? !0 : (0, import_use_did_finish_ssr.useDidFinishSSR)();
         time && time`did-finish-ssr`;
         let stateRef = (0, import_react.useRef)(
           void 0
         );
         stateRef.current ||= {}, time && time`stateref`;
-        let hostRef = (0, import_react.useRef)(null), animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig?.useAnimations, hasAnimationProp = !!(props.animation || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig?.supportsCSSVars, willBeAnimated = (() => {
+        let hostRef = (0, import_react.useRef)(null), animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations, hasAnimationProp = !!(props.animation || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig == null ? void 0 : animationsConfig.supportsCSSVars, willBeAnimated = (() => {
           if (import_constants2.isServer && !supportsCSSVars)
             return !1;
           let curState = stateRef.current;
           return !!(hasAnimationProp && !isHOC && useAnimations || curState.hasAnimated);
-        })(), usePresence = animationsConfig?.usePresence, presence = willBeAnimated && usePresence?.() || null, hasEnterStyle = !!props.enterStyle, needsMount = !!((!import_constants2.isWeb || import_constants2.isClient) && willBeAnimated);
+        })(), usePresence = animationsConfig == null ? void 0 : animationsConfig.usePresence, presence = willBeAnimated && (usePresence == null ? void 0 : usePresence()) || null, hasEnterStyle = !!props.enterStyle, needsMount = !!((!import_constants2.isWeb || import_constants2.isClient) && willBeAnimated);
         time && time`pre-use-state`;
-        let initialState = willBeAnimated ? supportsCSSVars ? defaultComponentStateShouldEnter : defaultComponentState : defaultComponentStateMounted, states = (0, import_react.useState)(initialState), state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: !0 } : states[0], setState = states[1], setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState), groupName = props.group, groupClassName = groupName ? `t_group_${props.group}` : "";
+        let initialState = willBeAnimated ? supportsCSSVars ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted, states = (0, import_react.useState)(initialState), state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: !0 } : states[0], setState = states[1], setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState), groupName = props.group, groupClassName = groupName ? `t_group_${props.group}` : "";
         if (groupName) {
           let groupContextState = componentContext.groups.state, og = setStateShallow;
           setStateShallow = (state2) => {
@@ -3953,7 +4002,7 @@ var require_createComponent_native = __commonJS({
         time && time`use-state`;
         let isAnimated = willBeAnimated;
         willBeAnimated && !supportsCSSVars && !presence && isHydrated && (import_constants2.isServer || state.unmounted === !0) && (isAnimated = !1), willBeAnimated && !stateRef.current.hasAnimated && (stateRef.current.hasAnimated = !0);
-        let componentClassName = props.asChild ? "" : props.componentName ? `is_${props.componentName}` : defaultComponentClassName, hasTextAncestor = !!(import_constants2.isWeb && isText && componentContext.inText), isDisabled = props.disabled ?? props.accessibilityState?.disabled;
+        let componentClassName = props.asChild ? "" : props.componentName ? `is_${props.componentName}` : defaultComponentClassName, hasTextAncestor = !!(import_constants2.isWeb && isText && componentContext.inText), isDisabled = props.disabled ?? ((_c = props.accessibilityState) == null ? void 0 : _c.disabled);
         time && time`use-context`;
         let element = import_constants2.isWeb && (!Component || typeof Component == "string") && props.tag || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div");
         AnimatedText = animationsConfig ? animationsConfig.Text : BaseTextComponent, AnimatedView = animationsConfig ? animationsConfig.View : BaseViewComponent;
@@ -3965,7 +4014,7 @@ var require_createComponent_native = __commonJS({
             isEntering && enterVariant ? (debugProp === "verbose" && console.warn(`Animating presence ENTER "${enterVariant}"`), props[enterVariant] = !0) : isExiting2 && exitVariant && (debugProp === "verbose" && console.warn(`Animating presence EXIT "${enterVariant}"`), props[exitVariant] = !enterExitVariant);
           }
         }
-        let isAnimatedReactNative = isAnimated && animationsConfig?.isReactNative, isReactNative = !!(staticConfig.isReactNative || isAnimatedReactNative), shouldAvoidClasses = !!(!import_constants2.isWeb || isAnimated || !staticConfig.acceptsClassName || propsIn.disableClassName), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo, disableThemeProp = props["data-disable-theme"], disableTheme = disableThemeProp && !willBeAnimated || isHOC;
+        let isAnimatedReactNative = hasAnimationProp && (animationsConfig == null ? void 0 : animationsConfig.isReactNative), isReactNative = !!(staticConfig.isReactNative || isAnimatedReactNative), shouldAvoidClasses = !!(!import_constants2.isWeb || isAnimated || !staticConfig.acceptsClassName || propsIn.disableClassName), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo, disableThemeProp = props["data-disable-theme"], disableTheme = disableThemeProp && !willBeAnimated || isHOC;
         time && time`theme-props`, props.themeShallow && (stateRef.current.themeShallow = !0);
         let themeStateProps = {
           name: props.theme,
@@ -3975,11 +4024,11 @@ var require_createComponent_native = __commonJS({
           shallow: stateRef.current.themeShallow,
           shouldUpdate: () => stateRef.current.isListeningToTheme,
           debug: debugProp
-        }, isExiting = !state.unmounted && presence?.[0] === !1;
+        }, isExiting = !state.unmounted && (presence == null ? void 0 : presence[0]) === !1;
         {
           let id = (0, import_react.useId)();
           if (debugProp && debugProp !== "profile") {
-            let name = `${componentName || Component?.displayName || Component?.name || "[Unnamed Component]"}`, type = isAnimatedReactNative ? "(animated)" : isReactNative ? "(rnw)" : "", dataIs = propsIn["data-is"] || "", banner = `${name}${dataIs ? ` ${dataIs}` : ""} ${type} id ${id}`;
+            let name = `${componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = isAnimatedReactNative ? "(animated)" : isReactNative ? "(rnw)" : "", dataIs = propsIn["data-is"] || "", banner = `${name}${dataIs ? ` ${dataIs}` : ""} ${type} id ${id}`;
             console.group(
               `%c ${banner} (unmounted: ${state.unmounted})${presence ? ` (presence: ${presence[0]})` : ""} ${isHydrated ? "\u{1F4A6}" : "\u{1F3DC}\uFE0F"}`,
               "background: green; color: white;"
@@ -4017,7 +4066,7 @@ var require_createComponent_native = __commonJS({
         let resolveVariablesAs = (
           // if HOC + mounted + has animation prop, resolve as value so it passes non-variable to child
           isAnimated && !supportsCSSVars || isHOC && state.unmounted == !1 && hasAnimationProp ? "value" : "auto"
-        ), keepStyleSSR = willBeAnimated && animationsConfig?.keepStyleSSR, styleProps = {
+        ), keepStyleSSR = willBeAnimated && (animationsConfig == null ? void 0 : animationsConfig.keepStyleSSR), styleProps = {
           mediaState: mediaState2,
           noClassNames,
           resolveVariablesAs,
@@ -4042,7 +4091,7 @@ var require_createComponent_native = __commonJS({
           enabled: shouldListenForMedia,
           keys: mediaListeningKeys
         });
-        let isAnimatedReactNativeWeb = isAnimated && isReactNative;
+        let isAnimatedReactNativeWeb = hasAnimationProp && isReactNative;
         if (debugProp && debugProp !== "profile" && (console.groupCollapsed(">>>"), console.log("props in", propsIn, "mapped to", props, "in order", Object.keys(props)), console.log("splitStyles", splitStyles), console.log("media", { shouldListenForMedia, isMediaArray, mediaListeningKeys }), console.log("className", Object.values(splitStyles.classNames)), import_constants2.isClient && console.log("ref", hostRef, "(click to view)"), console.groupEnd(), debugProp === "break"))
           debugger;
         let {
@@ -4099,7 +4148,7 @@ var require_createComponent_native = __commonJS({
 
 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}`
         ), time && time`destructure`;
-        let disabled = props.accessibilityState?.disabled || // @ts-expect-error (comes from core)
+        let disabled = ((_d = props.accessibilityState) == null ? void 0 : _d.disabled) || // @ts-expect-error (comes from core)
         props.accessibilityDisabled, viewProps = nonTamaguiProps;
         isHOC && _themeProp && (viewProps.theme = _themeProp), groupName && (nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(
           nonTamaguiProps.onLayout,
@@ -4136,7 +4185,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             };
             disposeGroupsListener = componentContext.groups.subscribe(
               (name, { layout, pseudo }) => {
-                if (pseudo && pseudoGroups?.has(name))
+                if (pseudo && pseudoGroups != null && pseudoGroups.has(name))
                   Object.assign(current.pseudo, pseudo), persist();
                 else if (layout && mediaGroups) {
                   let mediaState22 = getMediaState(mediaGroups, layout), next = (0, import_createShallowSetState.mergeIfNotShallowEqual)(current.media, mediaState22);
@@ -4155,7 +4204,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             );
           }
           return () => {
-            disposeGroupsListener?.(), mouseUps.delete(unPress);
+            disposeGroupsListener == null || disposeGroupsListener(), mouseUps.delete(unPress);
           };
         }, [
           shouldSetMounted,
@@ -4163,37 +4212,37 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0,
           mediaGroups ? Object.keys([...mediaGroups]).join("") : 0
         ]);
-        let avoidAnimationStyle = keepStyleSSR && state.unmounted === !0, fontFamily = isText ? splitStyles.fontFamily || staticConfig.defaultProps?.fontFamily : null;
+        let avoidAnimationStyle = keepStyleSSR && state.unmounted === !0, fontFamily = isText ? splitStyles.fontFamily || ((_g = staticConfig.defaultProps) == null ? void 0 : _g.fontFamily) : null;
         fontFamily && fontFamily[0] === "$" && (fontFamily = fontFamily.slice(1));
         let fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "", style = avoidAnimationStyle ? splitStyles.style : animationStyles || splitStyles.style, className;
         viewProps.style = style;
-        let runtimePressStyle = !disabled && noClassNames && pseudos?.pressStyle, attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && pseudos?.hoverStyle, isHoverable = import_constants2.isWeb && !!(groupName || runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave), handlesPressEvents = !(import_constants2.isWeb || asChild), shouldAttach = !!(attachPress || isHoverable || noClassNames && "pressStyle" in props || import_constants2.isWeb && noClassNames && "hoverStyle" in props);
+        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), isHoverable = import_constants2.isWeb && !!(groupName || runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave), handlesPressEvents = !(import_constants2.isWeb || asChild), shouldAttach = !!(attachPress || isHoverable || noClassNames && "pressStyle" in props || import_constants2.isWeb && noClassNames && "hoverStyle" in props);
         time && time`events-setup`;
         let events = shouldAttach && !isDisabled && !asChild ? {
           onPressOut: attachPress ? (e) => {
-            unPress(), onPressOut?.(e), onMouseUp?.(e);
+            unPress(), onPressOut == null || onPressOut(e), onMouseUp == null || onMouseUp(e);
           } : void 0,
           ...(isHoverable || attachPress) && {
             onMouseEnter: (e) => {
               let next = {};
-              next.hover = !0, state.pressIn && (next.press = !0), setStateShallow(next), onHoverIn?.(e), onMouseEnter?.(e);
+              next.hover = !0, state.pressIn && (next.press = !0), setStateShallow(next), onHoverIn == null || onHoverIn(e), onMouseEnter == null || onMouseEnter(e);
             },
             onMouseLeave: (e) => {
               let next = {};
-              mouseUps.add(unPress), next.hover = !1, state.pressIn && (next.press = !1, next.pressIn = !1), setStateShallow(next), onHoverOut?.(e), onMouseLeave?.(e);
+              mouseUps.add(unPress), next.hover = !1, state.pressIn && (next.press = !1, next.pressIn = !1), setStateShallow(next), onHoverOut == null || onHoverOut(e), onMouseLeave == null || onMouseLeave(e);
             }
           },
           onPressIn: attachPress ? (e) => {
             setStateShallow({
               press: !0,
               pressIn: !0
-            }), onPressIn?.(e), onMouseDown?.(e), import_constants2.isWeb && mouseUps.add(unPress);
+            }), onPressIn == null || onPressIn(e), onMouseDown == null || onMouseDown(e), import_constants2.isWeb && mouseUps.add(unPress);
           } : void 0,
           onPress: attachPress ? (e) => {
-            unPress(), import_constants2.isWeb && onClick?.(e), onPress?.(e);
+            unPress(), import_constants2.isWeb && (onClick == null || onClick(e)), onPress == null || onPress(e);
           } : void 0,
           onLongPress: attachPress && onLongPress ? (e) => {
-            unPress(), onLongPress?.(e);
+            unPress(), onLongPress == null || onLongPress(e);
           } : void 0
         } : null;
         events && Object.assign(events, {
@@ -4205,7 +4254,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           delayPressOut: viewProps.delayPressOut,
           focusable: viewProps.focusable ?? !0,
           minPressDuration: 0
-        }), time && time`events`, debugProp === "verbose" && console.log("events", { events, isHoverable, attachPress }), import_setupHooks.hooks.useEvents?.(viewProps, events, splitStyles, setStateShallow);
+        }), time && time`events`, debugProp === "verbose" && console.log("events", { events, isHoverable, attachPress }), (_i = (_h = import_setupHooks.hooks).useEvents) == null || _i.call(_h, viewProps, events, splitStyles, setStateShallow);
         let direction = props.spaceDirection || "both";
         time && time`hooks`;
         let content = !children || asChild ? children : spacedChildren({
@@ -4265,8 +4314,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               handlesPressEvents,
               willBeAnimated,
               isStringElement,
-              classNamesIn: props.className?.split(" "),
-              classNamesOut: viewProps.className?.split(" "),
+              classNamesIn: (_j = props.className) == null ? void 0 : _j.split(" "),
+              classNamesOut: (_k = viewProps.className) == null ? void 0 : _k.split(" "),
               events,
               shouldAttach,
               pseudos,
@@ -4304,7 +4353,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         return Component2.staticConfig = extendStyledConfig(extended), Component2.styleable = styleable, Component2;
       }
       function styleable(Component2, extended) {
-        let ComponentForwardedRef = Component2.render?.length === 2 ? Component2 : (
+        var _a2;
+        let ComponentForwardedRef = ((_a2 = Component2.render) == null ? void 0 : _a2.length) === 2 ? Component2 : (
           // memo because theme changes otherwise would always re-render
           (0, import_react.memo)((0, import_react.forwardRef)(Component2))
         ), extendedConfig = extendStyledConfig(extended), out = (0, import_themeable.themeable)(ComponentForwardedRef, extendedConfig);
@@ -4360,16 +4410,17 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       }
     });
     function spacedChildren(props) {
+      var _a, _b, _c;
       let { isZStack, children, space, direction, spaceFlex, separator } = props, hasSpace = !!(space || spaceFlex), hasSeparator = separator != null;
       if (!(hasSpace || hasSeparator || isZStack))
         return children;
       let childrenList = import_react.Children.toArray(children);
-      if (childrenList.length <= 1 && !isZStack && !childrenList[0]?.type?.shouldForwardSpace)
+      if (childrenList.length <= 1 && !isZStack && !((_b = (_a = childrenList[0]) == null ? void 0 : _a.type) != null && _b.shouldForwardSpace))
         return childrenList;
       let final = [];
       for (let [index, child] of childrenList.entries()) {
         let isEmpty = child == null || Array.isArray(child) && child.length === 0;
-        if (!isEmpty && import_react.default.isValidElement(child) && child.type?.shouldForwardSpace && (child = import_react.default.cloneElement(child, {
+        if (!isEmpty && import_react.default.isValidElement(child) && (_c = child.type) != null && _c.shouldForwardSpace && (child = import_react.default.cloneElement(child, {
           space,
           spaceFlex,
           separator,
@@ -4420,8 +4471,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       );
     }
     function isUnspaced(child) {
-      let t = child?.type;
-      return t?.isVisuallyHidden || t?.isUnspaced;
+      let t = child == null ? void 0 : child.type;
+      return (t == null ? void 0 : t.isVisuallyHidden) || (t == null ? void 0 : t.isUnspaced);
     }
     var AbsoluteFill = createComponent({
       defaultProps: {
@@ -4755,6 +4806,7 @@ var require_insertFont_native = __commonJS({
     }
     var updateFont = insertFont;
     function parseFont(definition) {
+      var _a;
       let parsed = {};
       for (let attrKey in definition) {
         let attr = definition[attrKey];
@@ -4764,7 +4816,7 @@ var require_insertFont_native = __commonJS({
           parsed[attrKey] = {};
           for (let key in attr) {
             let val = attr[key];
-            val.val?.[0] === "$" && (val = val.val), parsed[attrKey][`$${key}`] = val;
+            ((_a = val.val) == null ? void 0 : _a[0]) === "$" && (val = val.val), parsed[attrKey][`$${key}`] = val;
           }
         }
       }
@@ -4808,6 +4860,7 @@ var require_createTamagui_native = __commonJS({
     module2.exports = __toCommonJS2(createTamagui_exports);
     var import_constants2 = require_index_native(), import_config = require_config_native(), import_createVariables = require_createVariables_native(), import_getThemeCSSRules = require_getThemeCSSRules_native(), import_insertStyleRule = require_insertStyleRule_native(), import_proxyThemeToParents = require_proxyThemeToParents_native(), import_registerCSSVariable = require_registerCSSVariable_native(), import_themes = require_themes_native(), import_useMedia = require_useMedia_native(), import_insertFont = require_insertFont_native(), import_Tamagui = require_Tamagui_native(), createdConfigs = /* @__PURE__ */ new WeakMap();
     function createTamagui(configIn) {
+      var _a;
       if (createdConfigs.has(configIn))
         return configIn;
       if (!configIn.tokens)
@@ -4938,7 +4991,7 @@ ${runtimeStyles}`;
         // const tokens = [...getToken(tokens.size[0])]
         // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }
       };
-      return (0, import_useMedia.configureMedia)(config), (0, import_config.setConfig)(config), import_config.configListeners.size && (import_config.configListeners.forEach((cb) => cb(config)), import_config.configListeners.clear()), createdConfigs.set(config, !0), process.env.DEBUG?.startsWith("tamagui") && console.log("Tamagui config:", config), globalThis.Tamagui || (globalThis.Tamagui = import_Tamagui.Tamagui), config;
+      return (0, import_useMedia.configureMedia)(config), (0, import_config.setConfig)(config), import_config.configListeners.size && (import_config.configListeners.forEach((cb) => cb(config)), import_config.configListeners.clear()), createdConfigs.set(config, !0), (_a = process.env.DEBUG) != null && _a.startsWith("tamagui") && console.log("Tamagui config:", config), globalThis.Tamagui || (globalThis.Tamagui = import_Tamagui.Tamagui), config;
     }
     function getThemesDeduped(themes) {
       let dedupedThemes = [], existing = /* @__PURE__ */ new Map();
@@ -5006,7 +5059,7 @@ var require_mergeVariants_native = __commonJS({
     var mergeVariants = (parentVariants, ourVariants) => {
       let variants = {};
       for (let key in ourVariants) {
-        let parentVariant = parentVariants?.[key], ourVariant = ourVariants[key];
+        let parentVariant = parentVariants == null ? void 0 : parentVariants[key], ourVariant = ourVariants[key];
         if (!parentVariant || typeof ourVariant == "function") {
           variants[key] = ourVariant;
           continue;
@@ -5017,7 +5070,7 @@ var require_mergeVariants_native = __commonJS({
         }
         variants[key] = {};
         for (let subKey in ourVariant) {
-          let val = ourVariant[subKey], parentVal = parentVariant?.[subKey];
+          let val = ourVariant[subKey], parentVal = parentVariant == null ? void 0 : parentVariant[subKey];
           typeof val == "function" || !parentVal || typeof parentVal == "function" ? variants[key][subKey] = val : variants[key][subKey] = {
             // keep order
             ...parentVal,
@@ -5096,7 +5149,7 @@ var require_styled_native = __commonJS({
     function styled(ComponentIn, options, staticExtractionOptions) {
       if (!ComponentIn)
         throw new Error("No component given to styled()");
-      let parentStaticConfig = ComponentIn.staticConfig, isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC), Component = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn, reactNativeConfig = (0, import_setupReactNative.getReactNativeConfig)(Component), isReactNative = !!(reactNativeConfig || staticExtractionOptions?.isReactNative || parentStaticConfig?.isReactNative || (0, import_setupReactNative.getReactNativeConfig)(parentStaticConfig?.Component)), staticConfigProps = (() => {
+      let parentStaticConfig = ComponentIn.staticConfig, isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC), Component = parentStaticConfig != null && parentStaticConfig.isHOC && !(parentStaticConfig != null && parentStaticConfig.isStyledHOC) || isPlainStyledComponent ? ComponentIn : (parentStaticConfig == null ? void 0 : parentStaticConfig.Component) || ComponentIn, reactNativeConfig = (0, import_setupReactNative.getReactNativeConfig)(Component), isReactNative = !!(reactNativeConfig || staticExtractionOptions != null && staticExtractionOptions.isReactNative || parentStaticConfig != null && parentStaticConfig.isReactNative || (0, import_setupReactNative.getReactNativeConfig)(parentStaticConfig == null ? void 0 : parentStaticConfig.Component)), staticConfigProps = (() => {
         if (options) {
           let {
             variants,
@@ -5112,8 +5165,8 @@ var require_styled_native = __commonJS({
           }), parentStaticConfig && (parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC || (defaultProps = {
             ...parentStaticConfig.defaultProps,
             ...defaultProps
-          }), parentStaticConfig.variants && (variants = (0, import_mergeVariants.mergeVariants)(parentStaticConfig.variants, variants))), parentStaticConfig?.isHOC && name && (defaultProps.componentName = name);
-          let isText = !!(staticExtractionOptions?.isText || parentStaticConfig?.isText), acceptsClassName = acceptsClassNameProp ?? (isPlainStyledComponent || isReactNative || parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName), conf = {
+          }), parentStaticConfig.variants && (variants = (0, import_mergeVariants.mergeVariants)(parentStaticConfig.variants, variants))), parentStaticConfig != null && parentStaticConfig.isHOC && name && (defaultProps.componentName = name);
+          let isText = !!(staticExtractionOptions != null && staticExtractionOptions.isText || parentStaticConfig != null && parentStaticConfig.isText), acceptsClassName = acceptsClassNameProp ?? (isPlainStyledComponent || isReactNative || (parentStaticConfig == null ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig == null ? void 0 : parentStaticConfig.acceptsClassName)), conf = {
             ...parentStaticConfig,
             ...staticExtractionOptions,
             ...!isPlainStyledComponent && {
@@ -5124,13 +5177,13 @@ var require_styled_native = __commonJS({
             variants,
             defaultProps,
             defaultVariants,
-            componentName: name || parentStaticConfig?.componentName,
+            componentName: name || (parentStaticConfig == null ? void 0 : parentStaticConfig.componentName),
             isReactNative,
             isText,
             acceptsClassName,
             context,
             ...reactNativeConfig,
-            isStyledHOC: !!parentStaticConfig?.isHOC,
+            isStyledHOC: !!(parentStaticConfig != null && parentStaticConfig.isHOC),
             parentStaticConfig
           };
           return (defaultProps.children || !acceptsClassName || context) && (conf.neverFlatten = !0), conf;
@@ -5243,7 +5296,7 @@ var require_isTamaguiComponent_native = __commonJS({
     });
     module2.exports = __toCommonJS2(isTamaguiComponent_exports);
     function isTamaguiComponent(comp, name) {
-      let config = comp?.staticConfig;
+      let config = comp == null ? void 0 : comp.staticConfig;
       return !!(config && (!name || name === config.componentName));
     }
   }
@@ -5324,14 +5377,14 @@ var require_useThemeName_native = __commonJS({
     module2.exports = __toCommonJS2(useThemeName_exports);
     var import_constants2 = require_index_native(), import_react = require("react"), import_ThemeManagerContext = require_ThemeManagerContext_native();
     function useThemeName(opts) {
-      let manager = (0, import_react.useContext)(import_ThemeManagerContext.ThemeManagerContext), [name, setName] = (0, import_react.useState)(manager?.state.name || "");
+      let manager = (0, import_react.useContext)(import_ThemeManagerContext.ThemeManagerContext), [name, setName] = (0, import_react.useState)((manager == null ? void 0 : manager.state.name) || "");
       return (0, import_constants2.useIsomorphicLayoutEffect)(() => {
         if (manager)
           return setName(manager.state.name), manager.onChangeTheme((next, manager2) => {
-            let name2 = opts?.parent && manager2.state.parentName || next;
+            let name2 = opts != null && opts.parent && manager2.state.parentName || next;
             name2 && setName(name2);
           });
-      }, [manager?.state.name]), name;
+      }, [manager == null ? void 0 : manager.state.name]), name;
     }
   }
 });
@@ -5353,14 +5406,14 @@ var require_useStyle_native = __commonJS({
       useStyle: () => useStyle
     });
     module2.exports = __toCommonJS2(useStyle_exports);
-    var import_react = require("react"), import_ComponentContext = require_ComponentContext_native(), import_createComponent = require_createComponent_native(), import_getSplitStyles = require_getSplitStyles_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
+    var import_react = require("react"), import_ComponentContext = require_ComponentContext_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
     function useStyle(base, style, options) {
       let isText = base.staticConfig.isText, componentContext = (0, import_react.useContext)(import_ComponentContext.ComponentContext), [themeState] = (0, import_useTheme.useThemeWithState)({}), media = (0, import_useMedia.useMedia)(), out = (0, import_getSplitStyles.useSplitStyles)(
         style,
         base.staticConfig,
         themeState.state.theme,
         themeState.state.name,
-        import_createComponent.defaultComponentState,
+        import_defaultComponentState.defaultComponentState,
         {
           ...options,
           mediaState: media,
@@ -5369,7 +5422,7 @@ var require_useStyle_native = __commonJS({
         null,
         componentContext,
         isText ? "span" : "div",
-        options?.debug
+        options == null ? void 0 : options.debug
       );
       return {
         style: Object.keys(out.style).length ? out.style : null,
@@ -5441,8 +5494,8 @@ var require_useProps_native = __commonJS({
     var import_useMedia = require_useMedia_native();
     function useProps(props, opts) {
       return (0, import_useMedia.useMediaPropsActive)(props, {
-        expandShorthands: !opts?.disableExpandShorthands,
-        resolveValues: opts?.resolveValues
+        expandShorthands: !(opts != null && opts.disableExpandShorthands),
+        resolveValues: opts == null ? void 0 : opts.resolveValues
       });
     }
   }
@@ -5701,7 +5754,10 @@ var require_useGet_native = __commonJS({
       return useIsomorphicLayoutEffect3(() => {
         curRef.current = currentValue;
       }), (0, import_react.useCallback)(
-        forwardToFunction ? (...args) => curRef.current?.apply(null, args) : () => curRef.current,
+        forwardToFunction ? (...args) => {
+          var _a;
+          return (_a = curRef.current) == null ? void 0 : _a.apply(null, args);
+        } : () => curRef.current,
         []
       );
     }
@@ -5862,6 +5918,11 @@ var require_fake_react_native = __commonJS({
           View: "View",
           Text: "Text",
           TextInput: "TextInput",
+          ScrollView: "ScrollView",
+          Dimensions: {
+            addEventListener(cb) {
+            }
+          },
           addPoolingTo() {
           }
         },
@@ -5902,8 +5963,9 @@ var keyName = "__reactResponderId", canUseDOM = !!(typeof window < "u" && window
     return node.getBoundingClientRect();
 };
 function getEventPath(domEvent) {
+  var _a;
   if (domEvent.type === "selectionchange") {
-    let target = window.getSelection()?.anchorNode;
+    let target = (_a = window.getSelection()) == null ? void 0 : _a.anchorNode;
     return composedPathFallback(target);
   } else
     return domEvent.composedPath != null ? domEvent.composedPath() : composedPathFallback(domEvent.target);
@@ -5980,7 +6042,7 @@ function normalizeIdentifier(identifier) {
   return identifier > 20 ? identifier % 20 : identifier;
 }
 function createResponderEvent(domEvent, responderTouchHistoryStore2) {
-  let rect, propagationWasStopped = !1, changedTouches, touches, domEventChangedTouches = domEvent.changedTouches, domEventType = domEvent.type, metaKey = domEvent.metaKey === !0, shiftKey = domEvent.shiftKey === !0, force = domEventChangedTouches?.[0].force || 0, identifier = normalizeIdentifier(domEventChangedTouches?.[0].identifier || 0), clientX = domEventChangedTouches?.[0].clientX || domEvent.clientX, clientY = domEventChangedTouches?.[0].clientY || domEvent.clientY, pageX = domEventChangedTouches?.[0].pageX || domEvent.pageX, pageY = domEventChangedTouches?.[0].pageY || domEvent.pageY, preventDefault = typeof domEvent.preventDefault == "function" ? domEvent.preventDefault.bind(domEvent) : emptyFunction, timestamp = domEvent.timeStamp;
+  let rect, propagationWasStopped = !1, changedTouches, touches, domEventChangedTouches = domEvent.changedTouches, domEventType = domEvent.type, metaKey = domEvent.metaKey === !0, shiftKey = domEvent.shiftKey === !0, force = (domEventChangedTouches == null ? void 0 : domEventChangedTouches[0].force) || 0, identifier = normalizeIdentifier((domEventChangedTouches == null ? void 0 : domEventChangedTouches[0].identifier) || 0), clientX = (domEventChangedTouches == null ? void 0 : domEventChangedTouches[0].clientX) || domEvent.clientX, clientY = (domEventChangedTouches == null ? void 0 : domEventChangedTouches[0].clientY) || domEvent.clientY, pageX = (domEventChangedTouches == null ? void 0 : domEventChangedTouches[0].pageX) || domEvent.pageX, pageY = (domEventChangedTouches == null ? void 0 : domEventChangedTouches[0].pageY) || domEvent.pageY, preventDefault = typeof domEvent.preventDefault == "function" ? domEvent.preventDefault.bind(domEvent) : emptyFunction, timestamp = domEvent.timeStamp;
   function normalizeTouches(touches2) {
     return Array.prototype.slice.call(touches2).map((touch) => ({
       force: touch.force,
@@ -6172,6 +6234,7 @@ var ResponderTouchHistoryStore = class {
     mostRecentTimeStamp: 0
   };
   recordTouchTrack(topLevelType, nativeEvent) {
+    var _a, _b;
     let touchHistory = this._touchHistory;
     if (isMoveish(topLevelType))
       nativeEvent.changedTouches.forEach((touch) => recordTouchMove(touch, touchHistory));
@@ -6180,11 +6243,11 @@ var ResponderTouchHistoryStore = class {
     else if (isEndish(topLevelType) && (nativeEvent.changedTouches.forEach((touch) => recordTouchEnd(touch, touchHistory)), touchHistory.numberActiveTouches = nativeEvent.touches.length, touchHistory.numberActiveTouches === 1)) {
       let { touchBank } = touchHistory;
       for (let i = 0; i < touchBank.length; i++)
-        if (touchBank[i]?.touchActive) {
+        if ((_a = touchBank[i]) != null && _a.touchActive) {
           touchHistory.indexOfSingleActiveTouch = i;
           break;
         }
-      touchBank[touchHistory.indexOfSingleActiveTouch]?.touchActive || console.error("Cannot find single active touch.");
+      (_b = touchBank[touchHistory.indexOfSingleActiveTouch]) != null && _b.touchActive || console.error("Cannot find single active touch.");
     }
   }
   get touchHistory() {
@@ -6410,8 +6473,9 @@ var import_constants = __toESM(require_index_native());
 
 // src/helpers/getBoundingClientRect.tsx
 var getBoundingClientRect2 = (node) => {
+  var _a;
   if (!(!node || node.nodeType !== 1))
-    return node.getBoundingClientRect?.();
+    return (_a = node.getBoundingClientRect) == null ? void 0 : _a.call(node);
 };
 
 // src/helpers/getRect.tsx
@@ -6442,7 +6506,7 @@ typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new Resiz
   }
 }));
 var measureLayout = (node, relativeTo, callback) => {
-  let relativeNode = relativeTo || node?.parentNode;
+  let relativeNode = relativeTo || (node == null ? void 0 : node.parentNode);
   relativeNode instanceof HTMLElement && setTimeout(() => {
     let relativeRect = getBoundingClientRect2(relativeNode), { height, left, top, width } = getRect(node), x = left - relativeRect.left, y = top - relativeRect.top;
     callback(x, y, width, height, left, top);
@@ -6455,7 +6519,7 @@ function useElementLayout(ref, onLayout) {
     let node = ref.current;
     if (node)
       return LayoutHandlers.set(node, onLayout), resizeObserver.observe(node), () => {
-        resizeObserver?.unobserve(node);
+        resizeObserver == null || resizeObserver.unobserve(node);
       };
   }, [ref, onLayout]);
 }
@@ -6536,7 +6600,7 @@ var Stack = import_web2.Stack, Text = import_web2.Text;
   },
   useEvents(viewProps, events, { pseudos }, setStateShallow) {
     {
-      !!pseudos?.focusStyle && (viewProps.onFocus = (0, import_web2.composeEventHandlers)(viewProps.onFocus, () => {
+      !!(pseudos != null && pseudos.focusStyle) && (viewProps.onFocus = (0, import_web2.composeEventHandlers)(viewProps.onFocus, () => {
         setStateShallow({ focus: !0 });
       }), viewProps.onBlur = (0, import_web2.composeEventHandlers)(viewProps.onBlur, () => {
         setStateShallow({ focus: !1 });