@tamagui/web 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/hooks/useProps.cjs

@@ -2,33 +2,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var useProps_exports = {};
 __export(useProps_exports, {
   useProps: () => useProps,
@@ -36,22 +38,23 @@ __export(useProps_exports, {
   useStyle: () => useStyle
 });
 module.exports = __toCommonJS(useProps_exports);
-var import_constants = require("@tamagui/constants"),
-  import_react = __toESM(require("react"), 1),
-  import_config = require("../config.cjs"),
-  import_ComponentContext = require("../contexts/ComponentContext.cjs"),
-  import_GroupContext = require("../contexts/GroupContext.cjs"),
-  import_getSplitStyles = require("../helpers/getSplitStyles.cjs"),
-  import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup.cjs"),
-  import_View = require("../views/View.cjs"),
-  import_useComponentState = require("./useComponentState.cjs"),
-  import_useMedia = require("./useMedia.cjs"),
-  import_useTheme = require("./useTheme.cjs");
+var import_constants = require("@tamagui/constants");
+var import_react = __toESM(require("react"), 1);
+var import_config = require("../config.cjs");
+var import_ComponentContext = require("../contexts/ComponentContext.cjs");
+var import_GroupContext = require("../contexts/GroupContext.cjs");
+var import_getSplitStyles = require("../helpers/getSplitStyles.cjs");
+var import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup.cjs");
+var import_View = require("../views/View.cjs");
+var import_useComponentState = require("./useComponentState.cjs");
+var import_mediaState = require("../helpers/mediaState.cjs");
+var import_useMedia = require("./useMedia.cjs");
+var import_useTheme = require("./useTheme.cjs");
 function useProps(props, opts) {
   const [propsOut, styleOut] = usePropsAndStyle(props, {
     ...opts,
-    noExpand: !0,
-    noNormalize: !0,
+    noExpand: true,
+    noNormalize: true,
     resolveValues: "none"
   });
   return {
@@ -63,51 +66,55 @@ function useStyle(props, opts) {
   return usePropsAndStyle(props, opts)[1] || {};
 }
 function usePropsAndStyle(props, opts) {
-  const staticConfig = opts?.forComponent?.staticConfig ?? import_View.View.staticConfig,
-    [theme, themeState] = (0, import_useTheme.useThemeWithState)({
-      componentName: staticConfig.componentName,
-      name: "theme" in props ? props.theme : void 0,
-      needsUpdate() {
-        return !0;
-      }
-    }),
-    componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext),
-    groupContext = import_react.default.useContext(import_GroupContext.GroupContext),
-    {
-      state,
-      disabled,
-      setStateShallow
-    } = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)()),
-    mediaStateNow = opts?.noMedia ?
-    // not safe to use mediaState but really marginal to hit this
-    import_useMedia.mediaState : (0, import_useMedia.useMedia)(),
-    splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeState?.name || "", state, {
-      isAnimated: !1,
-      mediaState: mediaStateNow,
-      noSkip: !0,
-      noMergeStyle: !0,
-      noClass: !0,
-      resolveValues: "auto",
-      ...opts
-    }, null, componentContext, groupContext),
-    {
-      mediaGroups,
-      pseudoGroups
-    } = splitStyles || {};
-  return (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    if (!disabled) {
-      if (state.unmounted) {
-        setStateShallow({
-          unmounted: !1
-        });
-        return;
-      }
-      if (groupContext) return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
+  const staticConfig = opts?.forComponent?.staticConfig ?? import_View.View.staticConfig;
+  const [theme, themeState] = (0, import_useTheme.useThemeWithState)({
+    componentName: staticConfig.componentName,
+    name: "theme" in props ? props.theme : void 0,
+    needsUpdate() {
+      return true;
+    }
+  });
+  const componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext);
+  const groupContext = import_react.default.useContext(import_GroupContext.GroupContext);
+  const {
+    state,
+    disabled,
+    setStateShallow
+  } = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)());
+  const mediaStateNow = opts?.noMedia ?
+  // not safe to use mediaState but really marginal to hit this
+  import_mediaState.mediaState : (0, import_useMedia.useMedia)();
+  const splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeState?.name || "", state, {
+    isAnimated: false,
+    mediaState: mediaStateNow,
+    noSkip: true,
+    noMergeStyle: true,
+    noClass: true,
+    resolveValues: "auto",
+    ...opts
+  }, null, componentContext, groupContext);
+  const {
+    mediaGroups,
+    pseudoGroups
+  } = splitStyles || {};
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    if (disabled) {
+      return;
+    }
+    if (state.unmounted) {
+      setStateShallow({
+        unmounted: false
+      });
+      return;
+    }
+    if (groupContext) {
+      return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
         groupContext,
         setStateShallow,
         mediaGroups,
         pseudoGroups
       });
     }
-  }, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]), [splitStyles?.viewProps || {}, splitStyles?.style || {}, theme, import_useMedia.mediaState];
+  }, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]);
+  return [splitStyles?.viewProps || {}, splitStyles?.style || {}, theme, import_mediaState.mediaState];
 }

package/dist/cjs/hooks/useProps.native.js

@@ -4,33 +4,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var useProps_exports = {};
 __export(useProps_exports, {
   useProps: () => useProps,
@@ -38,22 +40,23 @@ __export(useProps_exports, {
   useStyle: () => useStyle
 });
 module.exports = __toCommonJS(useProps_exports);
-var import_constants = require("@tamagui/constants"),
-  import_react = __toESM(require("react"), 1),
-  import_config = require("../config.native.js"),
-  import_ComponentContext = require("../contexts/ComponentContext.native.js"),
-  import_GroupContext = require("../contexts/GroupContext.native.js"),
-  import_getSplitStyles = require("../helpers/getSplitStyles.native.js"),
-  import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup.native.js"),
-  import_View = require("../views/View.native.js"),
-  import_useComponentState = require("./useComponentState.native.js"),
-  import_useMedia = require("./useMedia.native.js"),
-  import_useTheme = require("./useTheme.native.js");
+var import_constants = require("@tamagui/constants");
+var import_react = __toESM(require("react"), 1);
+var import_config = require("../config.native.js");
+var import_ComponentContext = require("../contexts/ComponentContext.native.js");
+var import_GroupContext = require("../contexts/GroupContext.native.js");
+var import_getSplitStyles = require("../helpers/getSplitStyles.native.js");
+var import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup.native.js");
+var import_View = require("../views/View.native.js");
+var import_useComponentState = require("./useComponentState.native.js");
+var import_mediaState = require("../helpers/mediaState.native.js");
+var import_useMedia = require("./useMedia.native.js");
+var import_useTheme = require("./useTheme.native.js");
 function useProps(props, opts) {
   var [propsOut, styleOut] = usePropsAndStyle(props, {
     ...opts,
-    noExpand: !0,
-    noNormalize: !0,
+    noExpand: true,
+    noNormalize: true,
     resolveValues: "none"
   });
   return {
@@ -65,54 +68,58 @@ function useStyle(props, opts) {
   return usePropsAndStyle(props, opts)[1] || {};
 }
 function usePropsAndStyle(props, opts) {
-  var _opts_forComponent,
-    _opts_forComponent_staticConfig,
-    staticConfig = (_opts_forComponent_staticConfig = opts == null || (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : import_View.View.staticConfig,
-    [theme, themeState] = (0, import_useTheme.useThemeWithState)({
-      componentName: staticConfig.componentName,
-      name: "theme" in props ? props.theme : void 0,
-      needsUpdate() {
-        return !0;
-      }
-    }),
-    componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext),
-    groupContext = import_react.default.useContext(import_GroupContext.GroupContext),
-    {
-      state,
-      disabled,
-      setStateShallow
-    } = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)()),
-    mediaStateNow = opts?.noMedia ?
-    // not safe to use mediaState but really marginal to hit this
-    import_useMedia.mediaState : (0, import_useMedia.useMedia)(),
-    splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeState?.name || "", state, {
-      isAnimated: !1,
-      mediaState: mediaStateNow,
-      noSkip: !0,
-      noMergeStyle: !0,
-      noClass: !0,
-      resolveValues: "auto",
-      ...opts
-    }, null, componentContext, groupContext),
-    {
-      mediaGroups,
-      pseudoGroups
-    } = splitStyles || {};
-  return (0, import_constants.useIsomorphicLayoutEffect)(function () {
-    if (!disabled) {
-      if (state.unmounted) {
-        setStateShallow({
-          unmounted: !1
-        });
-        return;
-      }
-      if (groupContext) return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
+  var _opts_forComponent;
+  var _opts_forComponent_staticConfig;
+  var staticConfig = (_opts_forComponent_staticConfig = opts === null || opts === void 0 ? void 0 : (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : import_View.View.staticConfig;
+  var [theme, themeState] = (0, import_useTheme.useThemeWithState)({
+    componentName: staticConfig.componentName,
+    name: "theme" in props ? props.theme : void 0,
+    needsUpdate() {
+      return true;
+    }
+  });
+  var componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext);
+  var groupContext = import_react.default.useContext(import_GroupContext.GroupContext);
+  var {
+    state,
+    disabled,
+    setStateShallow
+  } = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)());
+  var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ?
+  // not safe to use mediaState but really marginal to hit this
+  import_mediaState.mediaState : (0, import_useMedia.useMedia)();
+  var splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "", state, {
+    isAnimated: false,
+    mediaState: mediaStateNow,
+    noSkip: true,
+    noMergeStyle: true,
+    noClass: true,
+    resolveValues: "auto",
+    ...opts
+  }, null, componentContext, groupContext);
+  var {
+    mediaGroups,
+    pseudoGroups
+  } = splitStyles || {};
+  (0, import_constants.useIsomorphicLayoutEffect)(function () {
+    if (disabled) {
+      return;
+    }
+    if (state.unmounted) {
+      setStateShallow({
+        unmounted: false
+      });
+      return;
+    }
+    if (groupContext) {
+      return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
         groupContext,
         setStateShallow,
         mediaGroups,
         pseudoGroups
       });
     }
-  }, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]), [splitStyles?.viewProps || {}, splitStyles?.style || {}, theme, import_useMedia.mediaState];
+  }, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]);
+  return [(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {}, (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {}, theme, import_mediaState.mediaState];
 }
 //# sourceMappingURL=useProps.native.js.map

package/dist/cjs/hooks/useProps.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useProps_exports","__export","useProps","usePropsAndStyle","useStyle","module","exports","import_constants","require","import_react","__toESM","import_config","import_ComponentContext","import_GroupContext","import_getSplitStyles","import_subscribeToContextGroup","import_View","import_useComponentState","import_useMedia","import_useTheme","props","opts","propsOut","styleOut","noExpand","noNormalize","resolveValues","_opts_forComponent","_opts_forComponent_staticConfig","staticConfig","forComponent","View","theme","themeState","useThemeWithState","componentName","name","needsUpdate","componentContext","default","useContext","ComponentContext","groupContext","GroupContext","state","disabled","setStateShallow","useComponentState","animationDriver","getConfig","mediaStateNow","noMedia","mediaState","useMedia","splitStyles","useSplitStyles","isAnimated","noSkip","noMergeStyle","noClass","mediaGroups","pseudoGroups","useIsomorphicLayoutEffect","unmounted","subscribeToContextGroup","Object","keys","join","viewProps","style"],"sources":["../../../src/hooks/useProps.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useProps_exports","__export","useProps","usePropsAndStyle","useStyle","module","exports","import_constants","require","import_react","__toESM","import_config","import_ComponentContext","import_GroupContext","import_getSplitStyles","import_subscribeToContextGroup","import_View","import_useComponentState","import_mediaState","import_useMedia","import_useTheme","props","opts","propsOut","styleOut","noExpand","noNormalize","resolveValues","_opts_forComponent","_opts_forComponent_staticConfig","staticConfig","forComponent","View","theme","themeState","useThemeWithState","componentName","name","needsUpdate","componentContext","default","useContext","ComponentContext","groupContext","GroupContext","state","disabled","setStateShallow","useComponentState","animationDriver","getConfig","mediaStateNow","noMedia","mediaState","useMedia","splitStyles","useSplitStyles","isAnimated","noSkip","noMergeStyle","noClass","mediaGroups","pseudoGroups","useIsomorphicLayoutEffect","unmounted","subscribeToContextGroup","Object","keys","join","viewProps","style"],"sources":["../../../src/hooks/useProps.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useTheme.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useTheme_exports = {};
 __export(useTheme_exports, {
@@ -24,19 +26,32 @@ __export(useTheme_exports, {
   useThemeWithState: () => useThemeWithState
 });
 module.exports = __toCommonJS(useTheme_exports);
-var import_react = require("react"),
-  import_getThemeProxied = require("./getThemeProxied.cjs"),
-  import_useThemeState = require("./useThemeState.cjs");
-const EMPTY = {},
-  useTheme = () => {
-    const [theme] = useThemeWithState(EMPTY);
-    return theme;
-  },
-  useThemeWithState = (props, isRoot = !1) => {
-    const keys = (0, import_react.useRef)(null),
-      schemeKeys = (0, import_react.useRef)(null),
-      themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys);
-    return process.env.NODE_ENV === "development" && !props.passThrough && !themeState?.theme && process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1" && console.error(`[tamagui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(props)}).
+var import_react = require("react");
+var import_getThemeProxied = require("./getThemeProxied.cjs");
+var import_useThemeState = require("./useThemeState.cjs");
+const EMPTY = {};
+const useTheme = () => {
+  "use no memo";
+
+  const [theme] = useThemeWithState(EMPTY);
+  const res = theme;
+  return res;
+};
+const useThemeWithState = (props, isRoot = false) => {
+  "use no memo";
+
+  const keys = (0, import_react.useRef)(null);
+  const schemeKeys = (0, import_react.useRef)(null);
+  const themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys);
+  if (process.env.NODE_ENV === "development") {
+    if (!props.passThrough && !themeState?.theme) {
+      if (process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1") {
+        console.error(`[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`), [props.passThrough ? {} : (0, import_getThemeProxied.getThemeProxied)(props, themeState, keys, schemeKeys), themeState];
-  };
+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`);
+      }
+    }
+  }
+  const themeProxied = props.passThrough ? {} : (0, import_getThemeProxied.getThemeProxied)(props, themeState, keys, schemeKeys);
+  return [themeProxied, themeState];
+};

package/dist/cjs/hooks/useTheme.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useTheme_exports = {};
 __export(useTheme_exports, {
@@ -26,24 +28,34 @@ __export(useTheme_exports, {
   useThemeWithState: () => useThemeWithState
 });
 module.exports = __toCommonJS(useTheme_exports);
-var import_react = require("react"),
-  import_getThemeProxied = require("./getThemeProxied.native.js"),
-  import_useThemeState = require("./useThemeState.native.js"),
-  EMPTY = {},
-  useTheme = function () {
-    var [theme] = useThemeWithState(EMPTY),
-      res = theme;
-    return res;
-  },
-  useThemeWithState = function (props) {
-    var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1,
-      keys = (0, import_react.useRef)(null),
-      schemeKeys = (0, import_react.useRef)(null),
-      themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys);
-    process.env.NODE_ENV === "development" && !props.passThrough && !themeState?.theme && process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1" && console.error(`[tamagui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(props)}).
+var import_react = require("react");
+var import_getThemeProxied = require("./getThemeProxied.native.js");
+var import_useThemeState = require("./useThemeState.native.js");
+var EMPTY = {};
+var useTheme = function () {
+  "use no memo";
+
+  var [theme] = useThemeWithState(EMPTY);
+  var res = theme;
+  return res;
+};
+var useThemeWithState = function (props) {
+  "use no memo";
+
+  var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+  var keys = (0, import_react.useRef)(null);
+  var schemeKeys = (0, import_react.useRef)(null);
+  var themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys);
+  if (process.env.NODE_ENV === "development") {
+    if (!props.passThrough && !(themeState === null || themeState === void 0 ? void 0 : themeState.theme)) {
+      if (process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1") {
+        console.error(`[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`);
-    var themeProxied = props.passThrough ? {} : (0, import_getThemeProxied.getThemeProxied)(props, themeState, keys, schemeKeys);
-    return [themeProxied, themeState];
-  };
+      }
+    }
+  }
+  var themeProxied = props.passThrough ? {} : (0, import_getThemeProxied.getThemeProxied)(props, themeState, keys, schemeKeys);
+  return [themeProxied, themeState];
+};
 //# sourceMappingURL=useTheme.native.js.map

package/dist/cjs/hooks/useTheme.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useTheme_exports","__export","useTheme","useThemeWithState","module","exports","import_react","require","import_getThemeProxied","import_useThemeState","EMPTY","theme","res","props","isRoot","arguments","length","keys","useRef","schemeKeys","themeState","useThemeState","process","env","NODE_ENV","passThrough","TAMAGUI_DISABLE_NO_THEME_WARNING","console","error","JSON","stringify","themeProxied","getThemeProxied"],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAuB,CAAAK,gBAEvB;AAGA,IAAAM,YAAe,GAEFC,OAAA,QAAW,CAAM;EAAAC,sBAAA,GAAAD,OAAA;EAAAE,oBAAA,GAAAF,OAAA;EAAAG,KAAA;EAAAR,QAAA,YAAAA,CAAA;IAC5B,KAAAS,KAAO,IAAKR,iBAAI,CAAAO,KAAkB;MAAKE,GAAA,GAAAD,KAAA;IAEvC,OADYC,GAAA;EAEd;EAOaT,iBAAA,GAAoB,SAAAA,CAE/BU,KAAA;IAEA,IAAAC,MAAM,GAAAC,SAAO,CAAAC,MAAA,QAAAD,SACP,iBAAaA,SAAA;MAAAE,IAA2B,GAAI,CAC5C,GAAAX,YAAA,CAAAY,MAAa;MAAAC,UAAA,OAAAb,YAAqB,CAAAY,MAAA,EAAQ,KAAM;MAAAE,UAAU,OAAAX,oBAAA,CAAAY,aAAA,EAAAR,KAAA,EAAAC,MAAA,EAAAG,IAAA,EAAAE,UAAA;IAEhEG,OAAI,CAAAC,GAAA,CAAAC,QAAY,kBAAa,KAAAX,KAAA,CACvBY,WAAO,KAAAL,UAAgB,EAAAT,KAAA,IAAYW,OACjC,CAAAC,GAAA,CAAAG,gCAAY,YAAqCC,OACnD,CAAAC,KAAA,4FAAQC,IAAA,CAAAC,SAAA,CAAAjB,KAAA;AAAA;AAC0F,sKAC9F;IAAA,IACDkB,YAAA,GAAAlB,KAAA,CAAAY,WAAA,YAAAjB,sBAAA,CAAAwB,eAAA,EAAAnB,KAAA,EAAAO,UAAA,EAAAH,IAAA,EAAAE,UAAA;IAAA,QAAAY,YAAA,EACHX,UAKqB,CAK7B","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useTheme_exports","__export","useTheme","useThemeWithState","module","exports","import_react","require","import_getThemeProxied","import_useThemeState","EMPTY","theme","res","props","isRoot","arguments","length","keys","useRef","schemeKeys","themeState","useThemeState","process","env","NODE_ENV","passThrough","TAMAGUI_DISABLE_NO_THEME_WARNING","console","error","JSON","stringify","themeProxied","getThemeProxied"],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAuB,CAAAK,gBAAA;AAEvB,IAAAM,YAAA,GAAAC,OAAA,QAAmD;AACnD,IAAAC,sBAAA,GAA8BD,OAAA;AAE9B,IAAAE,oBAAe,GAAAF,OAAA;AAER,IAAAG,KAAM;AACX,IAAAR,QAAA,YAAAA,CAAA;EAEA,aAAY;;EACZ,KAAAS,KAAM,IAAMR,iBAAA,CAAAO,KAAA;EACZ,IAAAE,GAAO,GAAAD,KAAA;EACT,OAAAC,GAAA;AAOO;AAIL,IAAAT,iBAAA,YAAAA,CAAAU,KAAA;EAEA,aAAM;;EACN,IAAAC,MAAM,GAAAC,SAAA,CAAaC,MAAA,QAAAD,SAA2B,EAAI,eAAAA,SAAA;EAClD,IAAAE,IAAM,OAAAX,YAAa,CAAAY,MAAA;EAEnB,IAAIC,UAAQ,GAAI,IAAAb,YAAa,CAAAY,MAAA,MAAe;EAC1C,IAAAE,UAAW,OAAAX,oBAA4B,CAAAY,aAAO,EAAAR,KAAA,EAAAC,MAAA,EAAAG,IAAA,EAAAE,UAAA;EAC5C,IAAAG,OAAI,CAAAC,GAAA,CAAQC,QAAI;IACd,KAAAX,KAAA,CAAAY,WAAQ,MAAAL,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAAT,KAAA;MAAA,IACNW,OAAA,CAAAC,GAAA,CAAAG,gCAAA;QAAgGC,OAC9F,CAAAC,KAAA,4FAAAC,IAAA,CAAAC,SAAA,CAAAjB,KAAA;AAAA;AACD;MAAA;IAAA;EACH;EACF,IACFkB,YAAA,GAAAlB,KAAA,CAAAY,WAAA,YAAAjB,sBAAA,CAAAwB,eAAA,EAAAnB,KAAA,EAAAO,UAAA,EAAAH,IAAA,EAAAE,UAAA;EACF,QAEAY,YAAM,EAINX,UAAQ,CACV","ignoreList":[]}