@tamagui/web 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/views/Theme.native.js

@@ -1,167 +1,136 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isWeb } from "@tamagui/constants";
-import React, { Children, cloneElement, forwardRef, isValidElement, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createRefComponent } from "@tamagui/compose-refs";
+import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { getThemeClassNames } from "@tamagui/helpers";
+import React, { Children, cloneElement, isValidElement, useRef } from "react";
+import { getConfig } from "../config.native.js";
 import { variableToString } from "../createVariable.native.js";
+import { formatDiagnostic } from "../helpers/formatDiagnostic.native.js";
+import { insertStyleRules } from "../helpers/insertStyleRule.native.js";
+import { removeNativeStyleScope, updateNativeStyleScope } from "../helpers/nativeStyleEngine.native.js";
+import { getInlineValuesFromProps } from "../helpers/variables.native.js";
 import { useThemeWithState } from "../hooks/useTheme.native.js";
-import { getThemeState, hasThemeUpdatingProps, ThemeStateContext } from "../hooks/useThemeState.native.js";
+import { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from "../hooks/useThemeState.native.js";
 import { ThemeDebug } from "./ThemeDebug.native.js";
-var Theme = /* @__PURE__ */forwardRef(function Theme2(props, ref) {
-  "use no memo";
 
-  if (props.disable) {
-    return props.children;
-  }
-  var {
-    passThrough
-  } = props;
-  var isRoot = !!props["_isRoot"];
-  var [_, themeState] = useThemeWithState(props, isRoot, true);
-  var disableDirectChildTheme = props["disable-child-theme"];
-  var finalChildren = disableDirectChildTheme ? Children.map(props.children, function (child) {
-    return passThrough || ! /* @__PURE__ */isValidElement(child) ? child : /* @__PURE__ */cloneElement(child, {
-      ["data-disable-theme"]: true
-    });
-  }) : props.children;
-  if (ref) {
-    try {
-      React.Children.only(finalChildren);
-      finalChildren = /* @__PURE__ */cloneElement(finalChildren, {
-        ref
-      });
-    } catch (e) {}
-  }
-  var stateRef = useRef({
-    hasEverThemed: false
-  });
-  return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
+var useInsertEffectCompat = isWeb ? React.useInsertionEffect || useIsomorphicLayoutEffect : function() {};
+var Theme = createRefComponent(function Theme2(props, ref) {
+	"use no memo";
+	if (props.disable) return props.children;
+	var { passThrough } = props;
+	var isRoot = !!props["_isRoot"];
+	var inlineValues = getInlineValuesFromProps(props, getConfig());
+	var inlineCSS = null;
+	var rulesToInsert = null;
+	useInsertEffectCompat(function() {
+		if (rulesToInsert) insertStyleRules(rulesToInsert);
+	}, [inlineCSS === null || inlineCSS === void 0 ? void 0 : inlineCSS.identifier]);
+	var themeProps = inlineValues ? {
+		...props,
+		inlineValues,
+		inlineClassName: inlineCSS === null || inlineCSS === void 0 ? void 0 : inlineCSS.identifier
+	} : props;
+	var [_, themeState] = useThemeWithState(themeProps, isRoot, true);
+	useIsomorphicLayoutEffect(function() {
+		updateNativeStyleScope(themeState.id, themeState.name, themeState.theme);
+		return function() {
+			return removeNativeStyleScope(themeState.id);
+		};
+	}, [
+		themeState.id,
+		themeState.name,
+		themeState.theme
+	]);
+	var finalChildren = props["disable-child-theme"] ? Children.map(props.children, function(child) {
+		return passThrough || !/* @__PURE__ */ isValidElement(child) ? child : /* @__PURE__ */ cloneElement(child, { ["data-disable-theme"]: true });
+	}) : props.children;
+	if (ref) try {
+		React.Children.only(finalChildren);
+		finalChildren = /* @__PURE__ */ cloneElement(finalChildren, { ref });
+	} catch (e) {}
+	var stateRef = useRef({ hasEverThemed: false });
+	return getThemedChildren(themeState, finalChildren, themeProps, isRoot, stateRef, passThrough);
 });
 Theme["avoidForwardRef"] = true;
 function getThemedChildren(themeState, children, props) {
-  var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false,
-    stateRef = arguments.length > 4 ? arguments[4] : void 0,
-    passThrough = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
-  var {
-    shallow,
-    forceClassName
-  } = props;
-  var state = stateRef.current;
-  var hasEverThemed = state.hasEverThemed;
-  var shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);
-  if (process.env.NODE_ENV === "development" && props.debug === "visualize") {
-    children = /* @__PURE__ */_jsx(ThemeDebug, {
-      themeState,
-      themeProps: props,
-      children
-    });
-  }
-  if (!shouldRenderChildrenWithTheme) {
-    return children;
-  }
-  children = /* @__PURE__ */_jsx(ThemeStateContext.Provider, {
-    value: themeState.id,
-    children
-  });
-  var {
-    isInverse,
-    name
-  } = themeState;
-  var requiresExtraWrapper = isInverse || forceClassName;
-  if (!state.hasEverThemed) {
-    state.hasEverThemed = true;
-  }
-  if (requiresExtraWrapper ||
-  // if the theme is exactly dark or light, its likely to change between dark/light
-  // and that would require wrapping which would re-parent, so to avoid re-parenting do this
-  themeState.name === "dark" || themeState.name === "light") {
-    state.hasEverThemed = "wrapped";
-  }
-  if (shallow) {
-    if (!themeState.parentId) {} else {
-      var parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
-      if (!parentState) throw new Error(`\u203C\uFE0F010`);
-      children = Children.toArray(children).map(function (child) {
-        return /* @__PURE__ */isValidElement(child) ? passThrough ? child : /* @__PURE__ */cloneElement(child, void 0, /* @__PURE__ */_jsx(Theme, {
-          name: parentState.name,
-          children: child.props.children
-        })) : child;
-      });
-    }
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (!passThrough && props.debug) {
-      console.warn(` getThemedChildren`, {
-        requiresExtraWrapper,
-        forceClassName,
-        themeState,
-        state,
-        themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
-      });
-    }
-  }
-  if (forceClassName === false) {
-    return children;
-  }
-  if (isWeb) {
-    var baseStyle = props.contain ? inertContainedStyle : inertStyle;
-    var {
-      className = "",
-      color
-    } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
-    children = /* @__PURE__ */_jsx("span", {
-      className: `${className} is_Theme`,
-      style: passThrough ? baseStyle : {
-        color,
-        ...baseStyle
-      },
-      children
-    });
-    if (state.hasEverThemed === "wrapped") {
-      var className1 = requiresExtraWrapper ? `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents` : `_dsp_contents`;
-      children = /* @__PURE__ */_jsx("span", {
-        className: className1,
-        children
-      });
-    }
-    return children;
-  }
-  return children;
+	var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, stateRef = arguments.length > 4 ? arguments[4] : void 0, passThrough = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
+	var { shallow, forceClassName } = props;
+	var state = stateRef.current;
+	var shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);
+	if (process.env.NODE_ENV === "development" && props.debug === "visualize") children = /* @__PURE__ */ jsx(ThemeDebug, {
+		themeState,
+		themeProps: props,
+		children
+	});
+	if (!shouldRenderChildrenWithTheme) return children;
+	children = /* @__PURE__ */ jsx(ThemeStateContext.Provider, {
+		value: themeState.id,
+		children
+	});
+	var { isInverse, name } = themeState;
+	var requiresExtraWrapper = isInverse || forceClassName;
+	if (!state.hasEverThemed) state.hasEverThemed = true;
+	if (requiresExtraWrapper || themeState.name === "dark" || themeState.name === "light") state.hasEverThemed = "wrapped";
+	if (shallow) if (!themeState.parentId) {} else {
+		var parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
+		if (!parentState) throw new Error(formatDiagnostic("‼️010", "Theme", "parent theme state is missing for shallow rendering", "Keep <Theme shallow> inside its mounted parent Theme", "name,parentId", {
+			name: themeState.name,
+			parentId: themeState.parentId
+		}));
+		children = Children.toArray(children).map(function(child) {
+			return /* @__PURE__ */ isValidElement(child) ? passThrough ? child : /* @__PURE__ */ cloneElement(child, void 0, /* @__PURE__ */ jsx(Theme, {
+				name: parentState.name,
+				children: child.props.children
+			})) : child;
+		});
+	}
+	if (process.env.NODE_ENV === "development") {
+		if (!passThrough && props.debug) console.warn(` getThemedChildren`, {
+			requiresExtraWrapper,
+			forceClassName,
+			themeState,
+			state,
+			themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
+		});
+	}
+	if (forceClassName === false) return children;
+	if (isWeb) {
+		var baseStyle = props.contain ? inertContainedStyle : inertStyle;
+		var { className = "", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
+		var inlineClassName = passThrough ? void 0 : props.inlineClassName;
+		children = /* @__PURE__ */ jsx("span", {
+			className: `${className} is_Theme${inlineClassName ? ` ${inlineClassName}` : ""}`,
+			style: passThrough ? baseStyle : {
+				color,
+				...baseStyle
+			},
+			children
+		});
+		if (state.hasEverThemed === "wrapped") children = /* @__PURE__ */ jsx("span", {
+			className: requiresExtraWrapper ? `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents` : `_dsp_contents`,
+			children
+		});
+		return children;
+	}
+	return children;
 }
-var inertStyle = {
-  display: "contents"
-};
+var inertStyle = { display: "contents" };
 var inertContainedStyle = {
-  display: "contents",
-  contain: "strict"
+	display: "contents",
+	contain: "strict"
 };
 var empty = {
-  className: "",
-  color: void 0
+	className: "",
+	color: void 0
 };
 function getThemeClassNameAndColor(themeState, props) {
-  var isRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
-  if (!themeState.isNew && !props.forceClassName) {
-    return empty;
-  }
-  var themeColor = (themeState === null || themeState === void 0 ? void 0 : themeState.theme) && themeState.isNew ? variableToString(themeState.theme.color) : "";
-  var style = themeColor ? {
-    color: themeColor
-  } : void 0;
-  var themeClassName = themeState.name.replace(schemePrefix, "");
-  var themeNameParts = themeClassName.split("_");
-  var themeClasses = `t_${themeClassName}`;
-  if (themeNameParts.length > 1) {
-    var hierarchyClasses = [];
-    for (var i = 1; i <= themeNameParts.length; i++) {
-      hierarchyClasses.push(`t_${themeNameParts.slice(0, i).join("_")}`);
-    }
-    themeClasses = hierarchyClasses.join(" ");
-  }
-  var className = `${isRoot ? "" : "t_sub_theme"} ${themeClasses}`;
-  return {
-    color: themeColor,
-    className
-  };
+	var isRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+	if (!themeState.isNew && !props.forceClassName) return empty;
+	return {
+		color: (themeState === null || themeState === void 0 ? void 0 : themeState.theme) && themeState.isNew ? variableToString(themeState.theme.color) : "",
+		className: getThemeClassNames(themeState.name, isRoot)
+	};
 }
-var schemePrefix = /^(dark|light)_/;
+
 export { Theme, getThemedChildren };
 //# sourceMappingURL=Theme.native.js.map

package/dist/esm/views/Theme.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","isWeb","React","Children","cloneElement","forwardRef","isValidElement","useRef","variableToString","useThemeWithState","getThemeState","hasThemeUpdatingProps","ThemeStateContext","ThemeDebug","Theme","Theme2","props","ref","disable","children","passThrough","isRoot","_","themeState","disableDirectChildTheme","finalChildren","map","child","only","e","stateRef","hasEverThemed","getThemedChildren","arguments","length","shallow","forceClassName","state","current","shouldRenderChildrenWithTheme","isNew","process","env","NODE_ENV","debug","themeProps","Provider","value","id","isInverse","name","requiresExtraWrapper","parentId","parentState","Error","toArray","console","warn","themeSpanProps","getThemeClassNameAndColor","baseStyle","contain","inertContainedStyle","inertStyle","className","color","style","className1","startsWith","display","empty","themeColor","theme","themeClassName","replace","schemePrefix","themeNameParts","split","themeClasses","hierarchyClasses","i","push","slice","join"],"sources":["../../../src/views/Theme.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Theme.native.js","names":[],"sources":["esm/views/Theme.native.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nimport { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { getThemeClassNames } from \"@tamagui/helpers\";\nimport React, { Children, cloneElement, isValidElement, useRef } from \"react\";\nimport { getConfig } from \"../config\";\nimport { variableToString } from \"../createVariable\";\nimport { formatDiagnostic } from \"../helpers/formatDiagnostic\";\nimport { insertStyleRules } from \"../helpers/insertStyleRule\";\nimport { removeNativeStyleScope, updateNativeStyleScope } from \"../helpers/nativeStyleEngine\";\nimport { getInlineValuesFromProps } from \"../helpers/variables\";\nimport { useThemeWithState } from \"../hooks/useTheme\";\nimport { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from \"../hooks/useThemeState\";\nimport { ThemeDebug } from \"./ThemeDebug\";\n\nvar useInsertEffectCompat = isWeb ? React.useInsertionEffect || useIsomorphicLayoutEffect : function() {};\nvar Theme = createRefComponent(function Theme2(props, ref) {\n\t\"use no memo\";\n\tif (props.disable) return props.children;\n\tvar { passThrough } = props;\n\tvar isRoot = !!props[\"_isRoot\"];\n\tvar inlineValues = getInlineValuesFromProps(props, getConfig());\n\tvar inlineCSS = null;\n\tvar rulesToInsert = null;\n\tuseInsertEffectCompat(function() {\n\t\tif (rulesToInsert) insertStyleRules(rulesToInsert);\n\t}, [inlineCSS === null || inlineCSS === void 0 ? void 0 : inlineCSS.identifier]);\n\tvar themeProps = inlineValues ? {\n\t\t...props,\n\t\tinlineValues,\n\t\tinlineClassName: inlineCSS === null || inlineCSS === void 0 ? void 0 : inlineCSS.identifier\n\t} : props;\n\tvar [_, themeState] = useThemeWithState(themeProps, isRoot, true);\n\tuseIsomorphicLayoutEffect(function() {\n\t\tupdateNativeStyleScope(themeState.id, themeState.name, themeState.theme);\n\t\treturn function() {\n\t\t\treturn removeNativeStyleScope(themeState.id);\n\t\t};\n\t}, [\n\t\tthemeState.id,\n\t\tthemeState.name,\n\t\tthemeState.theme\n\t]);\n\tvar finalChildren = props[\"disable-child-theme\"] ? Children.map(props.children, function(child) {\n\t\treturn passThrough || !/* @__PURE__ */ isValidElement(child) ? child : /* @__PURE__ */ cloneElement(child, { [\"data-disable-theme\"]: true });\n\t}) : props.children;\n\tif (ref) try {\n\t\tReact.Children.only(finalChildren);\n\t\tfinalChildren = /* @__PURE__ */ cloneElement(finalChildren, { ref });\n\t} catch (e) {}\n\tvar stateRef = useRef({ hasEverThemed: false });\n\treturn getThemedChildren(themeState, finalChildren, themeProps, isRoot, stateRef, passThrough);\n});\nTheme[\"avoidForwardRef\"] = true;\nfunction getThemedChildren(themeState, children, props) {\n\tvar isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, stateRef = arguments.length > 4 ? arguments[4] : void 0, passThrough = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;\n\tvar { shallow, forceClassName } = props;\n\tvar state = stateRef.current;\n\tvar shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);\n\tif (process.env.NODE_ENV === \"development\" && props.debug === \"visualize\") children = /* @__PURE__ */ jsx(ThemeDebug, {\n\t\tthemeState,\n\t\tthemeProps: props,\n\t\tchildren\n\t});\n\tif (!shouldRenderChildrenWithTheme) return children;\n\tchildren = /* @__PURE__ */ jsx(ThemeStateContext.Provider, {\n\t\tvalue: themeState.id,\n\t\tchildren\n\t});\n\tvar { isInverse, name } = themeState;\n\tvar requiresExtraWrapper = isInverse || forceClassName;\n\tif (!state.hasEverThemed) state.hasEverThemed = true;\n\tif (requiresExtraWrapper || themeState.name === \"dark\" || themeState.name === \"light\") state.hasEverThemed = \"wrapped\";\n\tif (shallow) if (!themeState.parentId) {} else {\n\t\tvar parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);\n\t\tif (!parentState) throw new Error(formatDiagnostic(\"‼️010\", \"Theme\", \"parent theme state is missing for shallow rendering\", \"Keep <Theme shallow> inside its mounted parent Theme\", \"name,parentId\", {\n\t\t\tname: themeState.name,\n\t\t\tparentId: themeState.parentId\n\t\t}));\n\t\tchildren = Children.toArray(children).map(function(child) {\n\t\t\treturn /* @__PURE__ */ isValidElement(child) ? passThrough ? child : /* @__PURE__ */ cloneElement(child, void 0, /* @__PURE__ */ jsx(Theme, {\n\t\t\t\tname: parentState.name,\n\t\t\t\tchildren: child.props.children\n\t\t\t})) : child;\n\t\t});\n\t}\n\tif (process.env.NODE_ENV === \"development\") {\n\t\tif (!passThrough && props.debug) console.warn(` getThemedChildren`, {\n\t\t\trequiresExtraWrapper,\n\t\t\tforceClassName,\n\t\t\tthemeState,\n\t\t\tstate,\n\t\t\tthemeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)\n\t\t});\n\t}\n\tif (forceClassName === false) return children;\n\tif (isWeb) {\n\t\tvar baseStyle = props.contain ? inertContainedStyle : inertStyle;\n\t\tvar { className = \"\", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);\n\t\tvar inlineClassName = passThrough ? void 0 : props.inlineClassName;\n\t\tchildren = /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: `${className} is_Theme${inlineClassName ? ` ${inlineClassName}` : \"\"}`,\n\t\t\tstyle: passThrough ? baseStyle : {\n\t\t\t\tcolor,\n\t\t\t\t...baseStyle\n\t\t\t},\n\t\t\tchildren\n\t\t});\n\t\tif (state.hasEverThemed === \"wrapped\") children = /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: requiresExtraWrapper ? `${name.startsWith(\"light\") ? \"t_light\" : name.startsWith(\"dark\") ? \"t_dark\" : \"\"} _dsp_contents` : `_dsp_contents`,\n\t\t\tchildren\n\t\t});\n\t\treturn children;\n\t}\n\treturn children;\n}\nvar inertStyle = { display: \"contents\" };\nvar inertContainedStyle = {\n\tdisplay: \"contents\",\n\tcontain: \"strict\"\n};\nvar empty = {\n\tclassName: \"\",\n\tcolor: void 0\n};\nfunction getThemeClassNameAndColor(themeState, props) {\n\tvar isRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;\n\tif (!themeState.isNew && !props.forceClassName) return empty;\n\treturn {\n\t\tcolor: (themeState === null || themeState === void 0 ? void 0 : themeState.theme) && themeState.isNew ? variableToString(themeState.theme.color) : \"\",\n\t\tclassName: getThemeClassNames(themeState.name, isRoot)\n\t};\n}\n\nexport { Theme, getThemedChildren };"],"mappings":"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"}

package/dist/esm/views/ThemeDebug.mjs

@@ -3,71 +3,72 @@ import { useEffect } from "react";
 import { createPortal } from "react-dom";
 import { getThemeState } from "../hooks/useThemeState.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
 let node;
-function ThemeDebug({
-  themeState,
-  themeProps,
-  children
-}) {
-  if (process.env.NODE_ENV === "development") {
-    const isHydrated = useDidFinishSSR();
-    if (process.env.NODE_ENV === "development" && typeof document !== "undefined") {
-      if (!node) {
-        node = document.createElement("div");
-        node.style.height = "200px";
-        node.style.overflowY = "scroll";
-        node.style.position = "fixed";
-        node.style.zIndex = 1e7;
-        node.style.bottom = "30px";
-        node.style.left = "30px";
-        node.style.right = "30px";
-        node.style.display = "flex";
-        node.style.border = "1px solid #888";
-        node.style.flexDirection = "row";
-        node.style.background = "var(--background)";
-      }
-    }
-    useEffect(() => {
-      document.body.appendChild(node);
-    }, []);
-    if (themeProps["disable-child-theme"] || !isHydrated) {
-      return children;
-    }
-    const parentState = themeState.parentId ? getThemeState(themeState.parentId) : null;
-    return /* @__PURE__ */jsxs(Fragment, {
-      children: [createPortal(/* @__PURE__ */jsxs("code", {
-        style: {
-          whiteSpace: "pre",
-          maxWidth: 250,
-          overflow: "auto",
-          padding: 5
-        },
-        children: ["<Theme ", themeState.id, " />\xA0", JSON.stringify({
-          name: themeState.name,
-          color1: themeState.theme.color1.val,
-          parentId: themeState.parentId,
-          // inverses: themeState.inverses,
-          isNew: themeState.isNew,
-          themeProps: {
-            name: themeProps.name,
-            componentName: themeProps.componentName,
-            reset: themeProps.reset
-          },
-          parentState: {
-            name: parentState?.name,
-            isNew: parentState?.isNew
-          }
-        }, null, 2)]
-      }), node), /* @__PURE__ */jsx("div", {
-        style: {
-          color: "red"
-        },
-        children: themeState.id
-      }), children]
-    });
-  }
-  return children;
+function ThemeDebug({ themeState, themeProps, children }) {
+	if (process.env.NODE_ENV === "development") {
+		const isHydrated = useDidFinishSSR();
+		if (process.env.NODE_ENV === "development" && typeof document !== "undefined") {
+			if (!node) {
+				node = document.createElement("div");
+				node.style.height = "200px";
+				node.style.overflowY = "scroll";
+				node.style.position = "fixed";
+				node.style.zIndex = 1e7;
+				node.style.bottom = "30px";
+				node.style.left = "30px";
+				node.style.right = "30px";
+				node.style.display = "flex";
+				node.style.border = "1px solid #888";
+				node.style.flexDirection = "row";
+				node.style.background = "var(--background)";
+			}
+		}
+		useEffect(() => {
+			document.body.appendChild(node);
+		}, []);
+		if (themeProps["disable-child-theme"] || !isHydrated) {
+			return children;
+		}
+		const parentState = themeState.parentId ? getThemeState(themeState.parentId) : null;
+		return /* @__PURE__ */ jsxs(Fragment, { children: [
+			createPortal(/* @__PURE__ */ jsxs("code", {
+				style: {
+					whiteSpace: "pre",
+					maxWidth: 250,
+					overflow: "auto",
+					padding: 5
+				},
+				children: [
+					"<Theme ",
+					themeState.id,
+					" />\xA0",
+					JSON.stringify({
+						name: themeState.name,
+						color1: themeState.theme.color1.val,
+						parentId: themeState.parentId,
+						isNew: themeState.isNew,
+						themeProps: {
+							name: themeProps.name,
+							reset: themeProps.reset
+						},
+						parentState: {
+							name: parentState?.name,
+							isNew: parentState?.isNew
+						}
+					}, null, 2)
+				]
+			}), node),
+			/* @__PURE__ */ jsx("div", {
+				style: { color: "red" },
+				children: themeState.id
+			}),
+			children
+		] });
+	}
+	return children;
 }
 ThemeDebug["displayName"] = "ThemeDebug";
+
 export { ThemeDebug };
 //# sourceMappingURL=ThemeDebug.mjs.map

package/dist/esm/views/ThemeDebug.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useDidFinishSSR","useEffect","createPortal","getThemeState","Fragment","jsx","jsxs","node","ThemeDebug","themeState","themeProps","children","process","env","NODE_ENV","isHydrated","document","createElement","style","height","overflowY","position","zIndex","bottom","left","right","display","border","flexDirection","background","body","appendChild","parentState","parentId","whiteSpace","maxWidth","overflow","padding","id","JSON","stringify","name","color1","theme","val","isNew","componentName","reset","color"],"sources":["../../../src/views/ThemeDebug.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAChC,SAASC,SAAA,QAAiB;AAC1B,SAASC,YAAA,QAAoB;AAC7B,SAASC,aAAA,QAAqB;AA+CxB,SAAAC,QAAA,EAmCEC,GAAA,EAjCEC,IAAA,QAFJ;AA5CN,IAAIC,IAAA;AAEG,SAASC,WAAW;EACzBC,UAAA;EACAC,UAAA;EACAC;AACF,GAIG;EACD,IAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;IAC1C,MAAMC,UAAA,GAAaf,eAAA,CAAgB;IAEnC,IAAIY,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAAiB,OAAOE,QAAA,KAAa,aAAa;MAC7E,IAAI,CAACT,IAAA,EAAM;QACTA,IAAA,GAAOS,QAAA,CAASC,aAAA,CAAc,KAAK;QACnCV,IAAA,CAAKW,KAAA,CAAMC,MAAA,GAAS;QACpBZ,IAAA,CAAKW,KAAA,CAAME,SAAA,GAAY;QACvBb,IAAA,CAAKW,KAAA,CAAMG,QAAA,GAAW;QACtBd,IAAA,CAAKW,KAAA,CAAMI,MAAA,GAAS;QACpBf,IAAA,CAAKW,KAAA,CAAMK,MAAA,GAAS;QACpBhB,IAAA,CAAKW,KAAA,CAAMM,IAAA,GAAO;QAClBjB,IAAA,CAAKW,KAAA,CAAMO,KAAA,GAAQ;QACnBlB,IAAA,CAAKW,KAAA,CAAMQ,OAAA,GAAU;QACrBnB,IAAA,CAAKW,KAAA,CAAMS,MAAA,GAAS;QACpBpB,IAAA,CAAKW,KAAA,CAAMU,aAAA,GAAgB;QAC3BrB,IAAA,CAAKW,KAAA,CAAMW,UAAA,GAAa;MAC1B;IACF;IAEA5B,SAAA,CAAU,MAAM;MACde,QAAA,CAASc,IAAA,CAAKC,WAAA,CAAYxB,IAAI;IAChC,GAAG,EAAE;IAEL,IAAIG,UAAA,CAAW,qBAAqB,KAAK,CAACK,UAAA,EAAY;MACpD,OAAOJ,QAAA;IACT;IAEA,MAAMqB,WAAA,GAAcvB,UAAA,CAAWwB,QAAA,GAAW9B,aAAA,CAAcM,UAAA,CAAWwB,QAAQ,IAAI;IAI/E,OACE,eAAA3B,IAAA,CAAAF,QAAA;MACGO,QAAA,GAAAT,YAAA,CACC,eAAAI,IAAA,CAAC;QACCY,KAAA,EAAO;UACLgB,UAAA,EAAY;UACZC,QAAA,EAAU;UACVC,QAAA,EAAU;UACVC,OAAA,EAAS;QACX;QACD1B,QAAA,cACYF,UAAA,CAAW6B,EAAA,EAAG,WACxBC,IAAA,CAAKC,SAAA,CACJ;UACEC,IAAA,EAAMhC,UAAA,CAAWgC,IAAA;UACjBC,MAAA,EAAQjC,UAAA,CAAWkC,KAAA,CAAMD,MAAA,CAAOE,GAAA;UAChCX,QAAA,EAAUxB,UAAA,CAAWwB,QAAA;UAAA;UAErBY,KAAA,EAAOpC,UAAA,CAAWoC,KAAA;UAClBnC,UAAA,EAAY;YACV+B,IAAA,EAAM/B,UAAA,CAAW+B,IAAA;YACjBK,aAAA,EAAepC,UAAA,CAAWoC,aAAA;YAC1BC,KAAA,EAAOrC,UAAA,CAAWqC;UACpB;UACAf,WAAA,EAAa;YACXS,IAAA,EAAMT,WAAA,EAAaS,IAAA;YACnBI,KAAA,EAAOb,WAAA,EAAaa;UACtB;QACF,GACA,MACA,CACF;MAAA,CACF,GACAtC,IACF,GAEA,eAAAF,GAAA,CAAC;QAAIa,KAAA,EAAO;UAAE8B,KAAA,EAAO;QAAM;QAAIrC,QAAA,EAAAF,UAAA,CAAW6B;MAAA,CAAG,GAE5C3B,QAAA;IAAA,CACH;EAEJ;EACA,OAAOA,QAAA;AACT;AAEAH,UAAA,CAAW,aAAa,IAAI","ignoreList":[]}
+{"version":3,"file":"ThemeDebug.js","names":[],"sources":["esm/views/ThemeDebug.js"],"sourcesContent":["import { useDidFinishSSR } from \"@tamagui/use-did-finish-ssr\";\nimport { useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { getThemeState } from \"../hooks/useThemeState\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nlet node;\nfunction ThemeDebug({\n  themeState,\n  themeProps,\n  children\n}) {\n  if (process.env.NODE_ENV === \"development\") {\n    const isHydrated = useDidFinishSSR();\n    if (process.env.NODE_ENV === \"development\" && typeof document !== \"undefined\") {\n      if (!node) {\n        node = document.createElement(\"div\");\n        node.style.height = \"200px\";\n        node.style.overflowY = \"scroll\";\n        node.style.position = \"fixed\";\n        node.style.zIndex = 1e7;\n        node.style.bottom = \"30px\";\n        node.style.left = \"30px\";\n        node.style.right = \"30px\";\n        node.style.display = \"flex\";\n        node.style.border = \"1px solid #888\";\n        node.style.flexDirection = \"row\";\n        node.style.background = \"var(--background)\";\n      }\n    }\n    useEffect(() => {\n      document.body.appendChild(node);\n    }, []);\n    if (themeProps[\"disable-child-theme\"] || !isHydrated) {\n      return children;\n    }\n    const parentState = themeState.parentId ? getThemeState(themeState.parentId) : null;\n    return /* @__PURE__ */ jsxs(Fragment, { children: [\n      createPortal(\n        /* @__PURE__ */ jsxs(\n          \"code\",\n          {\n            style: {\n              whiteSpace: \"pre\",\n              maxWidth: 250,\n              overflow: \"auto\",\n              padding: 5\n            },\n            children: [\n              \"<Theme \",\n              themeState.id,\n              \" />\\xA0\",\n              JSON.stringify(\n                {\n                  name: themeState.name,\n                  color1: themeState.theme.color1.val,\n                  parentId: themeState.parentId,\n                  // inverses: themeState.inverses,\n                  isNew: themeState.isNew,\n                  themeProps: {\n                    name: themeProps.name,\n                    reset: themeProps.reset\n                  },\n                  parentState: {\n                    name: parentState?.name,\n                    isNew: parentState?.isNew\n                  }\n                },\n                null,\n                2\n              )\n            ]\n          }\n        ),\n        node\n      ),\n      /* @__PURE__ */ jsx(\"div\", { style: { color: \"red\" }, children: themeState.id }),\n      children\n    ] });\n  }\n  return children;\n}\nThemeDebug[\"displayName\"] = \"ThemeDebug\";\nexport {\n  ThemeDebug\n};\n//# sourceMappingURL=ThemeDebug.js.map\n"],"mappings":";;;;;;;AAKA,IAAI;AACJ,SAAS,WAAW,EAClB,YACA,YACA,YACC;CACD,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,MAAM,aAAa,gBAAgB;EACnC,IAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO,aAAa,aAAa;GAC7E,IAAI,CAAC,MAAM;IACT,OAAO,SAAS,cAAc,KAAK;IACnC,KAAK,MAAM,SAAS;IACpB,KAAK,MAAM,YAAY;IACvB,KAAK,MAAM,WAAW;IACtB,KAAK,MAAM,SAAS;IACpB,KAAK,MAAM,SAAS;IACpB,KAAK,MAAM,OAAO;IAClB,KAAK,MAAM,QAAQ;IACnB,KAAK,MAAM,UAAU;IACrB,KAAK,MAAM,SAAS;IACpB,KAAK,MAAM,gBAAgB;IAC3B,KAAK,MAAM,aAAa;GAC1B;EACF;EACA,gBAAgB;GACd,SAAS,KAAK,YAAY,IAAI;EAChC,GAAG,CAAC,CAAC;EACL,IAAI,WAAW,0BAA0B,CAAC,YAAY;GACpD,OAAO;EACT;EACA,MAAM,cAAc,WAAW,WAAW,cAAc,WAAW,QAAQ,IAAI;EAC/E,OAAuB,qBAAK,UAAU,EAAE,UAAU;GAChD,aACkB,qBACd,QACA;IACE,OAAO;KACL,YAAY;KACZ,UAAU;KACV,UAAU;KACV,SAAS;IACX;IACA,UAAU;KACR;KACA,WAAW;KACX;KACA,KAAK,UACH;MACE,MAAM,WAAW;MACjB,QAAQ,WAAW,MAAM,OAAO;MAChC,UAAU,WAAW;MAErB,OAAO,WAAW;MAClB,YAAY;OACV,MAAM,WAAW;OACjB,OAAO,WAAW;MACpB;MACA,aAAa;OACX,MAAM,aAAa;OACnB,OAAO,aAAa;MACtB;KACF,GACA,MACA,CACF;IACF;GACF,CACF,GACA,IACF;GACgB,oBAAI,OAAO;IAAE,OAAO,EAAE,OAAO,MAAM;IAAG,UAAU,WAAW;GAAG,CAAC;GAC/E;EACF,EAAE,CAAC;CACL;CACA,OAAO;AACT;AACA,WAAW,iBAAiB"}

package/dist/esm/views/ThemeDebug.native.js

@@ -1,11 +1,8 @@
 function ThemeDebug(param) {
-  var {
-    themeState,
-    themeProps,
-    children
-  } = param;
-  return children;
+	var { themeState, themeProps, children } = param;
+	return children;
 }
 ThemeDebug["displayName"] = "ThemeDebug";
+
 export { ThemeDebug };
 //# sourceMappingURL=ThemeDebug.native.js.map

package/dist/esm/views/ThemeDebug.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeDebug","param","themeState","themeProps","children"],"sources":["../../../src/views/ThemeDebug.native.tsx"],"sourcesContent":[null],"mappings":"AAAO,SAASA,WAAWC,KAAA,EAAO;EAC9B,IAAI;IAAEC,UAAA;IAAYC,UAAA;IAAYC;EAAS,IAAIH,KAAA;EAE3C,OAAOG,QAAA;AACX;AACAJ,UAAA,CAAW,aAAa,IAAI","ignoreList":[]}
+{"version":3,"file":"ThemeDebug.native.js","names":[],"sources":["esm/views/ThemeDebug.native.js"],"sourcesContent":["function ThemeDebug(param) {\n  var { themeState, themeProps, children } = param;\n  return children;\n}\nThemeDebug[\"displayName\"] = \"ThemeDebug\";\nexport {\n  ThemeDebug\n};\n//# sourceMappingURL=ThemeDebug.native.js.map\n"],"mappings":";AAAA,SAAS,WAAW,OAAO;CACzB,IAAI,EAAE,YAAY,YAAY,aAAa;CAC3C,OAAO;AACT;AACA,WAAW,iBAAiB"}

package/dist/esm/views/ThemeProvider.mjs

@@ -4,27 +4,28 @@ import { getSetting } from "../config.mjs";
 import { THEME_CLASSNAME_PREFIX } from "../constants/constants.mjs";
 import { Theme } from "./Theme.mjs";
 import { jsx } from "react/jsx-runtime";
-const ThemeProvider = props => {
-  "use no memo";
 
-  const addThemeClassName = getSetting("addThemeClassName");
-  useIsomorphicLayoutEffect(() => {
-    if (addThemeClassName === false) return;
-    const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;
-    const target = getSetting("addThemeClassName") === "html" ? document.documentElement : document.body;
-    target.classList.add(cn);
-    return () => {
-      target.classList.remove(cn);
-    };
-  }, [props.defaultTheme, addThemeClassName]);
-  const forceClassName = addThemeClassName === void 0;
-  return /* @__PURE__ */jsx(Theme, {
-    className: props.className,
-    name: props.defaultTheme,
-    forceClassName,
-    _isRoot: useId,
-    children: props.children
-  });
+const ThemeProvider = (props) => {
+	"use no memo";
+	const addThemeClassName = props.isSubtreeRoot ? false : getSetting("addThemeClassName");
+	useIsomorphicLayoutEffect(() => {
+		if (addThemeClassName === false) return;
+		const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;
+		const target = addThemeClassName === "html" ? document.documentElement : document.body;
+		target.classList.add(cn);
+		return () => {
+			target.classList.remove(cn);
+		};
+	}, [props.defaultTheme, addThemeClassName]);
+	const forceClassName = props.isSubtreeRoot || addThemeClassName === void 0;
+	return /* @__PURE__ */ jsx(Theme, {
+		className: props.className,
+		name: props.defaultTheme,
+		forceClassName,
+		_isRoot: useId,
+		children: props.children
+	});
 };
+
 export { ThemeProvider };
 //# sourceMappingURL=ThemeProvider.mjs.map

package/dist/esm/views/ThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useIsomorphicLayoutEffect","useId","getSetting","THEME_CLASSNAME_PREFIX","Theme","jsx","ThemeProvider","props","addThemeClassName","cn","defaultTheme","target","document","documentElement","body","classList","add","remove","forceClassName","className","name","_isRoot","children"],"sources":["ThemeProvider.mjs"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { useId } from \"react\";\nimport { getSetting } from \"../config\";\nimport { THEME_CLASSNAME_PREFIX } from \"../constants/constants\";\nimport { Theme } from \"./Theme\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst ThemeProvider = (props) => {\n\t\"use no memo\";\n\tconst addThemeClassName = getSetting(\"addThemeClassName\");\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (addThemeClassName === false) return;\n\t\tconst cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;\n\t\tconst target = getSetting(\"addThemeClassName\") === \"html\" ? document.documentElement : document.body;\n\t\ttarget.classList.add(cn);\n\t\treturn () => {\n\t\t\ttarget.classList.remove(cn);\n\t\t};\n\t}, [props.defaultTheme, addThemeClassName]);\n\tconst forceClassName = addThemeClassName === void 0;\n\treturn /* @__PURE__ */ jsx(Theme, {\n\t\tclassName: props.className,\n\t\tname: props.defaultTheme,\n\t\tforceClassName,\n\t\t_isRoot: useId,\n\t\tchildren: props.children\n\t});\n};\n\nexport { ThemeProvider };"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,oBAAoB;AAC9D,SAASC,KAAK,QAAQ,OAAO;AAC7B,SAASC,UAAU,QAAQ,eAAW;AACtC,SAASC,sBAAsB,QAAQ,4BAAwB;AAC/D,SAASC,KAAK,QAAQ,aAAS;AAC/B,SAASC,GAAG,QAAQ,mBAAmB;AAEvC,MAAMC,aAAa,GAAIC,KAAK,IAAK;EAChC,aAAa;;EACb,MAAMC,iBAAiB,GAAGN,UAAU,CAAC,mBAAmB,CAAC;EACzDF,yBAAyB,CAAC,MAAM;IAC/B,IAAIQ,iBAAiB,KAAK,KAAK,EAAE;IACjC,MAAMC,EAAE,GAAG,GAAGN,sBAAsB,GAAGI,KAAK,CAACG,YAAY,EAAE;IAC3D,MAAMC,MAAM,GAAGT,UAAU,CAAC,mBAAmB,CAAC,KAAK,MAAM,GAAGU,QAAQ,CAACC,eAAe,GAAGD,QAAQ,CAACE,IAAI;IACpGH,MAAM,CAACI,SAAS,CAACC,GAAG,CAACP,EAAE,CAAC;IACxB,OAAO,MAAM;MACZE,MAAM,CAACI,SAAS,CAACE,MAAM,CAACR,EAAE,CAAC;IAC5B,CAAC;EACF,CAAC,EAAE,CAACF,KAAK,CAACG,YAAY,EAAEF,iBAAiB,CAAC,CAAC;EAC3C,MAAMU,cAAc,GAAGV,iBAAiB,KAAK,KAAK,CAAC;EACnD,OAAO,eAAgBH,GAAG,CAACD,KAAK,EAAE;IACjCe,SAAS,EAAEZ,KAAK,CAACY,SAAS;IAC1BC,IAAI,EAAEb,KAAK,CAACG,YAAY;IACxBQ,cAAc;IACdG,OAAO,EAAEpB,KAAK;IACdqB,QAAQ,EAAEf,KAAK,CAACe;EACjB,CAAC,CAAC;AACH,CAAC;AAED,SAAShB,aAAa","ignoreList":[]}
+{"version":3,"file":"ThemeProvider.js","names":[],"sources":["esm/views/ThemeProvider.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { useId } from \"react\";\nimport { getSetting } from \"../config\";\nimport { THEME_CLASSNAME_PREFIX } from \"../constants/constants\";\nimport { Theme } from \"./Theme\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst ThemeProvider = (props) => {\n\t\"use no memo\";\n\tconst addThemeClassName = props.isSubtreeRoot ? false : getSetting(\"addThemeClassName\");\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (addThemeClassName === false) return;\n\t\tconst cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;\n\t\tconst target = addThemeClassName === \"html\" ? document.documentElement : document.body;\n\t\ttarget.classList.add(cn);\n\t\treturn () => {\n\t\t\ttarget.classList.remove(cn);\n\t\t};\n\t}, [props.defaultTheme, addThemeClassName]);\n\tconst forceClassName = props.isSubtreeRoot || addThemeClassName === void 0;\n\treturn /* @__PURE__ */ jsx(Theme, {\n\t\tclassName: props.className,\n\t\tname: props.defaultTheme,\n\t\tforceClassName,\n\t\t_isRoot: useId,\n\t\tchildren: props.children\n\t});\n};\n\nexport { ThemeProvider };"],"mappings":";;;;;;;;AAOA,MAAM,iBAAiB,UAAU;CAChC;CACA,MAAM,oBAAoB,MAAM,gBAAgB,QAAQ,WAAW,mBAAmB;CACtF,gCAAgC;EAC/B,IAAI,sBAAsB,OAAO;EACjC,MAAM,KAAK,GAAG,yBAAyB,MAAM;EAC7C,MAAM,SAAS,sBAAsB,SAAS,SAAS,kBAAkB,SAAS;EAClF,OAAO,UAAU,IAAI,EAAE;EACvB,aAAa;GACZ,OAAO,UAAU,OAAO,EAAE;EAC3B;CACD,GAAG,CAAC,MAAM,cAAc,iBAAiB,CAAC;CAC1C,MAAM,iBAAiB,MAAM,iBAAiB,sBAAsB,KAAK;CACzE,OAAuB,oBAAI,OAAO;EACjC,WAAW,MAAM;EACjB,MAAM,MAAM;EACZ;EACA,SAAS;EACT,UAAU,MAAM;CACjB,CAAC;AACF"}