@tamagui/core 1.72.3 → 1.73.1

package/dist/native.js

@@ -1612,6 +1612,152 @@ 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 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)({
+      disableSSR: void 0,
+      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/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 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), 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) {
@@ -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);
         }
       });
     }
@@ -1929,122 +2074,6 @@ 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) {
@@ -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,
@@ -3285,17 +3314,22 @@ var require_propMapper_native = __commonJS({
       name,
       spreadName: `...${name}`
     }));
-    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, spreadName } of tokenCats)
+          if (spreadName in variant && value in tokensParsed[name])
+            return variant[spreadName];
+        let fontSizeVariant = variant["...fontSize"];
+        if (fontSizeVariant && conf.fontSizeTokens.has(value))
+          return fontSizeVariant;
+      }
+      return variant[`:${typeof value}`] || variant["..."];
     }
     var fontShorthand = {
       fontSize: "size",
@@ -3501,7 +3535,7 @@ current`, {
         if (expanded) {
           for (let [key, val] of expanded)
             if (!(val == null || key in usedKeys)) {
-              if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo = isMedia || isPseudo, isVariant = variants && key in variants, (inlineProps != null && inlineProps.has(key) || IS_STATIC && inlineWhenUnflattened != null && inlineWhenUnflattened.has(key)) && (viewProps[key] = props[key] ?? val), isHOC && (isMediaOrPseudo || ((_b = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _b[keyInit]))) {
+              if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo = isMedia || isPseudo, isVariant = variants && key in variants, (inlineProps != null && inlineProps.has(key) || IS_STATIC && inlineWhenUnflattened != null && inlineWhenUnflattened.has(key)) && (viewProps[key] = props[key] ?? val), styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || ((_b = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _b[keyInit]))) {
                 passDownProp(viewProps, key, val, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(` - passing down prop ${key}`), console.log({ val, after: { ...viewProps[key] } }), console.groupEnd());
                 continue;
               }
@@ -3546,12 +3580,13 @@ current`, {
                         mergeStyle(styleState, pkey, defaultVal);
                       }
                     } else {
-                      let curImportance = usedKeys[importance] || 0, shouldMerge = importance >= curImportance;
-                      shouldMerge && (pseudos ||= {}, pseudos[key] ||= {}, pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2), usedKeys[pkey] ||= 1), process.env.NODE_ENV === "development" && debug === "verbose" && console.log("    subKey", pkey, shouldMerge, {
+                      let curImportance = usedKeys[pkey] || 0, shouldMerge = importance >= curImportance;
+                      shouldMerge && (pseudos ||= {}, pseudos[key] ||= {}, pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2), usedKeys[pkey] = Math.max(usedKeys[pkey], importance)), process.env.NODE_ENV === "development" && debug === "verbose" && console.log("    subKey", pkey, shouldMerge, {
                         importance,
                         curImportance,
                         pkey,
-                        val: val2
+                        val: val2,
+                        transforms: { ...styleState.transforms }
                       });
                     }
                   }
@@ -3684,7 +3719,7 @@ current`, {
           if (process.env.NODE_ENV === "development" && debug === "verbose") {
             console.groupCollapsed(" \u2714\uFE0F expand complete", keyInit);
             try {
-              console.log("style", { ...style }), console.log("viewProps", { ...viewProps });
+              console.log("style", { ...style }), console.log("transforms", { ...transforms }), console.log("viewProps", { ...viewProps });
             } catch {
             }
             console.groupEnd();
@@ -4161,15 +4196,16 @@ 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]);
-      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];
+      ), { 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 =>", state == null ? void 0 : state.name), console.log("returning state", changedThemeState, "from props", props), console.groupEnd()), [changedThemeState, themeProxied];
     };
     function getThemeProxied(theme, themeManager, keys, debug) {
       return (0, import_createProxy.createProxy)(theme, {
@@ -4201,30 +4237,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;
@@ -4257,29 +4292,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 +4326,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 == null ? void 0 : state2.name) === ((_a = prev == null ? void 0 : prev.state) == null ? void 0 : _a.name))
           return prev;
         let response = {
           state: state2,
@@ -4401,7 +4435,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 +4449,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 name = ((_d = themeState.state) == null ? void 0 : _d.name) || "";
+        themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents ${inverse ? "is_inversed" : ""}`,
+            children: themedChildren
+          }
+        );
+      }
+      return themedChildren;
     }
   }
 });
@@ -4641,7 +4680,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);
@@ -4763,11 +4802,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 +4818,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 +4858,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 +4896,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,
@@ -4925,11 +4960,11 @@ 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;
-        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), needsHoverState = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle) || onHoverIn || onHoverOut, isHoverable = import_constants2.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), handlesPressEvents = !(import_constants2.isWeb || asChild), shouldAttach = !!(attachPress || isHoverable || noClassNames && "pressStyle" in props || import_constants2.isWeb && noClassNames && "hoverStyle" in props);
+        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = runtimeHoverStyle || onHoverIn || onHoverOut, isHoverable = import_constants2.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), handlesPressEvents = !(import_constants2.isWeb || asChild), shouldAttach = !!(attachPress || isHoverable || runtimePressStyle || runtimeHoverStyle);
         process.env.NODE_ENV === "development" && time && time`events-setup`;
         let events = shouldAttach && !isDisabled && !props.asChild ? {
           onPressOut: attachPress ? (e) => {
@@ -4967,7 +5002,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({
@@ -5002,7 +5037,12 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               }
             };
         }, [groupName]);
-        if (groupName && subGroupContext && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { groups: subGroupContext, children: content })), process.env.NODE_ENV === "development" && time && time`group-context`, content = disableThemeProp ? content : (0, import_Theme.useThemedChildren)(themeState, content, themeStateProps), process.env.NODE_ENV === "development" && time && time`themed-children`, process.env.NODE_ENV === "development" && props.debug === "visualize" && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, { themeState, themeProps: props, children: content })), overriddenContextProps) {
+        if (groupName && subGroupContext && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { groups: subGroupContext, children: content })), process.env.NODE_ENV === "development" && time && time`group-context`, content = disableThemeProp ? content : (0, import_Theme.useThemedChildren)(themeState, content, themeStateProps), process.env.NODE_ENV === "development" && time && time`themed-children`, process.env.NODE_ENV === "development" && props.debug === "visualize" && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, { themeState, themeProps: props, children: content })), staticConfig.context) {
+          let contextProps = staticConfig.context.props;
+          for (let key in contextProps)
+            (key in style || key in viewProps) && (overriddenContextProps ||= {}, overriddenContextProps[key] = style[key] ?? viewProps[key]);
+        }
+        if (overriddenContextProps) {
           let Provider = staticConfig.context.Provider;
           content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { ...contextValue, ...overriddenContextProps, children: content });
         }
@@ -5025,8 +5065,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 +5118,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 +5141,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: {
@@ -5575,36 +5615,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") {
@@ -5678,9 +5722,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 +5738,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,
@@ -5938,30 +5983,6 @@ 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) {
@@ -6103,9 +6124,9 @@ var require_useThemeName_native = __commonJS({
   }
 });
 
-// ../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)
@@ -6115,12 +6136,19 @@ var require_useAnimationDriver_native = __commonJS({
         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
+      };
+    };
   }
 });
 
@@ -6206,14 +6234,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,
@@ -6278,7 +6306,6 @@ var require_Text_native = __commonJS({
       acceptsClassName: !0,
       isText: !0,
       defaultProps: {
-        color: "$color",
         display: "flex",
         suppressHighlighting: !0
       },
@@ -6417,9 +6444,9 @@ 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)
@@ -6429,12 +6456,12 @@ var require_AnimationDriverProvider_native = __commonJS({
         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 });
   }
 });
 
@@ -6563,7 +6590,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 +6610,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 +6622,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);