@tamagui/web 2.7.7 → 3.0.0-beta.643.1

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

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,37 +8,30 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 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: true
-  });
+	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;
+	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;
 };
-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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useProps_exports = {};
 __export(useProps_exports, {
-  useProps: () => useProps,
-  usePropsAndStyle: () => usePropsAndStyle,
-  useStyle: () => useStyle
+	useProps: () => useProps,
+	usePropsAndStyle: () => usePropsAndStyle,
+	useStyle: () => useStyle
 });
 module.exports = __toCommonJS(useProps_exports);
 var import_constants = require("@tamagui/constants");
@@ -46,6 +40,7 @@ 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_resolveSafeAreaVariable = require("../helpers/resolveSafeAreaVariable.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");
@@ -53,73 +48,89 @@ 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: true,
-    noNormalize: true,
-    resolveValues: "none"
-  });
-  return {
-    ...propsOut,
-    ...styleOut
-  };
+	var [propsOut, styleOut] = usePropsAndStyle(props, {
+		...opts,
+		noExpand: true,
+		noNormalize: true,
+		resolveValues: "none"
+	});
+	return {
+		...propsOut,
+		...styleOut
+	};
 }
 function useStyle(props, opts) {
-  return usePropsAndStyle(props, opts)[1] || {};
+	return usePropsAndStyle(props, opts)[1] || {};
 }
 function usePropsAndStyle(props, opts) {
-  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]);
-  return [(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {}, (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {}, theme, import_mediaState.mediaState];
+	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)({
+		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 { props: statefulProps, state, disabled, setState, setStateShallow } = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)());
+	var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ? import_mediaState.mediaState : (0, import_useMedia.useMedia)();
+	var splitStyles = (0, import_getSplitStyles.useSplitStyles)(statefulProps, 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() {
+		var disposeSafeArea;
+		if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {
+			var updateSafeArea = function() {
+				setState(function(previous) {
+					return { ...previous };
+				});
+			};
+			disposeSafeArea = (0, import_resolveSafeAreaVariable.subscribeToSafeArea)(updateSafeArea);
+			updateSafeArea();
+		}
+		if (disabled) {
+			return disposeSafeArea;
+		}
+		if (state.unmounted) {
+			setStateShallow({ unmounted: false });
+			return disposeSafeArea;
+		}
+		if (groupContext) {
+			var disposeGroup = (0, import_subscribeToContextGroup.subscribeToContextGroup)({
+				groupContext,
+				setStateShallow,
+				mediaGroups,
+				pseudoGroups
+			});
+			if (!disposeSafeArea) return disposeGroup;
+			return function() {
+				disposeSafeArea();
+				disposeGroup === null || disposeGroup === void 0 ? void 0 : disposeGroup();
+			};
+		}
+		return disposeSafeArea;
+	}, [
+		disabled,
+		groupContext,
+		splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea,
+		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_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":[]}
+{"version":3,"file":"useProps.native.js","names":[],"sources":["cjs/hooks/useProps.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useProps_exports = {};\n__export(useProps_exports, {\n  useProps: () => useProps,\n  usePropsAndStyle: () => usePropsAndStyle,\n  useStyle: () => useStyle\n});\nmodule.exports = __toCommonJS(useProps_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_config = require(\"../config\");\nvar import_ComponentContext = require(\"../contexts/ComponentContext\");\nvar import_GroupContext = require(\"../contexts/GroupContext\");\nvar import_getSplitStyles = require(\"../helpers/getSplitStyles\");\nvar import_resolveSafeAreaVariable = require(\"../helpers/resolveSafeAreaVariable\");\nvar import_subscribeToContextGroup = require(\"../helpers/subscribeToContextGroup\");\nvar import_View = require(\"../views/View\");\nvar import_useComponentState = require(\"./useComponentState\");\nvar import_mediaState = require(\"../helpers/mediaState\");\nvar import_useMedia = require(\"./useMedia\");\nvar import_useTheme = require(\"./useTheme\");\nfunction useProps(props, opts) {\n  var [propsOut, styleOut] = usePropsAndStyle(props, {\n    ...opts,\n    noExpand: true,\n    noNormalize: true,\n    resolveValues: \"none\"\n  });\n  return {\n    ...propsOut,\n    ...styleOut\n  };\n}\nfunction useStyle(props, opts) {\n  return usePropsAndStyle(props, opts)[1] || {};\n}\nfunction usePropsAndStyle(props, opts) {\n  var _opts_forComponent;\n  var _opts_forComponent_staticConfig;\n  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;\n  var [theme, themeState] = (0, import_useTheme.useThemeWithState)({\n    name: \"theme\" in props ? props.theme : void 0,\n    needsUpdate() {\n      return true;\n    }\n  });\n  var componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext);\n  var groupContext = import_react.default.useContext(import_GroupContext.GroupContext);\n  var { props: statefulProps, state, disabled, setState, setStateShallow } = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)());\n  var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ? (\n    // not safe to use mediaState but really marginal to hit this\n    import_mediaState.mediaState\n  ) : (0, import_useMedia.useMedia)();\n  var splitStyles = (0, import_getSplitStyles.useSplitStyles)(statefulProps, staticConfig, theme, (themeState === null || themeState === void 0 ? void 0 : themeState.name) || \"\", state, {\n    isAnimated: false,\n    mediaState: mediaStateNow,\n    noSkip: true,\n    noMergeStyle: true,\n    noClass: true,\n    resolveValues: \"auto\",\n    ...opts\n  }, null, componentContext, groupContext);\n  var { mediaGroups, pseudoGroups } = splitStyles || {};\n  (0, import_constants.useIsomorphicLayoutEffect)(function() {\n    var disposeSafeArea;\n    if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {\n      var updateSafeArea = function() {\n        setState(function(previous) {\n          return {\n            ...previous\n          };\n        });\n      };\n      disposeSafeArea = (0, import_resolveSafeAreaVariable.subscribeToSafeArea)(updateSafeArea);\n      updateSafeArea();\n    }\n    if (disabled) {\n      return disposeSafeArea;\n    }\n    if (state.unmounted) {\n      setStateShallow({\n        unmounted: false\n      });\n      return disposeSafeArea;\n    }\n    if (groupContext) {\n      var disposeGroup = (0, import_subscribeToContextGroup.subscribeToContextGroup)({\n        groupContext,\n        setStateShallow,\n        mediaGroups,\n        pseudoGroups\n      });\n      if (!disposeSafeArea) return disposeGroup;\n      return function() {\n        disposeSafeArea();\n        disposeGroup === null || disposeGroup === void 0 ? void 0 : disposeGroup();\n      };\n    }\n    return disposeSafeArea;\n  }, [\n    disabled,\n    groupContext,\n    splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea,\n    pseudoGroups ? Object.keys([\n      ...pseudoGroups\n    ]).join(\"\") : 0,\n    mediaGroups ? Object.keys([\n      ...mediaGroups\n    ]).join(\"\") : 0\n  ]);\n  return [\n    (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {},\n    (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {},\n    theme,\n    import_mediaState.mediaState\n  ];\n}\n//# sourceMappingURL=useProps.js.map\n"],"mappings":"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"}

package/dist/cjs/hooks/useTheme.cjs

@@ -1,70 +1,62 @@
+
 var __defProp = Object.defineProperty;
 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: true
-  });
+	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;
+	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;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useTheme_exports = {};
 __export(useTheme_exports, {
-  useTheme: () => useTheme,
-  useThemeWithState: () => useThemeWithState
+	useTheme: () => useTheme,
+	useThemeWithState: () => useThemeWithState
 });
 module.exports = __toCommonJS(useTheme_exports);
 var import_react = require("react");
+var import_isOptimizedForFirstRender = require("./isOptimizedForFirstRender.cjs");
 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;
+	"use no memo";
+	const [theme] = useThemeWithState(EMPTY);
+	const res = theme;
+	return res;
 };
 const useThemeWithState = (props, isRoot = false, forThemeView = false) => {
-  "use no memo";
-
-  const bag = (0, import_react.useRef)(null);
-  if (!bag.current) {
-    bag.current = {
-      keys: {
-        current: null
-      },
-      schemeKeys: {
-        current: null
-      }
-    };
-  }
-  const {
-    keys,
-    schemeKeys
-  } = bag.current;
-  const themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys, forThemeView);
-  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)}).
+	"use no memo";
+	const bag = (0, import_react.useRef)(null);
+	if (!bag.current) {
+		bag.current = {
+			keys: { current: null },
+			schemeKeys: { current: null },
+			optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()
+		};
+	}
+	const { keys, schemeKeys, optimizeForFirstRender } = bag.current;
+	const themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys, forThemeView, optimizeForFirstRender);
+	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 name ${JSON.stringify(props.name)}).
 
 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];
-};
+			}
+		}
+	}
+	const themeProxied = props.passThrough ? {} : (0, import_getThemeProxied.getThemeProxied)(props, themeState, keys, schemeKeys, optimizeForFirstRender);
+	return [themeProxied, themeState];
+};

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

@@ -0,0 +1,65 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+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: 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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useTheme_exports = {};
+__export(useTheme_exports, {
+	useTheme: () => useTheme,
+	useThemeWithState: () => useThemeWithState
+});
+module.exports = __toCommonJS(useTheme_exports);
+var import_react = require("react");
+var import_isOptimizedForFirstRender = require("./isOptimizedForFirstRender.native.js");
+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, forThemeView = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+	var bag = (0, import_react.useRef)(null);
+	if (!bag.current) {
+		bag.current = {
+			keys: { current: null },
+			schemeKeys: { current: null },
+			optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()
+		};
+	}
+	var { keys, schemeKeys, optimizeForFirstRender } = bag.current;
+	var themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys, forThemeView, optimizeForFirstRender);
+	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 name ${JSON.stringify(props.name)}).
+
+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, optimizeForFirstRender);
+	return [themeProxied, themeState];
+};

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

@@ -1,75 +1,67 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 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: true
-  });
+	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;
+	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;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useTheme_exports = {};
 __export(useTheme_exports, {
-  useTheme: () => useTheme,
-  useThemeWithState: () => useThemeWithState
+	useTheme: () => useTheme,
+	useThemeWithState: () => useThemeWithState
 });
 module.exports = __toCommonJS(useTheme_exports);
 var import_react = require("react");
+var import_isOptimizedForFirstRender = require("./isOptimizedForFirstRender.native.js");
 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 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,
-    forThemeView = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
-  var bag = (0, import_react.useRef)(null);
-  if (!bag.current) {
-    bag.current = {
-      keys: {
-        current: null
-      },
-      schemeKeys: {
-        current: null
-      }
-    };
-  }
-  var {
-    keys,
-    schemeKeys
-  } = bag.current;
-  var themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys, forThemeView);
-  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)}).
+var useThemeWithState = function(props) {
+	"use no memo";
+	var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, forThemeView = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+	var bag = (0, import_react.useRef)(null);
+	if (!bag.current) {
+		bag.current = {
+			keys: { current: null },
+			schemeKeys: { current: null },
+			optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()
+		};
+	}
+	var { keys, schemeKeys, optimizeForFirstRender } = bag.current;
+	var themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys, forThemeView, optimizeForFirstRender);
+	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 name ${JSON.stringify(props.name)}).
 
 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, optimizeForFirstRender);
+	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","forThemeView","bag","useRef","current","keys","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,YAA8C,CAAAK,gBAAA;AAE9C,IAAAM,YAAA,GAAAC,OAAA,QAAmD;AACnD,IAAAC,sBAAA,GAA8BD,OAAA;AAE9B,IAAAE,oBAAe,GAAAF,OAAA;AAOR,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;AAYL,IAAAT,iBAAA,YAAAA,CAAAU,KAAA;EAKA,aAAM;;EACN,IAAIC,MAAK,GAAAC,SAAS,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAE,YAAA,GAAAF,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAChB,IAAAG,GAAI,OAAAZ,YAAU,CAAAa,MAAA;EAAA,IACZ,CAAAD,GAAA,CAAAE,OAAQ;IAAcF,GACtB,CAAAE,OAAA,GAAY;MACdC,IAAA;QACFD,OAAA;MACA;MACAE,UAAM;QAEFF,OAAQ;MACV;IACE;EACE;EAAQ;IAAAC,IACN;IAAAC;EAAA,IAAAJ,GAAA,CAAAE,OAAA;EAAgG,IAAAG,UAC9F,OAAAd,oBAAA,CAAAe,aAAA,EAAAX,KAAA,EAAAC,MAAA,EAAAO,IAAA,EAAAC,UAAA,EAAAL,YAAA;EAAA,IAAAQ,OACD,CAAAC,GAAA,CAAAC,QAAA;IAAA,KAAAd,KAAA,CAAAe,WAAA,MAAAL,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAAZ,KAAA;MAAA,IAAAc,OAAA,CAAAC,GAAA,CAAAG,gCAAA;QACHC,OAAA,CAAAC,KAAA,4FAAAC,IAAA,CAAAC,SAAA,CAAApB,KAAA;AAAA;AACF,sKACF;MACF;IAEA;EAIA;EACF,IAAAqB,YAAA,GAAArB,KAAA,CAAAe,WAAA,YAAApB,sBAAA,CAAA2B,eAAA,EAAAtB,KAAA,EAAAU,UAAA,EAAAF,IAAA,EAAAC,UAAA","ignoreList":[]}
+{"version":3,"file":"useTheme.native.js","names":[],"sources":["cjs/hooks/useTheme.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useTheme_exports = {};\n__export(useTheme_exports, {\n  useTheme: () => useTheme,\n  useThemeWithState: () => useThemeWithState\n});\nmodule.exports = __toCommonJS(useTheme_exports);\nvar import_react = require(\"react\");\nvar import_isOptimizedForFirstRender = require(\"./isOptimizedForFirstRender\");\nvar import_getThemeProxied = require(\"./getThemeProxied\");\nvar import_useThemeState = require(\"./useThemeState\");\nvar EMPTY = {};\nvar useTheme = function() {\n  \"use no memo\";\n  var [theme] = useThemeWithState(EMPTY);\n  var res = theme;\n  return res;\n};\nvar useThemeWithState = function(props) {\n  \"use no memo\";\n  var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, forThemeView = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;\n  var bag = (0, import_react.useRef)(null);\n  if (!bag.current) {\n    bag.current = {\n      keys: {\n        current: null\n      },\n      schemeKeys: {\n        current: null\n      },\n      optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()\n    };\n  }\n  var { keys, schemeKeys, optimizeForFirstRender } = bag.current;\n  var themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys, forThemeView, optimizeForFirstRender);\n  if (process.env.NODE_ENV === \"development\") {\n    if (!props.passThrough && !(themeState === null || themeState === void 0 ? void 0 : themeState.theme)) {\n      if (process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== \"1\") {\n        console.error(`[tamagui] No theme found, this could be due to an invalid theme name (given theme name ${JSON.stringify(props.name)}).\n\nIf 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`);\n      }\n    }\n  }\n  var themeProxied = props.passThrough ? {} : (0, import_getThemeProxied.getThemeProxied)(props, themeState, keys, schemeKeys, optimizeForFirstRender);\n  return [\n    themeProxied,\n    themeState\n  ];\n};\n//# sourceMappingURL=useTheme.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,mBAAmB,CAAC;AACxB,SAAS,kBAAkB;CACzB,gBAAgB;CAChB,yBAAyB;AAC3B,CAAC;AACD,OAAO,UAAU,aAAa,gBAAgB;AAC9C,IAAI,eAAe,QAAQ,OAAO;AAClC,IAAI,mCAAmC,QAAQ,uCAA6B;AAC5E,IAAI,yBAAyB,QAAQ,6BAAmB;AACxD,IAAI,uBAAuB,QAAQ,2BAAiB;AACpD,IAAI,QAAQ,CAAC;AACb,IAAI,WAAW,WAAW;CACxB;CACA,IAAI,CAAC,SAAS,kBAAkB,KAAK;CACrC,IAAI,MAAM;CACV,OAAO;AACT;AACA,IAAI,oBAAoB,SAAS,OAAO;CACtC;CACA,IAAI,SAAS,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,OAAO,eAAe,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;CACrK,IAAI,OAAO,GAAG,aAAa,QAAQ,IAAI;CACvC,IAAI,CAAC,IAAI,SAAS;EAChB,IAAI,UAAU;GACZ,MAAM,EACJ,SAAS,KACX;GACA,YAAY,EACV,SAAS,KACX;GACA,yBAAyB,GAAG,iCAAiC,2BAA2B;EAC1F;CACF;CACA,IAAI,EAAE,MAAM,YAAY,2BAA2B,IAAI;CACvD,IAAI,cAAc,GAAG,qBAAqB,eAAe,OAAO,QAAQ,MAAM,YAAY,cAAc,sBAAsB;CAC9H,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI,CAAC,MAAM,eAAe,EAAE,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,QAAQ;GACrG,IAAI,QAAQ,IAAI,qCAAqC,KAAK;IACxD,QAAQ,MAAM,0FAA0F,KAAK,UAAU,MAAM,IAAI,EAAE;;sKAE2B;GAChK;EACF;CACF;CACA,IAAI,eAAe,MAAM,cAAc,CAAC,KAAK,GAAG,uBAAuB,iBAAiB,OAAO,YAAY,MAAM,YAAY,sBAAsB;CACnJ,OAAO,CACL,cACA,UACF;AACF"}