@tamagui/web 2.7.7 → 3.0.0-beta.1093.1

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":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AAEtB,SAAOC,KAAA,QAAS,oBAAwB;AAExC,OAAAC,KAAS,IAAAC,QAAA,EAAAC,YAAwB,EAAAC,UAAA,EAAAC,cAAA,EAAAC,MAAA;AACjC,SAASC,gBAAA,qCAAyB;AAClC,SAAAC,iBAAA;AAAA,SACEC,aAAA,EAAAC,qBAAA,EAAAC,iBAAA;AAAA,SACAC,UAAA;AAAA,IACAC,KAAA,kBAAAT,UAAA,UAAAU,OAAAC,KAAA,EAAAC,GAAA;EAAA,aACK;;EAEP,IAAAD,KAAS,CAAAE,OAAA;IA4EH,OAAAF,KAAA,CAAAG,QAAA;EAxEC;EACL;IAAAC;EAAA,IAAAJ,KAAA;EAGA,IAAIK,MAAM,KAAAL,KAAS;EACjB,KAAAM,CAAA,EAAAC,UAAa,IAAAd,iBAAA,CAAAO,KAAA,EAAAK,MAAA;EACf,IAAAG,uBAAA,GAAAR,KAAA;EAEA,IAAAS,aAAQ,GAAYD,uBAAI,GAAArB,QAAA,CAAAuB,GAAA,CAAAV,KAAA,CAAAG,QAAA,YAAAQ,KAAA;IAExB,OAAMP,WAAW,IAAM,iBAASd,cAAA,CAAAqB,KAAA,IAAAA,KAAA,kBAAAvB,YAAA,CAAAuB,KAAA;MAKhC,qBAAwB;IAExB;EAEA,KAAIX,KAAA,CAAAG,QAAA;EACS,IAAIF,GAAA,EAAM;IAAU,IAAC;MAK9Bf,KAAA,CAAMC,QAAA,CAAAyB,IAAA,CAAAH,aAAA;MAENA,aAAK,kBAAArB,YAAA,CAAAqB,aAAA;QACHR;MACF;IAEA,SAAAY,CAAA,GACF;EAAQ;EAGV,IAAAC,QAAA,GAAAvB,MAAA;IAEAwB,aAAM,EAAW;EAAO,EACtB;EACF,OAACC,iBAAA,CAAAT,UAAA,EAAAE,aAAA,EAAAT,KAAA,EAAAK,MAAA,EAAAS,QAAA,EAAAV,WAAA;AAED;AAAON,KACL;AAAA,SACAkB,kBAAAT,UAAA,EAAAJ,QAAA,EAAAH,KAAA;EAAA,IACAK,MAAA,GAAAY,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAH,QAAA,GAAAG,SAAA,CAAAC,MAAA,OAAAD,SAAA;IAAAb,WAAA,GAAAa,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA,IACA;IAAAE,OAAA;IAAAC;EAAA,IAAApB,KAAA;EAAA,IACAqB,KAAA,GAAAP,QAAA,CAAAQ,OAAA;EAAA,IACAP,aAAA,GAAAM,KAAA,CAAAN,aAAA;EACF,IAAAQ,6BAAA,GAAAR,aAAA,IAAAR,UAAA,CAAAiB,KAAA,IAAAnB,MAAA,IAAAV,qBAAA,CAAAK,KAAA;EACD,IAAAyB,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAA3B,KAAA,CAAA4B,KAAA;IAEDzB,QAAM,kBAAqBnB,IAAA,CAAAa,UAAA;MAEpBU,UAAS;MAQdsB,UAAQ,EAAA7B,KAAS;MAGjBG;IACA,EAAI;EAEJ;EAGA,IAAI,CAAAoB,6BAAyB;IAC3B,OAAApB,QACE;EAIJ;EAEAA,QAAK,kBAAAnB,IAAA,CAAAY,iBAA+B,CAAAkC,QAAA;IAClCC,KAAA,EAAOxB,UAAA,CAAAyB,EAAA;IACT7B;EAGA;EAMA;IAAM8B,SAAE;IAAAC;EAAW,IAAK3B,UAAI;EAC5B,IAAA4B,oBAAM,GAAAF,SAAuB,IAAAb,cAAa;EAG1C,IAAI,CAACC,KAAA,CAAMN,aAAA,EAAe;IACxBM,KAAA,CAAMN,aAAA,GAAgB;EACxB;EACA,IACEoB,oBAAA;EAAA;EAAA;EAGA5B,UAAA,CAAW2B,IAAA,KAAS,UACpB3B,UAAA,CAAW2B,IAAA,KAAS,SACpB;IACAb,KAAA,CAAMN,aAAA,GAAgB;EACxB;EAGA,IAAII,OAAA,EAAS;IACX,IAAI,CAACZ,UAAA,CAAW6B,QAAA,EAAU,CAE1B,OAAO;MACL,IAAAC,WAAM,GAAA3C,aAAc,CAAAa,UAAA,CAAAiB,KAAA,GAAAjB,UAAA,CAAAyB,EAAA,GAAAzB,UAAA,CAAA6B,QAAA;MAAA,IAClB,CAAAC,WAAW,QAAQ,IAAAC,KAAW,kBAAgB;MAChDnC,QAAA,GAAAhB,QAAA,CAAAoD,OAAA,CAAApC,QAAA,EAAAO,GAAA,WAAAC,KAAA;QACA,OAAK,eAAmBrB,cAAU,CAAAqB,KAAA,IAAAP,WAAO,GAAAO,KAAA,kBAAAvB,YAAA,CAAAuB,KAAA,yBAAA3B,IAAA,CAAAc,KAAA;UACzCoC,IAAA,EAAAG,WAAoB,CAAAH,IAAA;UAClB/B,QAAO,EAAAQ,KAAA,CAAAX,KAAe,CAAAG;QAGhB,EACE,IAAAQ,KAAA;MAAA;IACA;EAC8D;EAElE,IACNc,OAAC,CAAAC,GAAA,CAAAC,QAAA;IACH,KAAAvB,WAAA,IAAAJ,KAAA,CAAA4B,KAAA;MACFY,OAAA,CAAAC,IAAA;QAEIN,oBAAY;QACVf,cAAC;QACHb,UAAQ;QACNc,KAAA;QACAqB,cAAA,EAAAC,yBAAA,CAAApC,UAAA,EAAAP,KAAA,EAAAK,MAAA;MAAA,EACA;IAAA;EACA;EACmE,IACrEe,cAAC;IACH,OAAAjB,QAAA;EACF;EAGA,IAAIlB,KAAA;IACF,IAAA2D,SAAO,GAAA5C,KAAA,CAAA6C,OAAA,GAAAC,mBAAA,GAAAC,UAAA;IACT;MAAAC,SAAA;MAAAC;IAAA,IAAA7C,WAAA,QAAAuC,yBAAA,CAAApC,UAAA,EAAAP,KAAA,EAAAK,MAAA;IAEAF,QAAI,GAAO,eAAAnB,IAAA;MACTgE,SAAM,KAAAA,SAAkB,WAAU;MAClCE,KAAM,EAAE9C,WAAY,GAAAwC,SAAU,GAAI;QAIlCK,KAAA;QACG,GAAAL;MAAA;MAAAzC;IACwB;IACgC,IAEtDkB,KAAA,CAAAN,aAAA;MAAA,IAAAoC,UAAA,GAAAhB,oBAAA,MAAAD,IAAA,CAAAkB,UAAA,wBAAAlB,IAAA,CAAAkB,UAAA;MACHjD,QAAA,kBAAAnB,IAAA;QAIEgE,SAAM,EAAAG,UAAA;QAERhD;MAKA;IACF;IAEA,OAAOA,QAAA;EACT;EAEA,OAAOA,QAAA;AACT;AAEA,IAAA4C,UAAM;EACJM,OAAA,EAAS;AACX;AAEA,IAAAP,mBAAM;EACJO,OAAA,EAAS;EACTR,OAAA,EAAS;AACX;AAEA,IAAAS,KAAM;EAENN,SAAS;EAKPC,KAAK;AACH;AAAO,SACTN,0BAAApC,UAAA,EAAAP,KAAA;EAGA,IAAAK,MAAM,GAAAY,SACJ,CAAAC,MAAA,GAAY,KAAAD,SAAS,QAAW,KAAQ,IAAAA,SAAA,MAAiB;EAE3D,KAAAV,UAAc,CAAAiB,KAAA,KAAAxB,KACV,CAAAoB,cAAA;IACE,OAAOkC,KAAA;EACT;EAGJ,IAAAC,UAAM,IAAAhD,UAAiB,SAAW,IAAKA,UAAQ,UAAc,IAAE,SAAAA,UAAA,CAAAiD,KAAA,KAAAjD,UAAA,CAAAiB,KAAA,GAAAhC,gBAAA,CAAAe,UAAA,CAAAiD,KAAA,CAAAP,KAAA;EAM/D,IAAAC,KAAM,GAAAK,UAAA,GAAiB;IACvBN,KAAI,EAAAM;EAEJ,IAAI;EAGF,IAAAE,cAAM,GAAAlD,UAA8B,CAAA2B,IAAA,CAAAwB,OAAA,CAAAC,YAAA;EACpC,IAAAC,cAAgB,GAAAH,cAAK,CAAAI,KAAe,KAAQ;EAC1C,IAAAC,YAAA,QAAiBL,cAAU;EAAsC,IACnEG,cAAA,CAAA1C,MAAA;IACA,IAAA6C,gBAAe;IACjB,SAAAC,CAAA,MAAAA,CAAA,IAAAJ,cAAA,CAAA1C,MAAA,EAAA8C,CAAA;MAEAD,gBAAkB,CAAGE,IAAA,MAASL,cAAK,CAAAM,KAAa,CAAI,GAAAF,CAAA,EAAAG,IAAA,IAAY;IAEhE;IACFL,YAAA,GAAAC,gBAAA,CAAAI,IAAA;EAEA","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, reservedThemeProps } from \"@tamagui/helpers\";\nimport React, { Children, cloneElement, isValidElement, useRef } from \"react\";\nimport { variableToString } from \"../createVariable\";\nimport { formatDiagnostic } from \"../helpers/formatDiagnostic\";\nimport { removeNativeStyleScope, updateNativeStyleScope } from \"../helpers/nativeStyleEngine\";\nimport { warnOnce } from \"../helpers/warnOnce\";\nimport { useThemeWithState } from \"../hooks/useTheme\";\nimport { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from \"../hooks/useThemeState\";\nimport { ThemeDebug } from \"./ThemeDebug\";\n\nvar Theme = createRefComponent(function Theme2(props, ref) {\n\t\"use no memo\";\n\tif (props.disable) return props.children;\n\tif (process.env.NODE_ENV === \"development\") {\n\t\tfor (var key in props) if (!reservedThemeProps[key] && key !== \"srcloc\" && !key.startsWith(\"data-\")) warnOnce(`theme-update:${key}`, `<Theme ${key}=...> no longer accepts inline values. Wrap the subtree in <ThemeUpdate ${key}=...> instead.`);\n\t}\n\tvar { passThrough } = props;\n\tvar isRoot = !!props[\"_isRoot\"];\n\tvar [_, themeState] = useThemeWithState(props, 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, props, 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 } = 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(process.env.NODE_ENV !== \"production\" ? 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}) : \"❌ Error 014\");\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 _props__themeUpdate;\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__themeUpdate = props._themeUpdate) === null || _props__themeUpdate === void 0 ? void 0 : _props__themeUpdate.className;\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\") {\n\t\t\tvar scheme = requiresExtraWrapper && themeState.schemeAuthored && themeState.scheme;\n\t\t\tchildren = /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\tclassName: scheme ? `t_${scheme} _dsp_contents` : \"_dsp_contents\",\n\t\t\t\tchildren\n\t\t\t});\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, isRoot) {\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, themeState.schemeAuthored)\n\t};\n}\n\nexport { Theme, getThemedChildren };"],"mappings":"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"}

package/dist/esm/views/ThemeDebug.mjs

@@ -3,71 +3,69 @@ 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 },
+						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                  },\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,EACV,MAAM,WAAW,KACnB;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"}

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

@@ -2,17 +2,19 @@ import { jsx } from "react/jsx-runtime";
 import { useId } from "react";
 import { getSetting } from "../config.native.js";
 import { Theme } from "./Theme.native.js";
-var ThemeProvider = function (props) {
-  "use no memo";
 
-  var forceClassName = getSetting("addThemeClassName") === void 0;
-  return /* @__PURE__ */jsx(Theme, {
-    className: props.className,
-    name: props.defaultTheme,
-    forceClassName,
-    _isRoot: useId,
-    children: props.children
-  });
+var ThemeProvider = function(props) {
+	"use no memo";
+	var addThemeClassName = props.isSubtreeRoot ? false : getSetting("addThemeClassName");
+	var 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.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","useId","getSetting","Theme","ThemeProvider","props","forceClassName","className","name","defaultTheme","_isRoot","children"],"sources":["ThemeProvider.native.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nimport { useId } from \"react\";\nimport { getSetting } from \"../config\";\nimport { Theme } from \"./Theme\";\n\nvar ThemeProvider = function(props) {\n\t\"use no memo\";\n\tvar forceClassName = getSetting(\"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,GAAG,QAAQ,mBAAmB;AACvC,SAASC,KAAK,QAAQ,OAAO;AAC7B,SAASC,UAAU,QAAQ,qBAAW;AACtC,SAASC,KAAK,QAAQ,mBAAS;AAE/B,IAAIC,aAAa,GAAG,SAAAA,CAASC,KAAK,EAAE;EACnC,aAAa;;EACb,IAAIC,cAAc,GAAGJ,UAAU,CAAC,mBAAmB,CAAC,KAAK,KAAK,CAAC;EAC/D,OAAO,eAAgBF,GAAG,CAACG,KAAK,EAAE;IACjCI,SAAS,EAAEF,KAAK,CAACE,SAAS;IAC1BC,IAAI,EAAEH,KAAK,CAACI,YAAY;IACxBH,cAAc;IACdI,OAAO,EAAET,KAAK;IACdU,QAAQ,EAAEN,KAAK,CAACM;EACjB,CAAC,CAAC;AACH,CAAC;AAED,SAASP,aAAa","ignoreList":[]}
+{"version":3,"file":"ThemeProvider.native.js","names":[],"sources":["esm/views/ThemeProvider.native.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nimport { useId } from \"react\";\nimport { getSetting } from \"../config\";\nimport { Theme } from \"./Theme\";\n\nvar ThemeProvider = function(props) {\n\t\"use no memo\";\n\tvar addThemeClassName = props.isSubtreeRoot ? false : getSetting(\"addThemeClassName\");\n\tvar 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":";;;;;;AAKA,IAAI,gBAAgB,SAAS,OAAO;CACnC;CACA,IAAI,oBAAoB,MAAM,gBAAgB,QAAQ,WAAW,mBAAmB;CACpF,IAAI,iBAAiB,MAAM,iBAAiB,sBAAsB,KAAK;CACvE,OAAuB,oBAAI,OAAO;EACjC,WAAW,MAAM;EACjB,MAAM,MAAM;EACZ;EACA,SAAS;EACT,UAAU,MAAM;CACjB,CAAC;AACF"}

package/dist/esm/views/ThemeUpdate.mjs

@@ -0,0 +1,54 @@
+import { createRefComponent } from "@tamagui/compose-refs";
+import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
+import React from "react";
+import { getConfig } from "../config.mjs";
+import { insertStyleRules, shouldInsertStyleRules, updateRules } from "../helpers/insertStyleRule.mjs";
+import { getInlineValuesFromProps, getInlineValuesKey, getMergedInlineTheme, getVariablesCSSRules } from "../helpers/variables.mjs";
+import { Theme } from "./Theme.mjs";
+import { jsx } from "react/jsx-runtime";
+
+const useInsertEffectCompat = isWeb ? React.useInsertionEffect || useIsomorphicLayoutEffect : () => {};
+const updateStates = /* @__PURE__ */ new WeakMap();
+function createThemeUpdateState(values, className) {
+	const cached = updateStates.get(values);
+	if (cached) return cached;
+	const state = {
+		key: getInlineValuesKey(values),
+		className,
+		values,
+		getTheme(parentTheme, themeName, config) {
+			return getMergedInlineTheme(parentTheme, values, themeName, config);
+		}
+	};
+	updateStates.set(values, state);
+	return state;
+}
+const ThemeUpdate = createRefComponent(function ThemeUpdate2(props, ref) {
+	"use no memo";
+	const config = getConfig();
+	const values = getInlineValuesFromProps(props, config);
+	const css = process.env.TAMAGUI_DID_OUTPUT_CSS || !values ? null : getVariablesCSSRules(values, config);
+	let rulesToInsert = null;
+	if (css && shouldInsertStyleRules(css.identifier)) {
+		updateRules(css.identifier, css.rules);
+		rulesToInsert = { [css.identifier]: [
+			"variables",
+			"",
+			css.identifier,
+			void 0,
+			css.rules
+		] };
+	}
+	useInsertEffectCompat(() => {
+		if (rulesToInsert) insertStyleRules(rulesToInsert);
+	}, [css?.identifier]);
+	if (!values) return props.children;
+	return /* @__PURE__ */ jsx(Theme, {
+		ref,
+		_themeUpdate: createThemeUpdateState(values, css?.identifier),
+		children: props.children
+	});
+});
+
+export { ThemeUpdate, createThemeUpdateState };
+//# sourceMappingURL=ThemeUpdate.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeUpdate.js","names":[],"sources":["esm/views/ThemeUpdate.js"],"sourcesContent":["import { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport React from \"react\";\nimport { getConfig } from \"../config\";\nimport { insertStyleRules, shouldInsertStyleRules, updateRules } from \"../helpers/insertStyleRule\";\nimport { getInlineValuesFromProps, getInlineValuesKey, getMergedInlineTheme, getVariablesCSSRules } from \"../helpers/variables\";\nimport { Theme } from \"./Theme\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst useInsertEffectCompat = isWeb ? React.useInsertionEffect || useIsomorphicLayoutEffect : () => {};\nconst updateStates = /* @__PURE__ */ new WeakMap();\nfunction createThemeUpdateState(values, className) {\n\tconst cached = updateStates.get(values);\n\tif (cached) return cached;\n\tconst state = {\n\t\tkey: getInlineValuesKey(values),\n\t\tclassName,\n\t\tvalues,\n\t\tgetTheme(parentTheme, themeName, config) {\n\t\t\treturn getMergedInlineTheme(parentTheme, values, themeName, config);\n\t\t}\n\t};\n\tupdateStates.set(values, state);\n\treturn state;\n}\nconst ThemeUpdate = createRefComponent(function ThemeUpdate2(props, ref) {\n\t\"use no memo\";\n\tconst config = getConfig();\n\tconst values = getInlineValuesFromProps(props, config);\n\tconst css = process.env.TAMAGUI_DID_OUTPUT_CSS || !values ? null : getVariablesCSSRules(values, config);\n\tlet rulesToInsert = null;\n\tif (css && shouldInsertStyleRules(css.identifier)) {\n\t\tupdateRules(css.identifier, css.rules);\n\t\trulesToInsert = { [css.identifier]: [\n\t\t\t\"variables\",\n\t\t\t\"\",\n\t\t\tcss.identifier,\n\t\t\tvoid 0,\n\t\t\tcss.rules\n\t\t] };\n\t}\n\tuseInsertEffectCompat(() => {\n\t\tif (rulesToInsert) insertStyleRules(rulesToInsert);\n\t}, [css?.identifier]);\n\tif (!values) return props.children;\n\treturn /* @__PURE__ */ jsx(Theme, {\n\t\tref,\n\t\t_themeUpdate: createThemeUpdateState(values, css?.identifier),\n\t\tchildren: props.children\n\t});\n});\n\nexport { ThemeUpdate, createThemeUpdateState };"],"mappings":";;;;;;;;;;AASA,MAAM,wBAAwB,QAAQ,MAAM,sBAAsB,kCAAkC,CAAC;AACrG,MAAM,+BAA+B,IAAI,QAAQ;AACjD,SAAS,uBAAuB,QAAQ,WAAW;CAClD,MAAM,SAAS,aAAa,IAAI,MAAM;CACtC,IAAI,QAAQ,OAAO;CACnB,MAAM,QAAQ;EACb,KAAK,mBAAmB,MAAM;EAC9B;EACA;EACA,SAAS,aAAa,WAAW,QAAQ;GACxC,OAAO,qBAAqB,aAAa,QAAQ,WAAW,MAAM;EACnE;CACD;CACA,aAAa,IAAI,QAAQ,KAAK;CAC9B,OAAO;AACR;AACA,MAAM,cAAc,mBAAmB,SAAS,aAAa,OAAO,KAAK;CACxE;CACA,MAAM,SAAS,UAAU;CACzB,MAAM,SAAS,yBAAyB,OAAO,MAAM;CACrD,MAAM,MAAM,QAAQ,IAAI,0BAA0B,CAAC,SAAS,OAAO,qBAAqB,QAAQ,MAAM;CACtG,IAAI,gBAAgB;CACpB,IAAI,OAAO,uBAAuB,IAAI,UAAU,GAAG;EAClD,YAAY,IAAI,YAAY,IAAI,KAAK;EACrC,gBAAgB,GAAG,IAAI,aAAa;GACnC;GACA;GACA,IAAI;GACJ,KAAK;GACL,IAAI;EACL,EAAE;CACH;CACA,4BAA4B;EAC3B,IAAI,eAAe,iBAAiB,aAAa;CAClD,GAAG,CAAC,KAAK,UAAU,CAAC;CACpB,IAAI,CAAC,QAAQ,OAAO,MAAM;CAC1B,OAAuB,oBAAI,OAAO;EACjC;EACA,cAAc,uBAAuB,QAAQ,KAAK,UAAU;EAC5D,UAAU,MAAM;CACjB,CAAC;AACF,CAAC"}

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

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import { createRefComponent } from "@tamagui/compose-refs";
+import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
+import React from "react";
+import { getConfig } from "../config.native.js";
+import { insertStyleRules, shouldInsertStyleRules, updateRules } from "../helpers/insertStyleRule.native.js";
+import { getInlineValuesFromProps, getInlineValuesKey, getMergedInlineTheme } from "../helpers/variables.native.js";
+import { Theme } from "./Theme.native.js";
+
+var useInsertEffectCompat = isWeb ? React.useInsertionEffect || useIsomorphicLayoutEffect : function() {};
+var updateStates = /* @__PURE__ */ new WeakMap();
+function createThemeUpdateState(values, className) {
+	var cached = updateStates.get(values);
+	if (cached) return cached;
+	var state = {
+		key: getInlineValuesKey(values),
+		className,
+		values,
+		getTheme(parentTheme, themeName, config) {
+			return getMergedInlineTheme(parentTheme, values, themeName, config);
+		}
+	};
+	updateStates.set(values, state);
+	return state;
+}
+var ThemeUpdate = createRefComponent(function ThemeUpdate2(props, ref) {
+	"use no memo";
+	var values = getInlineValuesFromProps(props, getConfig());
+	var css = (process.env.TAMAGUI_DID_OUTPUT_CSS, null);
+	var rulesToInsert = null;
+	if (css && shouldInsertStyleRules(css.identifier)) {
+		updateRules(css.identifier, css.rules);
+		rulesToInsert = { [css.identifier]: [
+			"variables",
+			"",
+			css.identifier,
+			void 0,
+			css.rules
+		] };
+	}
+	useInsertEffectCompat(function() {
+		if (rulesToInsert) insertStyleRules(rulesToInsert);
+	}, [css === null || css === void 0 ? void 0 : css.identifier]);
+	if (!values) return props.children;
+	return /* @__PURE__ */ jsx(Theme, {
+		ref,
+		_themeUpdate: createThemeUpdateState(values, css === null || css === void 0 ? void 0 : css.identifier),
+		children: props.children
+	});
+});
+
+export { ThemeUpdate, createThemeUpdateState };
+//# sourceMappingURL=ThemeUpdate.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeUpdate.native.js","names":[],"sources":["esm/views/ThemeUpdate.native.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nimport { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport React from \"react\";\nimport { getConfig } from \"../config\";\nimport { insertStyleRules, shouldInsertStyleRules, updateRules } from \"../helpers/insertStyleRule\";\nimport { getInlineValuesFromProps, getInlineValuesKey, getMergedInlineTheme } from \"../helpers/variables\";\nimport { Theme } from \"./Theme\";\n\nvar useInsertEffectCompat = isWeb ? React.useInsertionEffect || useIsomorphicLayoutEffect : function() {};\nvar updateStates = /* @__PURE__ */ new WeakMap();\nfunction createThemeUpdateState(values, className) {\n\tvar cached = updateStates.get(values);\n\tif (cached) return cached;\n\tvar state = {\n\t\tkey: getInlineValuesKey(values),\n\t\tclassName,\n\t\tvalues,\n\t\tgetTheme(parentTheme, themeName, config) {\n\t\t\treturn getMergedInlineTheme(parentTheme, values, themeName, config);\n\t\t}\n\t};\n\tupdateStates.set(values, state);\n\treturn state;\n}\nvar ThemeUpdate = createRefComponent(function ThemeUpdate2(props, ref) {\n\t\"use no memo\";\n\tvar values = getInlineValuesFromProps(props, getConfig());\n\tvar css = (process.env.TAMAGUI_DID_OUTPUT_CSS, null);\n\tvar rulesToInsert = null;\n\tif (css && shouldInsertStyleRules(css.identifier)) {\n\t\tupdateRules(css.identifier, css.rules);\n\t\trulesToInsert = { [css.identifier]: [\n\t\t\t\"variables\",\n\t\t\t\"\",\n\t\t\tcss.identifier,\n\t\t\tvoid 0,\n\t\t\tcss.rules\n\t\t] };\n\t}\n\tuseInsertEffectCompat(function() {\n\t\tif (rulesToInsert) insertStyleRules(rulesToInsert);\n\t}, [css === null || css === void 0 ? void 0 : css.identifier]);\n\tif (!values) return props.children;\n\treturn /* @__PURE__ */ jsx(Theme, {\n\t\tref,\n\t\t_themeUpdate: createThemeUpdateState(values, css === null || css === void 0 ? void 0 : css.identifier),\n\t\tchildren: props.children\n\t});\n});\n\nexport { ThemeUpdate, createThemeUpdateState };"],"mappings":";;;;;;;;;;AASA,IAAI,wBAAwB,QAAQ,MAAM,sBAAsB,4BAA4B,WAAW,CAAC;AACxG,IAAI,+BAA+B,IAAI,QAAQ;AAC/C,SAAS,uBAAuB,QAAQ,WAAW;CAClD,IAAI,SAAS,aAAa,IAAI,MAAM;CACpC,IAAI,QAAQ,OAAO;CACnB,IAAI,QAAQ;EACX,KAAK,mBAAmB,MAAM;EAC9B;EACA;EACA,SAAS,aAAa,WAAW,QAAQ;GACxC,OAAO,qBAAqB,aAAa,QAAQ,WAAW,MAAM;EACnE;CACD;CACA,aAAa,IAAI,QAAQ,KAAK;CAC9B,OAAO;AACR;AACA,IAAI,cAAc,mBAAmB,SAAS,aAAa,OAAO,KAAK;CACtE;CACA,IAAI,SAAS,yBAAyB,OAAO,UAAU,CAAC;CACxD,IAAI,OAAO,QAAQ,IAAI,wBAAwB;CAC/C,IAAI,gBAAgB;CACpB,IAAI,OAAO,uBAAuB,IAAI,UAAU,GAAG;EAClD,YAAY,IAAI,YAAY,IAAI,KAAK;EACrC,gBAAgB,GAAG,IAAI,aAAa;GACnC;GACA;GACA,IAAI;GACJ,KAAK;GACL,IAAI;EACL,EAAE;CACH;CACA,sBAAsB,WAAW;EAChC,IAAI,eAAe,iBAAiB,aAAa;CAClD,GAAG,CAAC,QAAQ,QAAQ,QAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,UAAU,CAAC;CAC7D,IAAI,CAAC,QAAQ,OAAO,MAAM;CAC1B,OAAuB,oBAAI,OAAO;EACjC;EACA,cAAc,uBAAuB,QAAQ,QAAQ,QAAQ,QAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,UAAU;EACrG,UAAU,MAAM;CACjB,CAAC;AACF,CAAC"}

package/dist/esm/views/View.mjs

@@ -1,8 +1,14 @@
 import { validStyles } from "@tamagui/helpers";
 import { createComponent } from "../createComponent.mjs";
+
+const viewStaticConfig = {
+	acceptsClassName: true,
+	validStyles
+};
 const View = createComponent({
-  acceptsClassName: true,
-  validStyles
+	...viewStaticConfig,
+	displayName: "View"
 });
-export { View };
+
+export { View, viewStaticConfig };
 //# sourceMappingURL=View.mjs.map

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

@@ -1 +1 @@
-{"version":3,"names":["validStyles","createComponent","View","acceptsClassName"],"sources":["../../../src/views/View.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,QAAmB;AAE5B,SAASC,eAAA,QAAuB;AAczB,MAAMC,IAAA,GAAOD,eAAA,CAKlB;EACAE,gBAAA,EAAkB;EAClBH;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"View.js","names":[],"sources":["esm/views/View.js"],"sourcesContent":["import { validStyles } from \"@tamagui/helpers\";\nimport { createComponent } from \"../createComponent\";\nconst viewStaticConfig = {\n  acceptsClassName: true,\n  validStyles\n};\nconst View = createComponent({ ...viewStaticConfig, displayName: \"View\" });\nexport {\n  View,\n  viewStaticConfig\n};\n//# sourceMappingURL=View.js.map\n"],"mappings":";;;;AAEA,MAAM,mBAAmB;CACvB,kBAAkB;CAClB;AACF;AACA,MAAM,OAAO,gBAAgB;CAAE,GAAG;CAAkB,aAAa;AAAO,CAAC"}

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

@@ -1,8 +1,14 @@
 import { validStyles } from "@tamagui/helpers";
 import { createComponent } from "../createComponent.native.js";
+
+var viewStaticConfig = {
+	acceptsClassName: true,
+	validStyles
+};
 var View = createComponent({
-  acceptsClassName: true,
-  validStyles
+	...viewStaticConfig,
+	displayName: "View"
 });
-export { View };
+
+export { View, viewStaticConfig };
 //# sourceMappingURL=View.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["validStyles","createComponent","View","acceptsClassName"],"sources":["../../../src/views/View.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,QAAmB;AAE5B,SAASC,eAAA,QAAuB;AAczB,IAAAC,IAAM,GAAAD,eAAO;EAMlBE,gBAAA,EAAkB;EAClBH;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"View.native.js","names":[],"sources":["esm/views/View.native.js"],"sourcesContent":["import { validStyles } from \"@tamagui/helpers\";\nimport { createComponent } from \"../createComponent\";\nvar viewStaticConfig = {\n  acceptsClassName: true,\n  validStyles\n};\nvar View = createComponent({\n  ...viewStaticConfig,\n  displayName: \"View\"\n});\nexport {\n  View,\n  viewStaticConfig\n};\n//# sourceMappingURL=View.js.map\n"],"mappings":";;;;AAEA,IAAI,mBAAmB;CACrB,kBAAkB;CAClB;AACF;AACA,IAAI,OAAO,gBAAgB;CACzB,GAAG;CACH,aAAa;AACf,CAAC"}

package/internal-runtime/index.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/internal-runtime.cjs'))

package/internal-runtime/index.js

@@ -0,0 +1,4 @@
+// compat with bundlers that resolve this directory instead of the package `exports`
+// map (metro without package exports). ESM so the resolved graph matches what the
+// exports map hands a modern bundler, instead of downgrading it to the CJS build.
+export * from '../dist/esm/internal-runtime.mjs'

package/internal-runtime/index.native.js

@@ -0,0 +1,2 @@
+// metro without package exports, native: the react-native artifact
+export * from '../dist/esm/internal-runtime.native.js'