@tamagui/core 1.72.3 → 1.73.0

package/dist/native.js

@@ -11,8 +11,8 @@ var __commonJS = (cb, mod) => function() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: !0 });
 }, __copyProps = (to, from, except, desc) => {
   if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
@@ -32,8 +32,8 @@ var require_utils_native = __commonJS({
   "../react-native-use-responder-events/dist/cjs/utils.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -136,8 +136,8 @@ var require_createResponderEvent_native = __commonJS({
   "../react-native-use-responder-events/dist/cjs/createResponderEvent.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -255,8 +255,8 @@ var require_types_native = __commonJS({
   "../react-native-use-responder-events/dist/cjs/types.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -313,8 +313,8 @@ var require_ResponderTouchHistoryStore_native = __commonJS({
   "../react-native-use-responder-events/dist/cjs/ResponderTouchHistoryStore.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -435,8 +435,8 @@ var require_ResponderSystem_native = __commonJS({
   "../react-native-use-responder-events/dist/cjs/ResponderSystem.native.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -642,8 +642,8 @@ var require_useResponderEvents_native = __commonJS({
   "../react-native-use-responder-events/dist/cjs/useResponderEvents.native.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -707,8 +707,8 @@ var require_clamp_native = __commonJS({
   "../helpers/dist/cjs/clamp.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -730,8 +730,8 @@ var require_composeEventHandlers_native = __commonJS({
   "../helpers/dist/cjs/composeEventHandlers.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -757,8 +757,8 @@ var require_concatClassName_native = __commonJS({
   "../helpers/dist/cjs/concatClassName.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -781,19 +781,19 @@ var require_concatClassName_native = __commonJS({
         }
         let names = Array.isArray(cns) ? cns : cns.split(" "), numNames = names.length;
         for (let i = numNames - 1; i >= 0; i--) {
-          let name = names[i];
-          if (!name || name === " ")
+          let name2 = names[i];
+          if (!name2 || name2 === " ")
             continue;
-          if (name[0] !== "_") {
-            final = name + " " + final;
+          if (name2[0] !== "_") {
+            final = name2 + " " + final;
             continue;
           }
-          let splitIndex = name.indexOf("-");
+          let splitIndex = name2.indexOf("-");
           if (splitIndex < 1) {
-            final = name + " " + final;
+            final = name2 + " " + final;
             continue;
           }
-          let isMediaQuery = name[splitIndex + 1] === "_", styleKey = name.slice(1, name.lastIndexOf("-")), mediaKey = isMediaQuery ? name.slice(splitIndex + 2, splitIndex + 7) : null, uid = mediaKey ? styleKey + mediaKey : styleKey;
+          let isMediaQuery = name2[splitIndex + 1] === "_", styleKey = name2.slice(1, name2.lastIndexOf("-")), mediaKey = isMediaQuery ? name2.slice(splitIndex + 2, splitIndex + 7) : null, uid = mediaKey ? styleKey + mediaKey : styleKey;
           if (usedPrefixes.indexOf(uid) > -1)
             continue;
           usedPrefixes.push(uid);
@@ -804,7 +804,7 @@ var require_concatClassName_native = __commonJS({
               return po && po[propKey] && propName in po[propKey] && po[propKey] !== null;
             }
             return po && propName in po && po[propName] !== null;
-          }) || (final = name + " " + final);
+          }) || (final = name2 + " " + final);
         }
       }
       return final;
@@ -822,8 +822,8 @@ var require_index_native2 = __commonJS({
   "../constants/dist/cjs/index.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -853,8 +853,8 @@ var require_validStyleProps_native = __commonJS({
   "../helpers/dist/cjs/validStyleProps.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1079,8 +1079,8 @@ var require_index_native3 = __commonJS({
   "../simple-hash/dist/cjs/index.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1144,8 +1144,8 @@ var require_config_native = __commonJS({
   "../web/dist/cjs/config.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1173,10 +1173,10 @@ var require_config_native = __commonJS({
     module2.exports = __toCommonJS2(config_exports);
     var import_constants2 = require_index_native2(), conf, setConfig = (next) => {
       conf = next, configListeners.forEach((cb) => cb(next));
-    }, setConfigFont = (name, font, fontParsed) => {
+    }, setConfigFont = (name2, font, fontParsed) => {
       if (process.env.NODE_ENV === "development" && !conf)
         throw new Error("Haven't called createTamagui yet");
-      conf.fonts[name] = font, conf.fontsParsed[`$${name}`] = fontParsed;
+      conf.fonts[name2] = font, conf.fontsParsed[`$${name2}`] = fontParsed;
     }, getConfig2 = () => {
       if (!conf)
         throw new Error(
@@ -1204,13 +1204,13 @@ var require_config_native = __commonJS({
       conf ? cb(conf) : configListeners.add(cb);
     }, updateConfig2 = (key, value) => {
       Object.assign(conf[key], value);
-    }, getFont = (name) => {
+    }, getFont = (name2) => {
       var _a;
       let conf2 = getConfig2();
-      return conf2.fontsParsed[name] ?? ((_a = Object.entries(conf2.fontsParsed).find(
+      return conf2.fontsParsed[name2] ?? ((_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;
+          return ((_b = (_a2 = conf2.fontsParsed[k]) == null ? void 0 : _a2.family) == null ? void 0 : _b.val) === name2;
         }
       )) == null ? void 0 : _a[1]);
     }, devConfig;
@@ -1225,8 +1225,8 @@ var require_createVariable_native = __commonJS({
   "../web/dist/cjs/createVariable.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1249,13 +1249,13 @@ var require_createVariable_native = __commonJS({
     var import_constants2 = require_index_native2(), import_helpers = require_index_native4(), import_config = require_config_native(), IS_VAR = "isVar", createVariable = (props, skipHash = !1) => {
       if (!skipHash && isVariable(props))
         return props;
-      let { key, name, val } = props;
+      let { key, name: name2, val } = props;
       return {
         [IS_VAR]: !0,
         key,
-        name: skipHash ? "" : (0, import_helpers.simpleHash)(name, 40),
+        name: skipHash ? "" : (0, import_helpers.simpleHash)(name2, 40),
         val,
-        variable: import_constants2.isWeb ? skipHash ? `var(--${name})` : createCSSVariable(name) : ""
+        variable: import_constants2.isWeb ? skipHash ? `var(--${name2})` : createCSSVariable(name2) : ""
       };
     };
     function variableToString(vrble, getValue = !1) {
@@ -1283,8 +1283,8 @@ var require_createVariable_native = __commonJS({
     var createCSSVariable = (nameProp, includeVar = !0) => {
       if (process.env.NODE_ENV === "development" && (!nameProp || typeof nameProp != "string"))
         throw new Error(`createCSSVariable expected string, got: ${nameProp}`);
-      let name = (0, import_helpers.simpleHash)(nameProp, 60);
-      return includeVar ? `var(--${name})` : name;
+      let name2 = (0, import_helpers.simpleHash)(nameProp, 60);
+      return includeVar ? `var(--${name2})` : name2;
     };
   }
 });
@@ -1294,8 +1294,8 @@ var require_insertStyleRule_native = __commonJS({
   "../web/dist/cjs/helpers/insertStyleRule.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1432,9 +1432,9 @@ var require_insertStyleRule_native = __commonJS({
         theme: values
       };
       for (let selector of selectors) {
-        let scheme = selector.includes("t_dark") ? "dark" : selector.includes("t_light") ? "light" : "", name = selector.slice(selector.lastIndexOf(".t_") + 3);
-        name.startsWith(scheme) && (name = name.slice(scheme.length + 1)), scheme === name && (scheme = "");
-        let themeName = `${scheme}${scheme && name ? "_" : ""}${name}`;
+        let scheme = selector.includes("t_dark") ? "dark" : selector.includes("t_light") ? "light" : "", name2 = selector.slice(selector.lastIndexOf(".t_") + 3);
+        name2.startsWith(scheme) && (name2 = name2.slice(scheme.length + 1)), scheme === name2 && (scheme = "");
+        let themeName = `${scheme}${scheme && name2 ? "_" : ""}${name2}`;
         dedupedEntry.names.includes(themeName) || dedupedEntry.names.push(themeName);
       }
       return dedupedEntry;
@@ -1499,8 +1499,8 @@ var require_createProxy_native = __commonJS({
   "../web/dist/cjs/helpers/createProxy.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1529,8 +1529,8 @@ var require_matchMedia_native = __commonJS({
   "../web/dist/cjs/helpers/matchMedia.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1564,8 +1564,8 @@ var require_pseudoDescriptors_native = __commonJS({
   "../web/dist/cjs/helpers/pseudoDescriptors.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1612,13 +1612,159 @@ var require_pseudoDescriptors_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/objectIdentityKey.native.js
+var require_objectIdentityKey_native = __commonJS({
+  "../web/dist/cjs/helpers/objectIdentityKey.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 name2 in all)
+        __defProp2(target, name2, { get: all[name2], 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), objectIdentityKey_exports = {};
+    __export2(objectIdentityKey_exports, {
+      objectIdentityKey: () => objectIdentityKey
+    });
+    module2.exports = __toCommonJS2(objectIdentityKey_exports);
+    function objectIdentityKey(obj) {
+      let k = "";
+      for (let key in obj) {
+        k += key;
+        let arg = obj[key], type = typeof arg;
+        if (!arg || type !== "object")
+          k += type + arg;
+        else if (cache.has(arg))
+          k += cache.get(arg);
+        else {
+          let v = Math.random();
+          cache.set(arg, v), k += v;
+        }
+      }
+      return k;
+    }
+    var cache = /* @__PURE__ */ new WeakMap();
+  }
+});
+
+// ../web/dist/cjs/helpers/createStyledContext.native.js
+var require_createStyledContext_native = __commonJS({
+  "../web/dist/cjs/helpers/createStyledContext.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 name2 in all)
+        __defProp2(target, name2, { get: all[name2], 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), createStyledContext_exports = {};
+    __export2(createStyledContext_exports, {
+      createStyledContext: () => createStyledContext
+    });
+    module2.exports = __toCommonJS2(createStyledContext_exports);
+    var import_react = require("react"), import_objectIdentityKey = require_objectIdentityKey_native(), import_jsx_runtime = require("react/jsx-runtime");
+    function createStyledContext(defaultValues) {
+      let OGContext = (0, import_react.createContext)(defaultValues), OGProvider = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map(), Provider = ({
+        children,
+        scope,
+        ...values
+      }) => {
+        let value = (0, import_react.useMemo)(() => ({
+          // this ! is a workaround for ts error
+          ...defaultValues,
+          ...values
+        }), [(0, import_objectIdentityKey.objectIdentityKey)(values)]), Provider2 = OGProvider;
+        if (scope) {
+          let ScopedContext = scopedContexts.get(scope);
+          ScopedContext || (ScopedContext = (0, import_react.createContext)(defaultValues), scopedContexts.set(scope, ScopedContext)), Provider2 = ScopedContext.Provider;
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider2, { value, children });
+      }, useStyledContext = (scope) => {
+        let context = scope ? scopedContexts.get(scope) : OGContext;
+        return (0, import_react.useContext)(context);
+      };
+      return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
+    }
+  }
+});
+
+// ../web/dist/cjs/contexts/ComponentContext.native.js
+var require_ComponentContext_native = __commonJS({
+  "../web/dist/cjs/contexts/ComponentContext.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 name2 in all)
+        __defProp2(target, name2, { get: all[name2], 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), ComponentContext_exports = {};
+    __export2(ComponentContext_exports, {
+      ComponentContext: () => ComponentContext
+    });
+    module2.exports = __toCommonJS2(ComponentContext_exports);
+    var import_createStyledContext = require_createStyledContext_native(), listeners = /* @__PURE__ */ new Set(), ComponentContext = (0, import_createStyledContext.createStyledContext)({
+      disableSSR: void 0,
+      inText: !1,
+      language: null,
+      animationDriver: null,
+      groups: {
+        emit: (name2, state) => {
+          listeners.forEach((l) => l(name2, state));
+        },
+        subscribe(cb) {
+          return listeners.add(cb), () => {
+            listeners.delete(cb);
+          };
+        },
+        state: {}
+      }
+    });
+  }
+});
+
+// ../web/dist/cjs/hooks/useDisableSSR.native.js
+var require_useDisableSSR_native = __commonJS({
+  "../web/dist/cjs/hooks/useDisableSSR.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 name2 in all)
+        __defProp2(target, name2, { get: all[name2], 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), useDisableSSR_exports = {};
+    __export2(useDisableSSR_exports, {
+      getDisableSSR: () => getDisableSSR,
+      useDisableSSR: () => useDisableSSR
+    });
+    module2.exports = __toCommonJS2(useDisableSSR_exports);
+    var import_react = require("react"), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native();
+    function useDisableSSR() {
+      let componentContext = (0, import_react.useContext)(import_ComponentContext.ComponentContext);
+      return getDisableSSR(componentContext);
+    }
+    function getDisableSSR(componentContext) {
+      return componentContext.disableSSR ?? (0, import_config.getConfig)().disableSSR;
+    }
+  }
+});
+
 // ../web/dist/cjs/hooks/useMedia.native.js
 var require_useMedia_native = __commonJS({
   "../web/dist/cjs/hooks/useMedia.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1627,7 +1773,6 @@ var require_useMedia_native = __commonJS({
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), useMedia_exports = {};
     __export2(useMedia_exports, {
       configureMedia: () => configureMedia2,
-      getInitialMediaState: () => getInitialMediaState,
       getMedia: () => getMedia2,
       getMediaImportanceIfMoreImportant: () => getMediaImportanceIfMoreImportant,
       getMediaKeyImportance: () => getMediaKeyImportance,
@@ -1645,7 +1790,7 @@ var require_useMedia_native = __commonJS({
       useMediaListeners: () => useMediaListeners
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants2 = require_index_native2(), import_react = require("react"), import_config = require_config_native(), import_createProxy = require_createProxy_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), mediaState2 = (
+    var import_constants2 = require_index_native2(), import_react = require("react"), import_config = require_config_native(), import_createProxy = require_createProxy_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native(), mediaState2 = (
       // development only safeguard
       process.env.NODE_ENV === "development" ? (0, import_createProxy.createProxy)(
         {},
@@ -1658,7 +1803,7 @@ var require_useMedia_native = __commonJS({
           }
         }
       ) : {}
-    ), mediaQueryConfig2 = {}, getMedia2 = () => mediaState2, mediaKeys = /* @__PURE__ */ new Set(), isMediaKey = (key) => mediaKeys.has(key) || key[0] === "$" && (key.startsWith("$platform-") || key.startsWith("$theme-") || key.startsWith("$group-")), initState, getInitialMediaState = () => ((0, import_config.getConfig)().disableSSR ? mediaState2 : initState) || {}, defaultMediaImportance = Object.keys(import_pseudoDescriptors.pseudoDescriptors).length, mediaKeysOrdered, getMediaKeyImportance = (key) => {
+    ), mediaQueryConfig2 = {}, getMedia2 = () => mediaState2, mediaKeys = /* @__PURE__ */ new Set(), isMediaKey = (key) => mediaKeys.has(key) || key[0] === "$" && (key.startsWith("$platform-") || key.startsWith("$theme-") || key.startsWith("$group-")), initState, defaultMediaImportance = Object.keys(import_pseudoDescriptors.pseudoDescriptors).length, mediaKeysOrdered, getMediaKeyImportance = (key) => {
       if (process.env.NODE_ENV === "development" && key[0] === "$")
         throw new Error("use short key");
       return (0, import_config.getConfig)().settings.mediaPropOrder ? defaultMediaImportance : mediaKeysOrdered.indexOf(key) + 100;
@@ -1711,23 +1856,23 @@ var require_useMedia_native = __commonJS({
     function subscribe(subscriber) {
       return listeners.add(subscriber), () => listeners.delete(subscriber);
     }
-    function useMedia2(uid) {
-      let internal = (0, import_react.useRef)(), state = (0, import_react.useSyncExternalStore)(
+    function useMedia2(uid, componentContext) {
+      let internal = (0, import_react.useRef)(), initialState = ((componentContext ? (0, import_useDisableSSR.getDisableSSR)(componentContext) : (0, import_useDisableSSR.useDisableSSR)()) ? mediaState2 : initState) || {}, state = (0, import_react.useSyncExternalStore)(
         subscribe,
         () => {
           if (!internal.current)
-            return initState;
+            return initialState;
           let { touched, prev } = internal.current, componentState = uid ? shouldUpdate.get(uid) : void 0;
           if (componentState && componentState.enabled === !1)
             return prev;
           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
+        () => initialState
       );
       return new Proxy(state, {
         get(_, key) {
-          return typeof key == "string" && (internal.current ||= { prev: initState }, internal.current.touched ||= /* @__PURE__ */ new Set(), internal.current.touched.add(key)), Reflect.get(state, key);
+          return typeof key == "string" && (internal.current ||= { prev: initialState }, internal.current.touched ||= /* @__PURE__ */ new Set(), internal.current.touched.add(key)), Reflect.get(state, key);
         }
       });
     }
@@ -1774,8 +1919,8 @@ var require_Tamagui_native = __commonJS({
   "../web/dist/cjs/Tamagui.native.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1828,8 +1973,8 @@ var require_compose_refs_native = __commonJS({
   "../compose-refs/dist/cjs/compose-refs.native.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1881,8 +2026,8 @@ var require_index_native6 = __commonJS({
   "../use-did-finish-ssr/dist/cjs/index.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1909,8 +2054,8 @@ var require_constants_native = __commonJS({
   "../web/dist/cjs/constants/constants.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -1929,129 +2074,13 @@ var require_constants_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/helpers/objectIdentityKey.native.js
-var require_objectIdentityKey_native = __commonJS({
-  "../web/dist/cjs/helpers/objectIdentityKey.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), objectIdentityKey_exports = {};
-    __export2(objectIdentityKey_exports, {
-      objectIdentityKey: () => objectIdentityKey
-    });
-    module2.exports = __toCommonJS2(objectIdentityKey_exports);
-    function objectIdentityKey(obj) {
-      let k = "";
-      for (let key in obj) {
-        k += key;
-        let arg = obj[key], type = typeof arg;
-        if (!arg || type !== "object")
-          k += type + arg;
-        else if (cache.has(arg))
-          k += cache.get(arg);
-        else {
-          let v = Math.random();
-          cache.set(arg, v), k += v;
-        }
-      }
-      return k;
-    }
-    var cache = /* @__PURE__ */ new WeakMap();
-  }
-});
-
-// ../web/dist/cjs/helpers/createStyledContext.native.js
-var require_createStyledContext_native = __commonJS({
-  "../web/dist/cjs/helpers/createStyledContext.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), createStyledContext_exports = {};
-    __export2(createStyledContext_exports, {
-      createStyledContext: () => createStyledContext
-    });
-    module2.exports = __toCommonJS2(createStyledContext_exports);
-    var import_react = require("react"), import_objectIdentityKey = require_objectIdentityKey_native(), import_jsx_runtime = require("react/jsx-runtime");
-    function createStyledContext(defaultValues) {
-      let OGContext = (0, import_react.createContext)(defaultValues), OGProvider = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map(), Provider = ({
-        children,
-        scope,
-        ...values
-      }) => {
-        let value = (0, import_react.useMemo)(() => ({
-          // this ! is a workaround for ts error
-          ...defaultValues,
-          ...values
-        }), [(0, import_objectIdentityKey.objectIdentityKey)(values)]), Provider2 = OGProvider;
-        if (scope) {
-          let ScopedContext = scopedContexts.get(scope);
-          ScopedContext || (ScopedContext = (0, import_react.createContext)(defaultValues), scopedContexts.set(scope, ScopedContext)), Provider2 = ScopedContext.Provider;
-        }
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider2, { value, children });
-      }, useStyledContext = (scope) => {
-        let context = scope ? scopedContexts.get(scope) : OGContext;
-        return (0, import_react.useContext)(context);
-      };
-      return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
-    }
-  }
-});
-
-// ../web/dist/cjs/contexts/ComponentContext.native.js
-var require_ComponentContext_native = __commonJS({
-  "../web/dist/cjs/contexts/ComponentContext.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), ComponentContext_exports = {};
-    __export2(ComponentContext_exports, {
-      ComponentContext: () => ComponentContext
-    });
-    module2.exports = __toCommonJS2(ComponentContext_exports);
-    var import_createStyledContext = require_createStyledContext_native(), listeners = /* @__PURE__ */ new Set(), ComponentContext = (0, import_createStyledContext.createStyledContext)({
-      inText: !1,
-      language: null,
-      animationDriver: null,
-      groups: {
-        emit: (name, state) => {
-          listeners.forEach((l) => l(name, state));
-        },
-        subscribe(cb) {
-          return listeners.add(cb), () => {
-            listeners.delete(cb);
-          };
-        },
-        state: {}
-      }
-    });
-  }
-});
-
 // ../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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -2085,8 +2114,8 @@ var require_createShallowSetState_native = __commonJS({
   "../web/dist/cjs/helpers/createShallowSetState.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -2115,8 +2144,8 @@ var require_accessibilityDirectMap_native = __commonJS({
   "../web/dist/cjs/constants/accessibilityDirectMap.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -2190,8 +2219,8 @@ var require_isDevTools_native = __commonJS({
   "../web/dist/cjs/constants/isDevTools.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -2218,8 +2247,8 @@ var require_getGroupPropParts_native = __commonJS({
   "../web/dist/cjs/helpers/getGroupPropParts.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -2232,8 +2261,8 @@ var require_getGroupPropParts_native = __commonJS({
     module2.exports = __toCommonJS2(getGroupPropParts_exports);
     var import_useMedia = require_useMedia_native();
     function getGroupPropParts(groupProp) {
-      let mediaQueries = (0, import_useMedia.getMedia)(), [_, name, part3, part4] = groupProp.split("-"), pseudo, media = part3 in mediaQueries ? part3 : void 0;
-      return media ? pseudo = part4 : pseudo = part3, { name, pseudo, media };
+      let mediaQueries = (0, import_useMedia.getMedia)(), [_, name2, part3, part4] = groupProp.split("-"), pseudo, media = part3 in mediaQueries ? part3 : void 0;
+      return media ? pseudo = part4 : pseudo = part3, { name: name2, pseudo, media };
     }
   }
 });
@@ -2243,8 +2272,8 @@ var require_createMediaStyle_native = __commonJS({
   "../web/dist/cjs/helpers/createMediaStyle.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -2265,7 +2294,7 @@ var require_createMediaStyle_native = __commonJS({
         if (isThemeMedia || isGroup) {
           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(
+          let name2 = (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_${name2}${pseudoSelector}`, nextSelector = `${presedencePrefix}${mediaSelector} ${selector.replace(
             ":root",
             ""
           )}`;
@@ -2305,8 +2334,8 @@ var require_expandStyle_native = __commonJS({
   "../web/dist/cjs/helpers/expandStyle.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all2) => {
-      for (var name in all2)
-        __defProp2(target, name, { get: all2[name], enumerable: !0 });
+      for (var name2 in all2)
+        __defProp2(target, name2, { get: all2[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -2490,8 +2519,8 @@ var require_normalize_color = __commonJS({
       let int = parseFloat(str);
       return int < 0 ? 0 : int > 100 ? 1 : int / 100;
     }
-    function normalizeKeyword(name) {
-      switch (name) {
+    function normalizeKeyword(name2) {
+      switch (name2) {
         case "transparent":
           return 0;
         case "aliceblue":
@@ -2804,8 +2833,8 @@ var require_index_native7 = __commonJS({
   "../normalize-css-color/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -2844,8 +2873,8 @@ var require_defaultOffset_native = __commonJS({
   "../web/dist/cjs/helpers/defaultOffset.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -2865,8 +2894,8 @@ var require_normalizeColor_native = __commonJS({
   "../web/dist/cjs/helpers/normalizeColor.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -2898,8 +2927,8 @@ var require_normalizeValueWithProperty_native = __commonJS({
   "../web/dist/cjs/helpers/normalizeValueWithProperty.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -2950,8 +2979,8 @@ var require_normalizeShadow_native = __commonJS({
   "../web/dist/cjs/helpers/normalizeShadow.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -2991,8 +3020,8 @@ var require_expandStyles_native = __commonJS({
   "../web/dist/cjs/helpers/expandStyles.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -3040,8 +3069,8 @@ var require_getStylesAtomic_native = __commonJS({
   "../web/dist/cjs/helpers/getStylesAtomic.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -3066,8 +3095,8 @@ var require_getVariantExtras_native = __commonJS({
   "../web/dist/cjs/helpers/getVariantExtras.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -3113,11 +3142,11 @@ var require_getVariantExtras_native = __commonJS({
       let next = {
         ...fonts,
         ...Object.fromEntries(
-          Object.entries(language).map(([name, lang]) => {
+          Object.entries(language).map(([name2, lang]) => {
             if (lang === "default")
               return [];
-            let langKey = `$${name}_${lang}`;
-            return [`$${name}`, fonts[langKey]];
+            let langKey = `$${name2}_${lang}`;
+            return [`$${name2}`, fonts[langKey]];
           })
         )
       };
@@ -3131,8 +3160,8 @@ var require_isObj_native = __commonJS({
   "../web/dist/cjs/helpers/isObj.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -3152,8 +3181,8 @@ var require_propMapper_native = __commonJS({
   "../web/dist/cjs/helpers/propMapper.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -3192,7 +3221,7 @@ var require_propMapper_native = __commonJS({
       let { staticConfig, conf, debug } = styleState, { variants } = staticConfig;
       if (!variants)
         return;
-      let variantValue = getVariantDefinition(variants[key], key, value, conf);
+      let variantValue = getVariantDefinition(variants[key], value, conf);
       if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(`\u2666\uFE0F\u2666\uFE0F\u2666\uFE0F resolve variant ${key}`), console.log({
         key,
         value,
@@ -3201,9 +3230,9 @@ var require_propMapper_native = __commonJS({
         curProps: { ...styleState.curProps }
       }), console.groupEnd()), !variantValue) {
         if (process.env.TAMAGUI_WARN_ON_MISSING_VARIANT === "1" && typeof value != "boolean") {
-          let name = staticConfig.componentName || "[UnnamedComponent]";
+          let name2 = staticConfig.componentName || "[UnnamedComponent]";
           console.warn(
-            `No variant found: ${name} has variant "${key}", but no matching value "${value}"`
+            `No variant found: ${name2} has variant "${key}", but no matching value "${value}"`
           );
         }
         return;
@@ -3281,21 +3310,26 @@ var require_propMapper_native = __commonJS({
         process.env.NODE_ENV === "development" && 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) => ({
-      name,
-      spreadName: `...${name}`
+    }, tokenCats = ["size", "color", "radius", "space", "zIndex"].map((name2) => ({
+      name: name2,
+      spreadName: `...${name2}`
     }));
-    function getVariantDefinition(variant, key, value, conf) {
+    function getVariantDefinition(variant, value, conf) {
       if (typeof variant == "function")
         return variant;
-      if (variant[value])
-        return variant[value];
-      let { tokensParsed } = conf;
-      for (let { name, spreadName } of tokenCats)
-        if (spreadName in variant && value in tokensParsed[name])
-          return variant[spreadName];
-      let fontSizeVariant = variant["...fontSize"];
-      return fontSizeVariant && conf.fontSizeTokens.has(value) ? fontSizeVariant : variant[`:${typeof value}`] || variant["..."] || variant["...size"];
+      let exact = variant[value];
+      if (exact)
+        return exact;
+      if (value != null) {
+        let { tokensParsed } = conf;
+        for (let { name: name2, spreadName } of tokenCats)
+          if (spreadName in variant && value in tokensParsed[name2])
+            return variant[spreadName];
+        let fontSizeVariant = variant["...fontSize"];
+        if (fontSizeVariant && conf.fontSizeTokens.has(value))
+          return fontSizeVariant;
+      }
+      return variant[`:${typeof value}`] || variant["..."];
     }
     var fontShorthand = {
       fontSize: "size",
@@ -3350,8 +3384,8 @@ var require_getSplitStyles_native = __commonJS({
   "../web/dist/cjs/helpers/getSplitStyles.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -3841,8 +3875,8 @@ var require_mergeProps_native = __commonJS({
   "../web/dist/cjs/helpers/mergeProps.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -3884,8 +3918,8 @@ var require_proxyThemeVariables_native = __commonJS({
   "../web/dist/cjs/helpers/proxyThemeVariables.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -3916,8 +3950,8 @@ var require_ThemeManagerContext_native = __commonJS({
   "../web/dist/cjs/helpers/ThemeManagerContext.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -3937,8 +3971,8 @@ var require_ThemeManager_native = __commonJS({
   "../web/dist/cjs/helpers/ThemeManager.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -4011,8 +4045,8 @@ var require_ThemeManager_native = __commonJS({
         };
       }
     };
-    function getNextThemeClassName(name) {
-      return `t_sub_theme ${import_constants22.THEME_CLASSNAME_PREFIX}${name}`.replace("light_", "").replace("dark_", "");
+    function getNextThemeClassName(name2) {
+      return `t_sub_theme ${import_constants22.THEME_CLASSNAME_PREFIX}${name2}`.replace("light_", "").replace("dark_", "");
     }
     function getState(props, parentManager) {
       var _a, _b, _c, _d, _e, _f;
@@ -4100,8 +4134,8 @@ var require_getThemeUnwrapped_native = __commonJS({
   "../web/dist/cjs/hooks/getThemeUnwrapped.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -4122,8 +4156,8 @@ var require_useTheme_native = __commonJS({
   "../web/dist/cjs/hooks/useTheme.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -4161,14 +4195,15 @@ var require_useTheme_native = __commonJS({
             keys: [...keys.current]
           }), next;
         }
-      ), { themeManager, state } = changedThemeState, { theme, name, className } = state;
-      if (!theme)
-        throw process.env.NODE_ENV === "development" ? new Error(
-          `No theme found given props ${JSON.stringify(
-            props
-          )}. Themes given to tamagui are: ${Object.keys((0, import_config.getConfig)().themes)}`
-        ) : "\u274C 1";
-      let themeProxied = (0, import_react.useMemo)(() => getThemeProxied(theme, themeManager, keys.current, props.debug), [theme, name, className, themeManager]);
+      ), { themeManager, state } = changedThemeState;
+      state != null && state.theme || process.env.NODE_ENV === "development" && process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1" && console.warn(
+        `[tamagui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(
+          props
+        )}).
+
+If this is intended and you are using Tamagui without any themes, you can disable this warning by setting the environment variable TAMAGUI_DISABLE_NO_THEME_WARNING=1`
+      );
+      let themeProxied = (0, import_react.useMemo)(() => !themeManager || !(state != null && state.theme) ? {} : getThemeProxied(state.theme, themeManager, keys.current, props.debug), [state, themeManager]);
       return process.env.NODE_ENV === "development" && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} useTheme =>", name), console.log("returning state", changedThemeState, "from props", props), console.groupEnd()), [changedThemeState, themeProxied];
     };
     function getThemeProxied(theme, themeManager, keys, debug) {
@@ -4201,30 +4236,29 @@ var require_useTheme_native = __commonJS({
         }
       });
     }
-    var activeThemeManagers = /* @__PURE__ */ new Set(), useChangeThemeEffect = (props, root = !1, keys, shouldUpdate) => {
+    var activeThemeManagers = /* @__PURE__ */ new Set(), useChangeThemeEffect = (props, isRoot = !1, keys, shouldUpdate) => {
       let {
         // @ts-expect-error internal use only
         disable
       } = props, parentManager = (0, import_react.useContext)(import_ThemeManagerContext.ThemeManagerContext);
-      if (disable) {
-        if (!parentManager)
-          throw "\u274C 2";
+      if (!isRoot && !parentManager || disable)
         return {
           isNewTheme: !1,
-          state: parentManager.state,
+          state: parentManager == null ? void 0 : parentManager.state,
           themeManager: parentManager
         };
-      }
       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 == null ? void 0 : shouldUpdate();
-        if (!forceShouldChange && forceUpdate === !1)
+        if (!manager || !forceShouldChange && forceUpdate === !1)
           return;
         let next = nextState || manager.getState(props, parentManager);
         if (forceShouldChange || next && !(forceUpdate !== !0 && !manager.getStateShouldChange(next, prevState)))
           return next;
       }
       if (import_constants2.isServer || ((0, import_react.useLayoutEffect)(() => {
+        if (!themeManager)
+          return;
         if (props.inverse && !mounted) {
           setThemeState({ ...themeState, mounted: !0 });
           return;
@@ -4232,13 +4266,13 @@ 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 == null ? void 0 : parentManager.onChangeTheme((name, manager) => {
+        }), disposeChangeListener = parentManager == null ? void 0 : parentManager.onChangeTheme((name2, manager) => {
           let force = shouldUpdate == null ? void 0 : shouldUpdate(), doUpdate = force ?? !!(keys != null && keys.length || isNewTheme);
           process.env.NODE_ENV === "development" && props.debug && console.log(" \u{1F538} onChange", themeManager.id, {
             force,
             doUpdate,
             props,
-            name,
+            name: name2,
             manager,
             keys
           }), doUpdate && setThemeState(createState);
@@ -4257,29 +4291,28 @@ var require_useTheme_native = __commonJS({
         mounted
       ]), process.env.NODE_ENV === "development" && props.debug !== "profile" && (0, import_react.useEffect)(() => (globalThis.TamaguiThemeManagers ??= /* @__PURE__ */ new Set(), globalThis.TamaguiThemeManagers.add(themeManager), () => {
         globalThis.TamaguiThemeManagers.delete(themeManager);
-      }), [themeManager])), isInversingOnMount) {
-        if (!parentManager)
-          throw "\u274C 3";
+      }), [themeManager])), isInversingOnMount)
         return {
           isNewTheme: !1,
           themeManager: parentManager,
           state: {
-            ...parentManager.state,
+            name: "",
+            ...parentManager == null ? void 0 : parentManager.state,
             className: ""
           }
         };
-      }
       return {
         state,
         isNewTheme,
         themeManager
       };
       function createState(prev, force = !1) {
+        var _a;
         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);
+          let getNewThemeManager = () => new import_ThemeManager.ThemeManager(props, isRoot ? "root" : parentManager);
           if (prev != null && prev.themeManager) {
             themeManager2 = prev.themeManager;
             let forceChange = !!(keys != null && keys.length), next = themeManager2.getState(props, parentManager), nextState = getShouldUpdateTheme(
@@ -4292,8 +4325,8 @@ var require_useTheme_native = __commonJS({
           } else
             themeManager2 = getNewThemeManager(), state2 = { ...themeManager2.state };
         }
-        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))
+        let isNewTheme2 = !!(themeManager2 !== parentManager || props.inverse), mounted2 = props.inverse ? isRoot || (prev == null ? void 0 : prev.mounted) : !0;
+        if (state2 || (isNewTheme2 ? state2 = themeManager2.state : (state2 = parentManager.state, themeManager2 = parentManager)), !force && state2.name === ((_a = prev == null ? void 0 : prev.state) == null ? void 0 : _a.name))
           return prev;
         let response = {
           state: state2,
@@ -4325,8 +4358,8 @@ var require_ThemeDebug_native = __commonJS({
   "../web/dist/cjs/views/ThemeDebug.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -4352,8 +4385,8 @@ var require_Theme_native = __commonJS({
   "../web/dist/cjs/views/Theme.native.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -4401,7 +4434,7 @@ var require_Theme_native = __commonJS({
         void 0,
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, { name: themeManager.state.parentName, children: child.props.children })
       ) : child));
-      let elementsWithContext = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeManagerContext.ThemeManagerContext.Provider, { value: themeManager, children: next });
+      let elementsWithContext = themeManager ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeManagerContext.ThemeManagerContext.Provider, { value: themeManager, children: next }) : next;
       return forceClassName === !1 ? elementsWithContext : import_constants2.isWeb ? wrapThemeElements({
         children: elementsWithContext,
         themeState,
@@ -4415,23 +4448,28 @@ var require_Theme_native = __commonJS({
       forceClassName,
       isRoot
     }) {
+      var _a, _b, _c, _d;
       if (isRoot && forceClassName === !1)
         return children;
-      let inverse = themeState.state.inverse;
+      let inverse = (_a = themeState.state) == null ? void 0 : _a.inverse;
       if (!themeState.isNewTheme && !inverse && !forceClassName)
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "_dsp_contents is_Theme", children });
-      let themeColor = themeState.state.theme && themeState.isNewTheme ? (0, import_createVariable.variableToString)(themeState.state.theme.color) : "", colorStyle = themeColor ? {
+      let themeColor = (_b = themeState.state) != null && _b.theme && themeState.isNewTheme ? (0, import_createVariable.variableToString)(themeState.state.theme.color) : "", colorStyle = themeColor ? {
         color: themeColor
-      } : void 0, className = themeState.state.className || "";
+      } : void 0, className = ((_c = themeState.state) == null ? void 0 : _c.className) || "";
       isRoot && (className = className.replace("t_sub_theme", ""));
       let themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${className} _dsp_contents is_Theme`, style: colorStyle, children });
-      return (inverse != null || forceClassName) && (themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "span",
-        {
-          className: `${themeState.state.name.startsWith("light") ? "t_light" : themeState.state.name.startsWith("dark") ? "t_dark" : ""} _dsp_contents ${inverse ? "is_inversed" : ""}`,
-          children: themedChildren
-        }
-      )), themedChildren;
+      if (inverse != null || forceClassName) {
+        let name2 = ((_d = themeState.state) == null ? void 0 : _d.name) || "";
+        themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: `${name2.startsWith("light") ? "t_light" : name2.startsWith("dark") ? "t_dark" : ""} _dsp_contents ${inverse ? "is_inversed" : ""}`,
+            children: themedChildren
+          }
+        );
+      }
+      return themedChildren;
     }
   }
 });
@@ -4441,8 +4479,8 @@ var require_themeable_native = __commonJS({
   "../web/dist/cjs/helpers/themeable.native.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -4491,8 +4529,8 @@ var require_setupHooks_native = __commonJS({
   "../web/dist/cjs/setupHooks.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -4516,8 +4554,8 @@ var require_Slot_native = __commonJS({
   "../web/dist/cjs/views/Slot.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -4567,8 +4605,8 @@ var require_createComponent_native = __commonJS({
   "../web/dist/cjs/createComponent.native.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -4641,7 +4679,7 @@ var require_createComponent_native = __commonJS({
         defaultPropsKeyOrder: defaultProps ? Object.keys(defaultProps) : []
       });
       let component = (0, import_react.forwardRef)((propsIn, forwardedRef) => {
-        var _a2, _b, _c, _d, _g, _h, _i, _j, _k;
+        var _a2, _b, _c, _d, _e, _f, _i, _j, _k, _l, _m;
         if (process.env.NODE_ENV === "development" && startVisualizer && (startVisualizer(), startVisualizer = void 0), !hasSetupBaseViews) {
           hasSetupBaseViews = !0;
           let baseViews = (_b = (_a2 = import_setupHooks.hooks).getBaseViews) == null ? void 0 : _b.call(_a2);
@@ -4734,7 +4772,7 @@ var require_createComponent_native = __commonJS({
         if (process.env.NODE_ENV === "development") {
           let id = (0, import_react.useId)();
           if (debugProp && debugProp !== "profile") {
-            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}`;
+            let name2 = `${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 = `${name2}${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;"
@@ -4763,11 +4801,7 @@ var require_createComponent_native = __commonJS({
         elementType = Component || elementType;
         let isStringElement = typeof elementType == "string";
         process.env.NODE_ENV === "development" && time && time`theme`;
-        let mediaState2 = (0, import_useMedia.useMedia)(
-          // @ts-ignore, we just pass a stable object so we can get it later with
-          // should match to the one used in `setMediaShouldUpdate` below
-          stateRef
-        );
+        let mediaState2 = (0, import_useMedia.useMedia)(stateRef, componentContext);
         process.env.NODE_ENV === "development" && time && time`media`, (0, import_createVariable.setDidGetVariableValue)(!1);
         let resolveValues = (
           // if HOC + mounted + has animation prop, resolve as value so it passes non-variable to child
@@ -4783,7 +4817,7 @@ var require_createComponent_native = __commonJS({
           props,
           staticConfig,
           theme,
-          themeState.state.name,
+          ((_d = themeState == null ? void 0 : themeState.state) == null ? void 0 : _d.name) || "",
           state,
           styleProps,
           null,
@@ -4823,7 +4857,7 @@ var require_createComponent_native = __commonJS({
             presence,
             componentState: state,
             styleProps,
-            theme: themeState.state.theme,
+            theme: (_e = themeState.state) == null ? void 0 : _e.theme,
             pseudos: pseudos || null,
             hostRef,
             staticConfig
@@ -4861,7 +4895,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}`
         ), process.env.NODE_ENV === "development" && time && time`destructure`;
-        let disabled = ((_d = props.accessibilityState) == null ? void 0 : _d.disabled) || // @ts-expect-error (comes from core)
+        let disabled = ((_f = props.accessibilityState) == null ? void 0 : _f.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,
@@ -4897,8 +4931,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               media: {}
             };
             disposeGroupsListener = componentContext.groups.subscribe(
-              (name, { layout, pseudo }) => {
-                if (pseudo && pseudoGroups != null && pseudoGroups.has(name))
+              (name2, { layout, pseudo }) => {
+                if (pseudo && pseudoGroups != null && pseudoGroups.has(name2))
                   Object.assign(current.pseudo, pseudo), persist();
                 else if (layout && mediaGroups) {
                   let mediaState22 = getMediaState(mediaGroups, layout), next = (0, import_createShallowSetState.mergeIfNotShallowEqual)(current.media, mediaState22);
@@ -4909,7 +4943,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
                     // force it to be referentially different so it always updates
                     group: {
                       ...state.group,
-                      [name]: current
+                      [name2]: current
                     }
                   });
                 }
@@ -4925,7 +4959,7 @@ 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 || ((_g = staticConfig.defaultProps) == null ? void 0 : _g.fontFamily) : null;
+        let avoidAnimationStyle = keepStyleSSR && state.unmounted === !0, fontFamily = isText ? splitStyles.fontFamily || ((_i = staticConfig.defaultProps) == null ? void 0 : _i.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;
@@ -4967,7 +5001,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           delayPressOut: viewProps.delayPressOut,
           focusable: viewProps.focusable ?? !0,
           minPressDuration: 0
-        }), process.env.NODE_ENV === "development" && time && time`events`, process.env.NODE_ENV === "development" && debugProp === "verbose" && console.log("events", { events, isHoverable, attachPress }), (_i = (_h = import_setupHooks.hooks).useEvents) == null || _i.call(_h, viewProps, events, splitStyles, setStateShallow);
+        }), process.env.NODE_ENV === "development" && time && time`events`, process.env.NODE_ENV === "development" && debugProp === "verbose" && console.log("events", { events, isHoverable, attachPress }), (_k = (_j = import_setupHooks.hooks).useEvents) == null || _k.call(_j, viewProps, events, splitStyles, setStateShallow);
         let direction = props.spaceDirection || "both";
         process.env.NODE_ENV === "development" && time && time`hooks`;
         let content = !children || asChild ? children : spacedChildren({
@@ -5025,8 +5059,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               handlesPressEvents,
               willBeAnimated,
               isStringElement,
-              classNamesIn: (_j = props.className) == null ? void 0 : _j.split(" "),
-              classNamesOut: (_k = viewProps.className) == null ? void 0 : _k.split(" "),
+              classNamesIn: (_l = props.className) == null ? void 0 : _l.split(" "),
+              classNamesOut: (_m = viewProps.className) == null ? void 0 : _m.split(" "),
               events,
               shouldAttach,
               pseudos,
@@ -5078,7 +5112,16 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       return props.children;
     }
     Unspaced.isUnspaced = !0;
-    var Spacer = createComponent({
+    var getSpacerSize = (size, { tokens }) => {
+      size = size === !0 ? "$true" : size;
+      let sizePx = tokens.space[size] ?? size;
+      return {
+        width: sizePx,
+        height: sizePx,
+        minWidth: sizePx,
+        minHeight: sizePx
+      };
+    }, Spacer = createComponent({
       acceptsClassName: !0,
       memo: !0,
       componentName: "Spacer",
@@ -5092,16 +5135,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       },
       variants: {
         size: {
-          "...size": (size, { tokens }) => {
-            size = size === !0 ? "$true" : size;
-            let sizePx = tokens.space[size] ?? size;
-            return {
-              width: sizePx,
-              height: sizePx,
-              minWidth: sizePx,
-              minHeight: sizePx
-            };
-          }
+          "...": getSpacerSize
         },
         flex: {
           true: {
@@ -5218,8 +5252,8 @@ var require_createShorthands_native = __commonJS({
   "../web/dist/cjs/createShorthands.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5241,8 +5275,8 @@ var require_createTheme_native = __commonJS({
   "../web/dist/cjs/createTheme.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5262,8 +5296,8 @@ var require_createVariables_native = __commonJS({
   "../web/dist/cjs/createVariables.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5285,17 +5319,17 @@ var require_createVariables_native = __commonJS({
           res[key] = val;
           continue;
         }
-        let niceKey = (0, import_helpers.simpleHash)(key), name = isFont ? niceKey.slice(0, 2) : i;
-        if (name = parentPath ? `${parentPath}-${name}` : niceKey, val && typeof val == "object") {
+        let niceKey = (0, import_helpers.simpleHash)(key), name2 = isFont ? niceKey.slice(0, 2) : i;
+        if (name2 = parentPath ? `${parentPath}-${name2}` : niceKey, val && typeof val == "object") {
           res[key] = createVariables(
             tokens[key],
-            name,
+            name2,
             !1
             /* note: don't pass isFont down, we want to avoid it past the first level */
           );
           continue;
         }
-        let finalValue = (0, import_createVariable.isVariable)(val) ? val : (0, import_createVariable.createVariable)({ val, name, key: keyWithPrefix });
+        let finalValue = (0, import_createVariable.isVariable)(val) ? val : (0, import_createVariable.createVariable)({ val, name: name2, key: keyWithPrefix });
         res[key] = finalValue;
       }
       return cache.set(res, !0), res;
@@ -5308,8 +5342,8 @@ var require_getThemeCSSRules_native = __commonJS({
   "../web/dist/cjs/helpers/getThemeCSSRules.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5331,8 +5365,8 @@ var require_proxyThemeToParents_native = __commonJS({
   "../web/dist/cjs/helpers/proxyThemeToParents.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5348,8 +5382,8 @@ var require_proxyThemeToParents_native = __commonJS({
     var import_config = require_config_native(), import_getThemeUnwrapped = require_getThemeUnwrapped_native(), themesRaw = {};
     function proxyThemesToParents(dedupedThemes) {
       for (let { names, theme } of dedupedThemes)
-        for (let name of names)
-          themesRaw[name] = theme;
+        for (let name2 of names)
+          themesRaw[name2] = theme;
       let themes = {};
       for (let { names, theme } of dedupedThemes)
         for (let themeName of names) {
@@ -5385,8 +5419,8 @@ var require_registerCSSVariable_native = __commonJS({
   "../web/dist/cjs/helpers/registerCSSVariable.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5410,8 +5444,8 @@ var require_themes_native = __commonJS({
   "../web/dist/cjs/helpers/themes.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5443,8 +5477,8 @@ var require_createFont_native = __commonJS({
   "../web/dist/cjs/createFont.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5496,8 +5530,8 @@ var require_insertFont_native = __commonJS({
   "../web/dist/cjs/insertFont.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5512,9 +5546,9 @@ var require_insertFont_native = __commonJS({
     });
     module2.exports = __toCommonJS2(insertFont_exports);
     var import_config = require_config_native(), import_createFont = require_createFont_native(), import_createVariables = require_createVariables_native(), import_registerCSSVariable = require_registerCSSVariable_native();
-    function insertFont(name, fontIn) {
-      let font = (0, import_createFont.createFont)(fontIn), tokened = (0, import_createVariables.createVariables)(font, name), parsed = parseFont(tokened);
-      return (0, import_config.setConfigFont)(name, tokened, parsed), parsed;
+    function insertFont(name2, fontIn) {
+      let font = (0, import_createFont.createFont)(fontIn), tokened = (0, import_createVariables.createVariables)(font, name2), parsed = parseFont(tokened);
+      return (0, import_config.setConfigFont)(name2, tokened, parsed), parsed;
     }
     var updateFont = insertFont;
     function parseFont(definition) {
@@ -5558,8 +5592,8 @@ var require_createTamagui_native = __commonJS({
   "../web/dist/cjs/createTamagui.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5575,36 +5609,40 @@ var require_createTamagui_native = __commonJS({
       var _a;
       if (createdConfigs.has(configIn))
         return configIn;
-      if (process.env.NODE_ENV === "development") {
-        if (!configIn.tokens)
-          throw new Error("Must define tokens");
-        if (!configIn.themes)
-          throw new Error("Must define themes");
-        if (!configIn.fonts)
-          throw new Error("Must define fonts");
-      }
-      let tokens = (0, import_createVariables.createVariables)(configIn.tokens), tokensParsed = {}, tokensMerged = {};
-      for (let cat in tokens) {
-        tokensParsed[cat] = {}, tokensMerged[cat] = {};
-        let tokenCat = tokens[cat];
-        for (let key in tokenCat) {
-          let val = tokenCat[key], prefixedKey = `$${key}`;
-          tokensParsed[cat][prefixedKey] = val, tokensMerged[cat][prefixedKey] = val, tokensMerged[cat][key] = val;
+      let tokensParsed = {}, tokens = (0, import_createVariables.createVariables)(configIn.tokens || {});
+      if (configIn.tokens) {
+        let tokensMerged = {};
+        for (let cat in tokens) {
+          tokensParsed[cat] = {}, tokensMerged[cat] = {};
+          let tokenCat = tokens[cat];
+          for (let key in tokenCat) {
+            let val = tokenCat[key], prefixedKey = `$${key}`;
+            tokensParsed[cat][prefixedKey] = val, tokensMerged[cat][prefixedKey] = val, tokensMerged[cat][key] = val;
+          }
         }
+        (0, import_config.setTokens)(tokensMerged);
+      }
+      let foundThemes;
+      if (configIn.themes) {
+        let noThemes = Object.keys(configIn.themes).length === 0;
+        foundThemes = (0, import_insertStyleRule.scanAllSheets)(noThemes, tokensParsed);
       }
-      (0, import_config.setTokens)(tokensMerged);
-      let noThemes = Object.keys(configIn.themes).length === 0, foundThemes = (0, import_insertStyleRule.scanAllSheets)(noThemes, tokensParsed);
       (0, import_insertStyleRule.listenForSheetChanges)();
-      let fontTokens = Object.fromEntries(
-        Object.entries(configIn.fonts).map(([k, v]) => [k, (0, import_createVariables.createVariables)(v, "f", !0)])
-      ), fontSizeTokens = null, fontsParsed = (() => {
-        let res = {};
-        for (let familyName in fontTokens) {
-          let font = fontTokens[familyName], fontParsed = (0, import_insertFont.parseFont)(font);
-          res[`$${familyName}`] = fontParsed, !fontSizeTokens && fontParsed.size && (fontSizeTokens = new Set(Object.keys(fontParsed.size)));
-        }
-        return res;
-      })(), specificTokens = {}, themeConfig = (() => {
+      let fontSizeTokens = null, fontsParsed;
+      if (configIn.fonts) {
+        let fontTokens = Object.fromEntries(
+          Object.entries(configIn.fonts).map(([k, v]) => [k, (0, import_createVariables.createVariables)(v, "f", !0)])
+        );
+        fontsParsed = (() => {
+          let res = {};
+          for (let familyName in fontTokens) {
+            let font = fontTokens[familyName], fontParsed = (0, import_insertFont.parseFont)(font);
+            res[`$${familyName}`] = fontParsed, !fontSizeTokens && fontParsed.size && (fontSizeTokens = new Set(Object.keys(fontParsed.size)));
+          }
+          return res;
+        })();
+      }
+      let specificTokens = {}, themeConfig = (() => {
         let cssRuleSets = [];
         if (process.env.TAMAGUI_DOES_SSR_CSS !== "true" && // we can leave this out if mutating, only need the js for getThemeCSSRules
         process.env.TAMAGUI_DOES_SSR_CSS !== "mutates-themes") {
@@ -5629,9 +5667,9 @@ ${JSON.stringify(
             };
             var declarationsToRuleSet = declarationsToRuleSet2;
             for (let key in fontsParsed) {
-              let fontParsed = fontsParsed[key], [name, language] = key.includes("_") ? key.split("_") : [key], fontVars = (0, import_insertFont.registerFontVariables)(fontParsed);
+              let fontParsed = fontsParsed[key], [name2, language] = key.includes("_") ? key.split("_") : [key], fontVars = (0, import_insertFont.registerFontVariables)(fontParsed);
               fontDeclarations[key] = {
-                name: name.slice(1),
+                name: name2.slice(1),
                 declarations: fontVars,
                 language
               };
@@ -5639,7 +5677,7 @@ ${JSON.stringify(
             let sep = process.env.NODE_ENV === "development" ? configIn.cssStyleSeparator || " " : "";
             if (cssRuleSets.push(declarationsToRuleSet2(declarations)), fontDeclarations)
               for (let key in fontDeclarations) {
-                let { name, declarations: declarations2, language = "default" } = fontDeclarations[key], fontSelector = `.font_${name}`, langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`, selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector, specificRuleSet = declarationsToRuleSet2(declarations2, selectors);
+                let { name: name2, declarations: declarations2, language = "default" } = fontDeclarations[key], fontSelector = `.font_${name2}`, langSelector = `:root .t_lang-${name2}-${language} ${fontSelector}`, selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector, specificRuleSet = declarationsToRuleSet2(declarations2, selectors);
                 cssRuleSets.push(specificRuleSet);
               }
           }
@@ -5678,9 +5716,10 @@ ${themeConfig.cssRuleSets.join(separator)}`}
 ${exclude ? "" : themeConfig.getThemeRulesSets().join(separator)}
 ${runtimeStyles}`;
       }, getNewCSS = (opts) => getCSS({ ...opts, sinceLastCall: !0 }), defaultFontName = configIn.defaultFont || // uses font named "body" if present for compat
-      ("body" in configIn.fonts ? "body" : "");
-      !defaultFontName && configIn.fonts && (defaultFontName = Object.keys(configIn.fonts)[0]), defaultFontName[0] === "$" && (defaultFontName = defaultFontName.slice(1));
+      configIn.fonts && ("body" in configIn.fonts ? "body" : "");
+      !defaultFontName && configIn.fonts && (defaultFontName = Object.keys(configIn.fonts)[0]), (defaultFontName == null ? void 0 : defaultFontName[0]) === "$" && (defaultFontName = defaultFontName.slice(1));
       let defaultFont = `$${defaultFontName}`, config = {
+        fonts: {},
         groupNames: [],
         settings: {},
         onlyAllowShorthands: !1,
@@ -5693,7 +5732,7 @@ ${runtimeStyles}`;
         shorthands,
         inverseShorthands: shorthands ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k])) : {},
         themes: themeConfig.themes,
-        fontsParsed,
+        fontsParsed: fontsParsed || {},
         themeConfig,
         tokensParsed,
         parsed: !0,
@@ -5734,8 +5773,8 @@ var require_createTokens_native = __commonJS({
   "../web/dist/cjs/createTokens.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5758,8 +5797,8 @@ var require_mergeVariants_native = __commonJS({
   "../web/dist/cjs/helpers/mergeVariants.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5809,8 +5848,8 @@ var require_setupReactNative_native = __commonJS({
   "../web/dist/cjs/setupReactNative.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5847,8 +5886,8 @@ var require_styled_native = __commonJS({
   "../web/dist/cjs/styled.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5867,7 +5906,7 @@ var require_styled_native = __commonJS({
         if (options) {
           let {
             variants,
-            name,
+            name: name2,
             defaultVariants,
             acceptsClassName: acceptsClassNameProp,
             context,
@@ -5879,7 +5918,7 @@ 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 != null && parentStaticConfig.isHOC && name && (defaultProps.componentName = name);
+          }, parentStaticConfig.variants && (variants = (0, import_mergeVariants.mergeVariants)(parentStaticConfig.variants, variants)))), parentStaticConfig != null && parentStaticConfig.isHOC && name2 && (defaultProps.componentName = name2);
           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,
@@ -5891,7 +5930,7 @@ var require_styled_native = __commonJS({
             variants,
             defaultProps,
             defaultVariants,
-            componentName: name || (parentStaticConfig == null ? void 0 : parentStaticConfig.componentName),
+            componentName: name2 || (parentStaticConfig == null ? void 0 : parentStaticConfig.componentName),
             isReactNative,
             isText,
             acceptsClassName,
@@ -5938,37 +5977,13 @@ var require_GetRef_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/helpers/getAnimationDriver.native.js
-var require_getAnimationDriver_native = __commonJS({
-  "../web/dist/cjs/helpers/getAnimationDriver.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), getAnimationDriver_exports = {};
-    __export2(getAnimationDriver_exports, {
-      getAnimationDriver: () => getAnimationDriver
-    });
-    module2.exports = __toCommonJS2(getAnimationDriver_exports);
-    var import_config = require_config_native();
-    function getAnimationDriver() {
-      return (0, import_config.getConfig)().animations;
-    }
-  }
-});
-
 // ../web/dist/cjs/helpers/getExpandedShorthands.native.js
 var require_getExpandedShorthands_native = __commonJS({
   "../web/dist/cjs/helpers/getExpandedShorthands.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -5997,8 +6012,8 @@ var require_isTamaguiComponent_native = __commonJS({
   "../web/dist/cjs/helpers/isTamaguiComponent.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6009,9 +6024,9 @@ var require_isTamaguiComponent_native = __commonJS({
       isTamaguiComponent: () => isTamaguiComponent
     });
     module2.exports = __toCommonJS2(isTamaguiComponent_exports);
-    function isTamaguiComponent(comp, name) {
+    function isTamaguiComponent(comp, name2) {
       let config = comp == null ? void 0 : comp.staticConfig;
-      return !!(config && (!name || name === config.componentName));
+      return !!(config && (!name2 || name2 === config.componentName));
     }
   }
 });
@@ -6021,8 +6036,8 @@ var require_isTamaguiElement_native = __commonJS({
   "../web/dist/cjs/helpers/isTamaguiElement.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6033,7 +6048,7 @@ var require_isTamaguiElement_native = __commonJS({
       isTamaguiElement: () => isTamaguiElement
     });
     module2.exports = __toCommonJS2(isTamaguiElement_exports);
-    var import_react = require("react"), import_isTamaguiComponent = require_isTamaguiComponent_native(), isTamaguiElement = (child, name) => (0, import_react.isValidElement)(child) && (0, import_isTamaguiComponent.isTamaguiComponent)(child.type, name);
+    var import_react = require("react"), import_isTamaguiComponent = require_isTamaguiComponent_native(), isTamaguiElement = (child, name2) => (0, import_react.isValidElement)(child) && (0, import_isTamaguiComponent.isTamaguiComponent)(child.type, name2);
   }
 });
 
@@ -6042,8 +6057,8 @@ var require_withStaticProperties_native = __commonJS({
   "../web/dist/cjs/helpers/withStaticProperties.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6077,8 +6092,8 @@ var require_useThemeName_native = __commonJS({
   "../web/dist/cjs/hooks/useThemeName.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6091,36 +6106,43 @@ var require_useThemeName_native = __commonJS({
     module2.exports = __toCommonJS2(useThemeName_exports);
     var import_constants2 = require_index_native2(), 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 == null ? void 0 : manager.state.name) || "");
+      let manager = (0, import_react.useContext)(import_ThemeManagerContext.ThemeManagerContext), [name2, 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 != null && opts.parent && manager2.state.parentName || next;
-            name2 && setName(name2);
+            let name22 = opts != null && opts.parent && manager2.state.parentName || next;
+            name22 && setName(name22);
           });
-      }, [manager == null ? void 0 : manager.state.name]), name;
+      }, [manager == null ? void 0 : manager.state.name]), name2;
     }
   }
 });
 
-// ../web/dist/cjs/hooks/useAnimationDriver.native.js
-var require_useAnimationDriver_native = __commonJS({
-  "../web/dist/cjs/hooks/useAnimationDriver.native.js"(exports, module2) {
+// ../web/dist/cjs/hooks/useConfiguration.native.js
+var require_useConfiguration_native = __commonJS({
+  "../web/dist/cjs/hooks/useConfiguration.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], 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), useAnimationDriver_exports = {};
-    __export2(useAnimationDriver_exports, {
-      useAnimationDriver: () => useAnimationDriver
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), useConfiguration_exports = {};
+    __export2(useConfiguration_exports, {
+      useConfiguration: () => useConfiguration
     });
-    module2.exports = __toCommonJS2(useAnimationDriver_exports);
-    var import_react = require("react"), import_ComponentContext = require_ComponentContext_native(), import_getAnimationDriver = require_getAnimationDriver_native(), useAnimationDriver = () => (0, import_react.useContext)(import_ComponentContext.ComponentContext).animationDriver ?? (0, import_getAnimationDriver.getAnimationDriver)();
+    module2.exports = __toCommonJS2(useConfiguration_exports);
+    var import_react = require("react"), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), useConfiguration = () => {
+      let { groups, animationDriver, ...restComponentConfig } = (0, import_react.useContext)(import_ComponentContext.ComponentContext), { animations, ...restConfig } = (0, import_config.getConfig)();
+      return {
+        ...restConfig,
+        ...restComponentConfig,
+        animationDriver: animationDriver ?? (0, import_config.getConfig)().animations
+      };
+    };
   }
 });
 
@@ -6129,8 +6151,8 @@ var require_useIsTouchDevice_native = __commonJS({
   "../web/dist/cjs/hooks/useIsTouchDevice.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6150,8 +6172,8 @@ var require_Stack_native = __commonJS({
   "../web/dist/cjs/views/Stack.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6175,8 +6197,8 @@ var require_useProps_native = __commonJS({
   "../web/dist/cjs/hooks/useProps.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6206,14 +6228,14 @@ var require_useProps_native = __commonJS({
       return usePropsAndStyle(props, opts)[1];
     }
     function usePropsAndStyle(props, opts) {
-      var _a;
+      var _a, _b;
       let staticConfig = ((_a = opts == null ? void 0 : opts.forComponent) == null ? void 0 : _a.staticConfig) ?? import_Stack.Stack.staticConfig, [themeState, theme] = (0, import_useTheme.useThemeWithState)({
         componentName: staticConfig.componentName
       }), componentContext = (0, import_react.useContext)(import_ComponentContext.ComponentContext), media = (0, import_useMedia.useMedia)(), splitStyles = (0, import_getSplitStyles.useSplitStyles)(
         props,
         staticConfig,
         theme,
-        themeState.state.name,
+        ((_b = themeState.state) == null ? void 0 : _b.name) || "",
         import_defaultComponentState.defaultComponentStateMounted,
         {
           isAnimated: !1,
@@ -6235,8 +6257,8 @@ var require_View_native = __commonJS({
   "../web/dist/cjs/views/View.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6262,8 +6284,8 @@ var require_Text_native = __commonJS({
   "../web/dist/cjs/views/Text.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6309,8 +6331,8 @@ var require_ThemeProvider_native = __commonJS({
   "../web/dist/cjs/views/ThemeProvider.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6346,8 +6368,8 @@ var require_FontLanguage_native = __commonJS({
   "../web/dist/cjs/views/FontLanguage.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6370,8 +6392,8 @@ var require_TamaguiProvider_native = __commonJS({
   "../web/dist/cjs/views/TamaguiProvider.native.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6417,24 +6439,24 @@ var require_TamaguiProvider_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/views/AnimationDriverProvider.native.js
-var require_AnimationDriverProvider_native = __commonJS({
-  "../web/dist/cjs/views/AnimationDriverProvider.native.js"(exports, module2) {
+// ../web/dist/cjs/views/Configuration.native.js
+var require_Configuration_native = __commonJS({
+  "../web/dist/cjs/views/Configuration.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], 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), AnimationDriverProvider_exports = {};
-    __export2(AnimationDriverProvider_exports, {
-      AnimationDriverProvider: () => AnimationDriverProvider
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), Configuration_exports = {};
+    __export2(Configuration_exports, {
+      Configuration: () => Configuration
     });
-    module2.exports = __toCommonJS2(AnimationDriverProvider_exports);
-    var import_ComponentContext = require_ComponentContext_native(), import_jsx_runtime = require("react/jsx-runtime"), AnimationDriverProvider = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { animationDriver: props.driver, children: props.children });
+    module2.exports = __toCommonJS2(Configuration_exports);
+    var import_ComponentContext = require_ComponentContext_native(), import_jsx_runtime = require("react/jsx-runtime"), Configuration = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { ...props });
   }
 });
 
@@ -6443,8 +6465,8 @@ var require_useGet_native = __commonJS({
   "../use-event/dist/cjs/useGet.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6476,8 +6498,8 @@ var require_useEvent_native = __commonJS({
   "../use-event/dist/cjs/useEvent.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6519,8 +6541,8 @@ var require_index_native9 = __commonJS({
   "../web/dist/cjs/index.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 });
+      for (var name2 in all)
+        __defProp2(target, name2, { get: all[name2], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from == "object" || typeof from == "function")
         for (let key of __getOwnPropNames2(from))
@@ -6563,7 +6585,6 @@ var require_index_native9 = __commonJS({
     __reExport2(src_exports2, require_createStyledContext_native(), module2.exports);
     __reExport2(src_exports2, require_expandStyles_native(), module2.exports);
     __reExport2(src_exports2, require_propMapper_native(), module2.exports);
-    __reExport2(src_exports2, require_getAnimationDriver_native(), module2.exports);
     __reExport2(src_exports2, require_getExpandedShorthands_native(), module2.exports);
     __reExport2(src_exports2, require_getSplitStyles_native(), module2.exports);
     __reExport2(src_exports2, require_getStylesAtomic_native(), module2.exports);
@@ -6584,9 +6605,10 @@ var require_index_native9 = __commonJS({
     var import_useMedia = require_useMedia_native();
     __reExport2(src_exports2, require_useTheme_native(), module2.exports);
     __reExport2(src_exports2, require_useThemeName_native(), module2.exports);
-    __reExport2(src_exports2, require_useAnimationDriver_native(), module2.exports);
+    __reExport2(src_exports2, require_useConfiguration_native(), module2.exports);
     __reExport2(src_exports2, require_useIsTouchDevice_native(), module2.exports);
     __reExport2(src_exports2, require_useProps_native(), module2.exports);
+    __reExport2(src_exports2, require_useConfiguration_native(), module2.exports);
     __reExport2(src_exports2, require_Slot_native(), module2.exports);
     __reExport2(src_exports2, require_Stack_native(), module2.exports);
     __reExport2(src_exports2, require_View_native(), module2.exports);
@@ -6595,7 +6617,7 @@ var require_index_native9 = __commonJS({
     __reExport2(src_exports2, require_ThemeProvider_native(), module2.exports);
     __reExport2(src_exports2, require_FontLanguage_native(), module2.exports);
     __reExport2(src_exports2, require_TamaguiProvider_native(), module2.exports);
-    __reExport2(src_exports2, require_AnimationDriverProvider_native(), module2.exports);
+    __reExport2(src_exports2, require_Configuration_native(), module2.exports);
     __reExport2(src_exports2, require_index_native6(), module2.exports);
     __reExport2(src_exports2, require_index_native8(), module2.exports);
     __reExport2(src_exports2, require_index_native5(), module2.exports);