@tamagui/core 1.81.4 → 1.82.1

package/dist/native.js

@@ -1060,6 +1060,7 @@ var require_validStyleProps_native = __commonJS({
       borderTopWidth: !0,
       borderWidth: !0,
       transform: !0,
+      transformOrigin: !0,
       alignContent: !0,
       alignItems: !0,
       alignSelf: !0,
@@ -1564,36 +1565,6 @@ var require_insertStyleRule_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/helpers/createProxy.native.js
-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 });
-    }, __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), createProxy_exports = {};
-    __export2(createProxy_exports, {
-      createProxy: () => createProxy
-    });
-    module2.exports = __toCommonJS2(createProxy_exports);
-    function createProxy(target, handler) {
-      return process.env.NODE_ENV === "development" && (typeof target != "object" || !target) && console.warn(
-        "Invalid object given for proxy:",
-        target,
-        `
-  
-  This can be due to a missing theme or configuration given to Tamagui.`,
-        new Error().stack
-      ), new Proxy(target || {}, handler);
-    }
-  }
-});
-
 // ../web/dist/cjs/helpers/matchMedia.native.js
 var require_matchMedia_native = __commonJS({
   "../web/dist/cjs/helpers/matchMedia.native.js"(exports, module2) {
@@ -1682,117 +1653,6 @@ 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" && type !== "function")
-          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_react3 = require("react"), import_objectIdentityKey = require_objectIdentityKey_native(), import_jsx_runtime = require("react/jsx-runtime");
-    function createStyledContext(defaultValues) {
-      let OGContext = (0, import_react3.createContext)(defaultValues), OGProvider = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map(), Provider = ({
-        children,
-        scope,
-        ...values
-      }) => {
-        let next = (0, import_react3.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_react3.createContext)(defaultValues), scopedContexts.set(scope, ScopedContext)), Provider2 = ScopedContext.Provider;
-        }
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider2, { value: next, children });
-      }, useStyledContext = (scope) => {
-        let context = scope ? scopedContexts.get(scope) : OGContext;
-        return (0, import_react3.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(), ComponentContext = (0, import_createStyledContext.createStyledContext)({
-      disableSSR: void 0,
-      inText: !1,
-      language: null,
-      animationDriver: null,
-      groups: {
-        emit: null,
-        subscribe: null,
-        state: {}
-      }
-    });
-  }
-});
-
 // ../web/dist/cjs/hooks/useDisableSSR.native.js
 var require_useDisableSSR_native = __commonJS({
   "../web/dist/cjs/hooks/useDisableSSR.native.js"(exports, module2) {
@@ -1807,17 +1667,12 @@ var require_useDisableSSR_native = __commonJS({
       return to;
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), useDisableSSR_exports = {};
     __export2(useDisableSSR_exports, {
-      getDisableSSR: () => getDisableSSR,
-      useDisableSSR: () => useDisableSSR
+      getDisableSSR: () => getDisableSSR
     });
     module2.exports = __toCommonJS2(useDisableSSR_exports);
-    var import_react3 = require("react"), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native();
-    function useDisableSSR() {
-      let componentContext = (0, import_react3.useContext)(import_ComponentContext.ComponentContext);
-      return getDisableSSR(componentContext);
-    }
+    var import_config = require_config_native();
     function getDisableSSR(componentContext) {
-      return componentContext.disableSSR ?? (0, import_config.getConfig)().disableSSR;
+      return (componentContext == null ? void 0 : componentContext.disableSSR) ?? (0, import_config.getConfig)().disableSSR;
     }
   }
 });
@@ -1853,9 +1708,9 @@ var require_useMedia_native = __commonJS({
       useMedia: () => useMedia2
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants3 = require_index_native3(), import_react3 = 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 = (
+    var import_constants3 = require_index_native3(), import_react3 = require("react"), import_config = require_config_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)(
+      process.env.NODE_ENV === "development" ? new Proxy(
         {},
         {
           get(target, key) {
@@ -1927,7 +1782,7 @@ var require_useMedia_native = __commonJS({
       return listeners.add(subscriber), () => listeners.delete(subscriber);
     }
     function useMedia2(uid, componentContext) {
-      let internal = (0, import_react3.useRef)(), initialState = ((componentContext ? (0, import_useDisableSSR.getDisableSSR)(componentContext) : (0, import_useDisableSSR.useDisableSSR)()) || !import_constants3.isWeb ? mediaState2 : initState) || {}, state = (0, import_react3.useSyncExternalStore)(
+      let internal = (0, import_react3.useRef)(), initialState = ((0, import_useDisableSSR.getDisableSSR)(componentContext) || !import_constants3.isWeb ? mediaState2 : initState) || {}, state = (0, import_react3.useSyncExternalStore)(
         subscribe,
         () => {
           if (!internal.current)
@@ -2153,6 +2008,117 @@ var require_constants_native2 = __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" && type !== "function")
+          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_react3 = require("react"), import_objectIdentityKey = require_objectIdentityKey_native(), import_jsx_runtime = require("react/jsx-runtime");
+    function createStyledContext(defaultValues) {
+      let OGContext = (0, import_react3.createContext)(defaultValues), OGProvider = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map(), Provider = ({
+        children,
+        scope,
+        ...values
+      }) => {
+        let next = (0, import_react3.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_react3.createContext)(defaultValues), scopedContexts.set(scope, ScopedContext)), Provider2 = ScopedContext.Provider;
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider2, { value: next, children });
+      }, useStyledContext = (scope) => {
+        let context = scope ? scopedContexts.get(scope) : OGContext;
+        return (0, import_react3.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(), ComponentContext = (0, import_createStyledContext.createStyledContext)({
+      disableSSR: void 0,
+      inText: !1,
+      language: null,
+      animationDriver: null,
+      groups: {
+        emit: null,
+        subscribe: null,
+        state: {}
+      }
+    });
+  }
+});
+
 // ../web/dist/cjs/defaultComponentState.native.js
 var require_defaultComponentState_native = __commonJS({
   "../web/dist/cjs/defaultComponentState.native.js"(exports, module2) {
@@ -2931,10 +2897,10 @@ var require_normalizeColor_native = __commonJS({
       rgba: () => import_normalize_css_color2.rgba
     });
     module2.exports = __toCommonJS2(normalizeColor_exports);
-    var import_constants3 = require_index_native3(), import_normalize_css_color = require_index_native7(), import_normalize_css_color2 = require_index_native7(), normalizeColor = (color, opacity) => {
+    var import_normalize_css_color = require_index_native7(), import_normalize_css_color2 = require_index_native7(), normalizeColor = (color, opacity) => {
       if (!color)
         return;
-      if (color[0] === "$" || color[0] === "v" && color.startsWith("var(") || import_constants3.isWeb && opacity === 1)
+      if (color[0] === "$" || color.startsWith("var("))
         return color;
       let colorProcessed = (0, import_normalize_css_color.normalizeCSSColor)(color);
       if (colorProcessed != null) {
@@ -3060,7 +3026,7 @@ var require_expandStyles_native = __commonJS({
     function fixStyles(style) {
       "elevationAndroid" in style && (style.elevation = style.elevationAndroid, delete style.elevationAndroid), (style.shadowRadius || style.shadowColor || style.shadowOpacity || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
       for (let key in borderDefaults)
-        key in style && !style[borderDefaults[key]] && (style[borderDefaults[key]] = "solid");
+        key in style && (style[borderDefaults[key]] ||= "solid");
     }
     var nativeStyle = import_constants3.isWeb ? null : "borderStyle", borderDefaults = {
       borderWidth: "borderStyle",
@@ -3235,7 +3201,7 @@ var require_getVariantExtras_native = __commonJS({
       getVariantExtras: () => getVariantExtras
     });
     module2.exports = __toCommonJS2(getVariantExtras_exports);
-    var import_createVariable = require_createVariable_native(), import_createProxy = require_createProxy_native();
+    var import_createVariable = require_createVariable_native();
     function getVariantExtras(styleState) {
       let { curProps, conf, context, theme } = styleState, fonts = conf.fontsParsed;
       context != null && context.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
@@ -3250,7 +3216,7 @@ var require_getVariantExtras_native = __commonJS({
         font: fonts[fontFamily] || fonts[styleState.conf.defaultFont],
         // TODO do this in splitstlye
         // we avoid passing in default props for media queries because that would confuse things like SizableText.size:
-        props: (0, import_createProxy.createProxy)(curProps, {
+        props: new Proxy(curProps, {
           // handles shorthands
           get(target, key) {
             let shorthand = conf.inverseShorthands[key];
@@ -3325,7 +3291,7 @@ var require_propMapper_native = __commonJS({
     module2.exports = __toCommonJS2(propMapper_exports);
     var import_constants3 = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_isDevTools = require_isDevTools_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_expandStylesAndRemoveNullishValues = require_expandStylesAndRemoveNullishValues_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
       var _a;
-      if (!import_constants3.isAndroid && key === "elevationAndroid")
+      if (lastFontFamilyToken = null, !import_constants3.isAndroid && key === "elevationAndroid")
         return;
       if (value === "unset") {
         let unsetVal = (_a = styleStateIn.conf.unset) == null ? void 0 : _a[key];
@@ -3354,7 +3320,7 @@ var require_propMapper_native = __commonJS({
         let result = (styleProps.noExpand ? null : (0, import_expandStyle.expandStyle)(key, value)) || [
           [key, value]
         ];
-        return key === "fontFamily" && fontFamilyCache.set(result, lastFontFamilyToken), result;
+        return key === "fontFamily" && lastFontFamilyToken && fontFamilyCache.set(result, lastFontFamilyToken), result;
       }
     }, resolveVariants = (key, value, styleProps, styleState, parentVariantKey) => {
       let { staticConfig, conf, debug } = styleState, { variants } = staticConfig;
@@ -4098,9 +4064,8 @@ var require_proxyThemeVariables_native = __commonJS({
       proxyThemeVariables: () => proxyThemeVariables
     });
     module2.exports = __toCommonJS2(proxyThemeVariables_exports);
-    var import_createProxy = require_createProxy_native();
     function proxyThemeVariables(obj) {
-      return (0, import_createProxy.createProxy)(obj || {}, {
+      return new Proxy(obj || {}, {
         has(target, key) {
           return Reflect.has(target, removeStarting$(key));
         },
@@ -4284,28 +4249,6 @@ var require_ThemeManager_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/hooks/getThemeUnwrapped.native.js
-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 });
-    }, __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), getThemeUnwrapped_exports = {};
-    __export2(getThemeUnwrapped_exports, {
-      GetThemeUnwrapped: () => GetThemeUnwrapped,
-      getThemeUnwrapped: () => getThemeUnwrapped
-    });
-    module2.exports = __toCommonJS2(getThemeUnwrapped_exports);
-    var getThemeUnwrapped = (theme) => (theme == null ? void 0 : theme[GetThemeUnwrapped]) || theme, GetThemeUnwrapped = Symbol();
-  }
-});
-
 // ../web/dist/cjs/hooks/useTheme.native.js
 var require_useTheme_native = __commonJS({
   "../web/dist/cjs/hooks/useTheme.native.js"(exports, module2) {
@@ -4327,7 +4270,7 @@ var require_useTheme_native = __commonJS({
       useThemeWithState: () => useThemeWithState
     });
     module2.exports = __toCommonJS2(useTheme_exports);
-    var import_constants3 = require_index_native3(), import_react3 = require("react"), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_createProxy = require_createProxy_native(), import_createShallowSetState = require_createShallowSetState_native(), import_ThemeManager = require_ThemeManager_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_getThemeUnwrapped = require_getThemeUnwrapped_native(), emptyProps = { name: null }, cached;
+    var import_constants3 = require_index_native3(), import_react3 = require("react"), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_createShallowSetState = require_createShallowSetState_native(), import_ThemeManager = require_ThemeManager_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), emptyProps = { name: null }, cached;
     function getDefaultThemeProxied() {
       if (cached)
         return cached;
@@ -4368,7 +4311,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
       function track(key) {
         keys && !keys.includes(key) && (keys.push(key), process.env.NODE_ENV === "development" && debug && console.info(` \u{1F3A8} useTheme() tracking new key: ${key}`));
       }
-      return (0, import_createProxy.createProxy)(theme, {
+      return new Proxy(theme, {
         has(_, key) {
           if (Reflect.has(theme, key))
             return !0;
@@ -4376,8 +4319,6 @@ If this is intended and you are using Tamagui without any themes, you can disabl
             return key[0] === "$" && (key = key.slice(1)), themeManager == null ? void 0 : themeManager.allKeys.has(key);
         },
         get(_, key) {
-          if (key === import_getThemeUnwrapped.GetThemeUnwrapped)
-            return theme;
           if (
             // dont ask me, idk why but on hermes you can see that useTheme()[undefined] passes in STRING undefined to proxy
             // if someone is crazy enough to use "undefined" as a theme key then this not working is on them
@@ -4578,6 +4519,7 @@ var require_ThemeDebug_native = __commonJS({
     }) {
       return children;
     }
+    ThemeDebug.displayName = "ThemeDebug";
   }
 });
 
@@ -4623,6 +4565,7 @@ var require_Theme_native = __commonJS({
       }, [props.children, disableDirectChildTheme]);
       return useThemedChildren(themeState, children, props, isRoot);
     });
+    Theme.displayName = "Theme";
     Theme.avoidForwardRef = !0;
     function useThemedChildren(themeState, children, props, isRoot = !1, avoidWrap = !1) {
       let { themeManager, isNewTheme } = themeState, { shallow, forceClassName } = props, hasEverThemed = (0, import_react3.useRef)(!1);
@@ -4766,7 +4709,11 @@ var require_Slot_native = __commonJS({
         );
       }
       return import_react3.Children.count(children) > 1 ? import_react3.Children.only(null) : null;
-    }), Slottable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }), pressMap = import_constants3.isWeb ? {
+    });
+    Slot.displayName = "Slot";
+    var Slottable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+    Slottable.displayName = "Slottable";
+    var pressMap = import_constants3.isWeb ? {
       onPress: "onClick",
       onPressOut: "onMouseUp",
       onPressIn: "onMouseDown"
@@ -5160,7 +5107,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         fontFamily && fontFamily[0] === "$" && (fontFamily = fontFamily.slice(1));
         let fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "", style = avoidAnimationStyle ? splitStyles.style : animationStyles || splitStyles.style, className;
         asChild === "except-style" || asChild === "except-style-web" || (viewProps.style = style);
-        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), attachFocus = !!(runtimePressStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = runtimeHoverStyle || onHoverIn || onHoverOut, isHoverable = import_constants3.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), handlesPressEvents = !(import_constants3.isWeb || asChild), shouldAttach = !!(attachFocus || attachPress || isHoverable || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
+        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), attachFocus = !!(runtimePressStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = runtimeHoverStyle || onHoverIn || onHoverOut, isHoverable = import_constants3.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !!(attachFocus || attachPress || isHoverable || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
         process.env.NODE_ENV === "development" && time && time`events-setup`;
         let events = shouldAttach && !isDisabled && !props.asChild ? {
           onPressOut: attachPress ? (e) => {
@@ -5280,7 +5227,6 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               defaultProps,
               splitStyles,
               animationStyles,
-              handlesPressEvents,
               willBeAnimated,
               isStringElement,
               classNamesIn: (_m = props.className) == null ? void 0 : _m.split(" "),
@@ -5596,11 +5542,10 @@ var require_proxyThemeToParents_native = __commonJS({
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), proxyThemeToParents_exports = {};
     __export2(proxyThemeToParents_exports, {
       proxyThemeToParents: () => proxyThemeToParents,
-      proxyThemesToParents: () => proxyThemesToParents,
-      themesRaw: () => themesRaw
+      proxyThemesToParents: () => proxyThemesToParents
     });
     module2.exports = __toCommonJS2(proxyThemeToParents_exports);
-    var import_config = require_config_native(), import_getThemeUnwrapped = require_getThemeUnwrapped_native(), themesRaw = {};
+    var import_config = require_config_native(), themesRaw = {};
     function proxyThemesToParents(dedupedThemes) {
       for (let { names, theme } of dedupedThemes)
         for (let name of names)
@@ -5617,9 +5562,7 @@ var require_proxyThemeToParents_native = __commonJS({
       let cur = [], parents = themeName.split("_").slice(0, -1).map((part) => (cur.push(part), cur.join("_"))), numParents = parents.length;
       return new Proxy(theme, {
         get(target, key) {
-          if (key === import_getThemeUnwrapped.GetThemeUnwrapped)
-            return theme;
-          if (key == null || // dont ask me, idk why but on hermes you can see that useTheme()[undefined] passes in STRING undefined to proxy
+          if (!key || // dont ask me, idk why but on hermes you can see that useTheme()[undefined] passes in STRING undefined to proxy
           // if someone is crazy enough to use "undefined" as a theme key then this not working is on them
           key == "undefined" || Reflect.has(target, key))
             return Reflect.get(target, key);
@@ -5628,7 +5571,7 @@ var require_proxyThemeToParents_native = __commonJS({
             if (parent && Reflect.has(parent, key))
               return Reflect.get(parent, key);
           }
-          return (0, import_config.getTokenObject)(key) ?? Reflect.get(target, key);
+          return (0, import_config.getTokenObject)(key);
         }
       });
     }
@@ -5679,14 +5622,14 @@ var require_themes_native = __commonJS({
     module2.exports = __toCommonJS2(themes_exports);
     var import_createVariable = require_createVariable_native();
     function ensureThemeVariable(theme, key) {
-      let val = theme[key], themeKey = key;
-      (0, import_createVariable.isVariable)(val) ? val.name !== themeKey && (theme[key] = (0, import_createVariable.createVariable)({
+      let val = theme[key];
+      (0, import_createVariable.isVariable)(val) ? val.name !== key && (theme[key] = (0, import_createVariable.createVariable)({
         key: val.name,
-        name: themeKey,
+        name: key,
         val: val.val
       })) : theme[key] = (0, import_createVariable.createVariable)({
-        key: themeKey,
-        name: themeKey,
+        key,
+        name: key,
         val
       });
     }
@@ -6036,31 +5979,18 @@ var require_mergeVariants_native = __commonJS({
       mergeVariants: () => mergeVariants
     });
     module2.exports = __toCommonJS2(mergeVariants_exports);
-    var mergeVariants = (parentVariants, ourVariants) => {
+    var mergeVariants = (parentVariants, ourVariants, level = 0) => {
       let variants = {};
       for (let key in ourVariants) {
         let parentVariant = parentVariants == null ? void 0 : parentVariants[key], ourVariant = ourVariants[key];
-        if (!parentVariant || typeof ourVariant == "function") {
-          variants[key] = ourVariant;
-          continue;
-        }
-        if (parentVariant && !ourVariant) {
-          variants[key] = parentVariant[key];
-          continue;
-        }
-        variants[key] = {};
-        for (let subKey in ourVariant) {
-          let val = ourVariant[subKey], parentVal = parentVariant == null ? void 0 : parentVariant[subKey];
-          typeof val == "function" || !parentVal || typeof parentVal == "function" ? variants[key][subKey] = val : variants[key][subKey] = {
-            // keep order
-            ...parentVal,
-            ...val
-          };
-        }
-        parentVariant && (variants[key] = {
+        !parentVariant || typeof ourVariant == "function" ? variants[key] = ourVariant : parentVariant && !ourVariant ? variants[key] = parentVariant[key] : level === 0 ? variants[key] = mergeVariants(
+          parentVariant,
+          ourVariant,
+          level + 1
+        ) : variants[key] = {
           ...parentVariant,
-          ...variants[key]
-        });
+          ...ourVariant
+        };
       }
       return {
         ...parentVariants,
@@ -6413,6 +6343,7 @@ var require_Stack_native = __commonJS({
       defaultProps: import_constants3.stackDefaultStyles,
       validStyles: import_helpers.validStyles
     });
+    Stack2.displayName = "Stack";
   }
 });
 
@@ -6519,7 +6450,10 @@ var require_Text_native = __commonJS({
       Text: () => Text2
     });
     module2.exports = __toCommonJS2(Text_exports);
-    var import_helpers = require_index_native4(), import_createComponent = require_createComponent_native(), Text2 = (0, import_createComponent.createComponent)({
+    var import_helpers = require_index_native4(), import_createComponent = require_createComponent_native(), ellipsisStyle = {
+      numberOfLines: 1,
+      lineBreakMode: "clip"
+    }, Text2 = (0, import_createComponent.createComponent)({
       acceptsClassName: !0,
       isText: !0,
       defaultProps: {
@@ -6532,11 +6466,14 @@ var require_Text_native = __commonJS({
         ellipsizeMode: {
           "...": () => null
         },
+        /**
+         * @deprecated Use ellipsis instead
+         */
         ellipse: {
-          true: {
-            numberOfLines: 1,
-            lineBreakMode: "clip"
-          }
+          true: ellipsisStyle
+        },
+        ellipsis: {
+          true: ellipsisStyle
         }
       },
       validStyles: {
@@ -6544,6 +6481,7 @@ var require_Text_native = __commonJS({
         ...import_helpers.stylePropsTextOnly
       }
     });
+    Text2.displayName = "Text";
   }
 });
 
@@ -6605,6 +6543,7 @@ var require_FontLanguage_native = __commonJS({
       let language = (0, import_react3.useMemo)(() => props, [JSON.stringify(props)]);
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { language, children });
     };
+    FontLanguage.displayName = "FontLanguage";
   }
 });
 
@@ -6657,6 +6596,7 @@ var require_TamaguiProvider_native = __commonJS({
         }
       ) });
     }
+    TamaguiProvider.displayName = "TamaguiProvider";
   }
 });
 
@@ -6681,6 +6621,7 @@ var require_Configuration_native = __commonJS({
       let current = (0, import_react3.useContext)(import_ComponentContext.ComponentContext);
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { ...current, ...props });
     };
+    Configuration.displayName = "Configuration";
   }
 });
 
@@ -7261,7 +7202,7 @@ var View = import_web.View, Stack = import_web.Stack, Text = import_web.Text, ba
     return viewProps;
   },
   useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
-    if (events != null && events.onFocus && (viewProps.onFocus = events.onFocus), events != null && events.onBlur && (viewProps.onBlur = events.onBlur), staticConfig.isInput) {
+    if (events && (events.onFocus && (viewProps.onFocus = events.onFocus), events.onBlur && (viewProps.onBlur = events.onBlur)), staticConfig.isInput) {
       if (events) {
         let { onPressIn, onPressOut, onPress } = events, inputEvents = {
           onPressIn,
@@ -7271,8 +7212,12 @@ var View = import_web.View, Stack = import_web.Stack, Text = import_web.Text, ba
       }
     } else {
       events && viewProps.hitSlop && (events.hitSlop = viewProps.hitSlop);
-      let pressability = usePressability(events || null);
-      if (events && events.onPress)
+      let pressability = usePressability(events);
+      if (events && (process.env.NODE_ENV === "development" && viewProps.debug && console.info(
+        `Checking for press ${!!events.onPress} then applying pressability props: ${Object.keys(
+          pressability || {}
+        )}`
+      ), events.onPress))
         for (let key in pressability) {
           let og = viewProps[key], val = pressability[key];
           viewProps[key] = og && !dontComposePressabilityKeys[key] ? (0, import_web.composeEventHandlers)(og, val) : val;