@tamagui/web 3.0.0-beta.924.1 → 3.0.1

package/dist/esm/internal-runtime.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"internal-runtime.js","names":["createVariablesImpl","parseFontImpl","registerFontVariablesImpl","fixStylesImpl","getThemeCSSRulesImpl","normalizeValueWithPropertyImpl","proxyThemeToParentsImpl","ensureThemeVariableImpl","transformsToStringImpl","styleToCSSImpl","useThemeWithStateImpl","createTamaguiImpl","setupHooksImpl","TamaguiProviderImpl","createFrontendStyledImpl"],"sources":["esm/internal-runtime.js"],"sourcesContent":["import { stylePropsUnitless } from \"@tamagui/helpers\";\nimport { createComponent } from \"./createComponent\";\nimport { createVariables as createVariablesImpl } from \"./createVariables\";\nimport { fixStyles as fixStylesImpl } from \"./helpers/expandStyles\";\nimport { styleToCSS as styleToCSSImpl } from \"./helpers/styleToCSS\";\nimport { getThemeCSSRules as getThemeCSSRulesImpl } from \"./helpers/getThemeCSSRules\";\nimport { normalizeValueWithProperty as normalizeValueWithPropertyImpl } from \"./helpers/normalizeValueWithProperty\";\nimport { proxyThemeToParents as proxyThemeToParentsImpl } from \"./helpers/proxyThemeToParents\";\nimport { ensureThemeVariable as ensureThemeVariableImpl } from \"./helpers/themes\";\nimport { transformsToString as transformsToStringImpl } from \"./helpers/transformsToString\";\nimport {\n  parseFont as parseFontImpl,\n  registerFontVariables as registerFontVariablesImpl\n} from \"./insertFont\";\nimport { createTamagui as createTamaguiImpl } from \"./createTamagui\";\nimport { setupHooks as setupHooksImpl } from \"./setupHooks\";\nimport { createFrontendStyled as createFrontendStyledImpl } from \"./styled\";\nimport { useThemeWithState as useThemeWithStateImpl } from \"./hooks/useTheme\";\nimport { TamaguiProvider as TamaguiProviderImpl } from \"./views/TamaguiProvider\";\nimport { textStaticConfig } from \"./views/Text\";\nimport { viewStaticConfig } from \"./views/View\";\nimport { regularStyleFrontend } from \"./helpers/styleFrontend\";\nconst createVariables = createVariablesImpl;\nconst parseFont = parseFontImpl;\nconst registerFontVariables = registerFontVariablesImpl;\nconst fixStyles = fixStylesImpl;\nconst getThemeCSSRules = getThemeCSSRulesImpl;\nconst normalizeValueWithProperty = normalizeValueWithPropertyImpl;\nconst proxyThemeToParents = proxyThemeToParentsImpl;\nconst ensureThemeVariable = ensureThemeVariableImpl;\nconst transformsToString = transformsToStringImpl;\nconst styleToCSS = styleToCSSImpl;\nconst useThemeWithState = useThemeWithStateImpl;\nconst plainValueToPayload = (value, property) => {\n  if (typeof value === \"string\") return value;\n  if (typeof value !== \"number\" || !Number.isFinite(value)) return null;\n  if (property === \"rotate\" || property === \"rotateX\" || property === \"rotateY\" || property === \"rotateZ\") {\n    return value === 0 ? \"0\" : `${value}deg`;\n  }\n  if (property === \"x\" || property === \"y\" || property === \"perspective\" || property === \"translateX\" || property === \"translateY\") {\n    return value === 0 ? \"0\" : `${value}px`;\n  }\n  return stylePropsUnitless[property] ? String(value) : `${value}px`;\n};\nconst createTamagui = createTamaguiImpl;\nconst setupHooks = setupHooksImpl;\nconst TamaguiProvider = TamaguiProviderImpl;\nfunction createFrontendStyled(frontend) {\n  return createFrontendStyledImpl(frontend);\n}\nfunction createFrontendViews(frontend) {\n  return {\n    View: createComponent({\n      ...viewStaticConfig,\n      styleFrontend: frontend,\n      displayName: \"View\"\n    }),\n    Text: createComponent({\n      ...textStaticConfig,\n      styleFrontend: frontend,\n      displayName: \"Text\"\n    })\n  };\n}\nexport {\n  TamaguiProvider,\n  createFrontendStyled,\n  createFrontendViews,\n  createTamagui,\n  createVariables,\n  ensureThemeVariable,\n  fixStyles,\n  getThemeCSSRules,\n  normalizeValueWithProperty,\n  parseFont,\n  plainValueToPayload,\n  proxyThemeToParents,\n  registerFontVariables,\n  regularStyleFrontend,\n  setupHooks,\n  styleToCSS,\n  transformsToString,\n  useThemeWithState\n};\n//# sourceMappingURL=internal-runtime.js.map\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,kBAAkBA;AACxB,MAAM,YAAYC;AAClB,MAAM,wBAAwBC;AAC9B,MAAM,YAAYC;AAClB,MAAM,mBAAmBC;AACzB,MAAM,6BAA6BC;AACnC,MAAM,sBAAsBC;AAC5B,MAAM,sBAAsBC;AAC5B,MAAM,qBAAqBC;AAC3B,MAAM,aAAaC;AACnB,MAAM,oBAAoBC;AAC1B,MAAM,uBAAuB,OAAO,aAAa;CAC/C,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,OAAO,UAAU,YAAY,CAAC,OAAO,SAAS,KAAK,GAAG,OAAO;CACjE,IAAI,aAAa,YAAY,aAAa,aAAa,aAAa,aAAa,aAAa,WAAW;EACvG,OAAO,UAAU,IAAI,MAAM,GAAG,MAAM;CACtC;CACA,IAAI,aAAa,OAAO,aAAa,OAAO,aAAa,iBAAiB,aAAa,gBAAgB,aAAa,cAAc;EAChI,OAAO,UAAU,IAAI,MAAM,GAAG,MAAM;CACtC;CACA,OAAO,mBAAmB,YAAY,OAAO,KAAK,IAAI,GAAG,MAAM;AACjE;AACA,MAAM,gBAAgBC;AACtB,MAAM,aAAaC;AACnB,MAAM,kBAAkBC;AACxB,SAAS,qBAAqB,UAAU;CACtC,OAAOC,uBAAyB,QAAQ;AAC1C;AACA,SAAS,oBAAoB,UAAU;CACrC,OAAO;EACL,MAAM,gBAAgB;GACpB,GAAG;GACH,eAAe;GACf,aAAa;EACf,CAAC;EACD,MAAM,gBAAgB;GACpB,GAAG;GACH,eAAe;GACf,aAAa;EACf,CAAC;CACH;AACF"}
+{"version":3,"file":"internal-runtime.js","names":["createVariablesImpl","parseFontImpl","registerFontVariablesImpl","fixStylesImpl","getThemeCSSRulesImpl","normalizeValueWithPropertyImpl","proxyThemeToParentsImpl","ensureThemeVariableImpl","copyAuthoredThemeSchemeImpl","transformsToStringImpl","styleToCSSImpl","useThemeWithStateImpl","createTamaguiImpl","setupHooksImpl","TamaguiProviderImpl","createFrontendStyledImpl"],"sources":["esm/internal-runtime.js"],"sourcesContent":["import { stylePropsUnitless } from \"@tamagui/helpers\";\nimport { createComponent } from \"./createComponent\";\nimport { createVariables as createVariablesImpl } from \"./createVariables\";\nimport { html } from \"./dom/html\";\nimport { fixStyles as fixStylesImpl } from \"./helpers/expandStyles\";\nimport { styleToCSS as styleToCSSImpl } from \"./helpers/styleToCSS\";\nimport { getThemeCSSRules as getThemeCSSRulesImpl } from \"./helpers/getThemeCSSRules\";\nimport { normalizeValueWithProperty as normalizeValueWithPropertyImpl } from \"./helpers/normalizeValueWithProperty\";\nimport { proxyThemeToParents as proxyThemeToParentsImpl } from \"./helpers/proxyThemeToParents\";\nimport {\n  copyAuthoredThemeScheme as copyAuthoredThemeSchemeImpl,\n  ensureThemeVariable as ensureThemeVariableImpl\n} from \"./helpers/themes\";\nimport { transformsToString as transformsToStringImpl } from \"./helpers/transformsToString\";\nimport {\n  parseFont as parseFontImpl,\n  registerFontVariables as registerFontVariablesImpl\n} from \"./insertFont\";\nimport { createTamagui as createTamaguiImpl } from \"./createTamagui\";\nimport { setupHooks as setupHooksImpl } from \"./setupHooks\";\nimport { createFrontendStyled as createFrontendStyledImpl } from \"./styled\";\nimport { useThemeWithState as useThemeWithStateImpl } from \"./hooks/useTheme\";\nimport { TamaguiProvider as TamaguiProviderImpl } from \"./views/TamaguiProvider\";\nimport { textStaticConfig } from \"./views/Text\";\nimport { viewStaticConfig } from \"./views/View\";\nimport { mergeFrontendCondition, regularStyleFrontend } from \"./helpers/styleFrontend\";\nconst createVariables = createVariablesImpl;\nconst parseFont = parseFontImpl;\nconst registerFontVariables = registerFontVariablesImpl;\nconst fixStyles = fixStylesImpl;\nconst getThemeCSSRules = getThemeCSSRulesImpl;\nconst normalizeValueWithProperty = normalizeValueWithPropertyImpl;\nconst proxyThemeToParents = proxyThemeToParentsImpl;\nconst ensureThemeVariable = ensureThemeVariableImpl;\nconst copyAuthoredThemeScheme = copyAuthoredThemeSchemeImpl;\nconst transformsToString = transformsToStringImpl;\nconst styleToCSS = styleToCSSImpl;\nconst useThemeWithState = useThemeWithStateImpl;\nconst plainValueToPayload = (value, property) => {\n  if (typeof value === \"string\") return value;\n  if (typeof value !== \"number\" || !Number.isFinite(value)) return null;\n  if (property === \"rotate\" || property === \"rotateX\" || property === \"rotateY\" || property === \"rotateZ\") {\n    return value === 0 ? \"0\" : `${value}deg`;\n  }\n  if (property === \"x\" || property === \"y\" || property === \"perspective\" || property === \"translateX\" || property === \"translateY\") {\n    return value === 0 ? \"0\" : `${value}px`;\n  }\n  return stylePropsUnitless[property] ? String(value) : `${value}px`;\n};\nconst createTamagui = createTamaguiImpl;\nconst setupHooks = setupHooksImpl;\nconst TamaguiProvider = TamaguiProviderImpl;\nfunction createFrontendStyled(frontend) {\n  return createFrontendStyledImpl(frontend);\n}\nfunction createFrontendViews(frontend) {\n  return {\n    View: createComponent({\n      ...viewStaticConfig,\n      styleFrontend: frontend,\n      displayName: \"View\"\n    }),\n    Text: createComponent({\n      ...textStaticConfig,\n      styleFrontend: frontend,\n      displayName: \"Text\"\n    })\n  };\n}\nfunction createFrontendHTML(frontend) {\n  const out = {};\n  for (const tag in html) {\n    const source = html[tag];\n    if (!source.staticConfig) {\n      out[tag] = source;\n      continue;\n    }\n    const rebuilt = createComponent({\n      ...source.staticConfig,\n      styleFrontend: frontend,\n      displayName: tag\n    });\n    out[tag] = source.rebindDOMTag ? source.rebindDOMTag(rebuilt) : rebuilt;\n  }\n  return out;\n}\nexport {\n  TamaguiProvider,\n  copyAuthoredThemeScheme,\n  createFrontendHTML,\n  createFrontendStyled,\n  createFrontendViews,\n  createTamagui,\n  createVariables,\n  ensureThemeVariable,\n  fixStyles,\n  getThemeCSSRules,\n  mergeFrontendCondition,\n  normalizeValueWithProperty,\n  parseFont,\n  plainValueToPayload,\n  proxyThemeToParents,\n  registerFontVariables,\n  regularStyleFrontend,\n  setupHooks,\n  styleToCSS,\n  transformsToString,\n  useThemeWithState\n};\n//# sourceMappingURL=internal-runtime.js.map\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,kBAAkBA;AACxB,MAAM,YAAYC;AAClB,MAAM,wBAAwBC;AAC9B,MAAM,YAAYC;AAClB,MAAM,mBAAmBC;AACzB,MAAM,6BAA6BC;AACnC,MAAM,sBAAsBC;AAC5B,MAAM,sBAAsBC;AAC5B,MAAM,0BAA0BC;AAChC,MAAM,qBAAqBC;AAC3B,MAAM,aAAaC;AACnB,MAAM,oBAAoBC;AAC1B,MAAM,uBAAuB,OAAO,aAAa;CAC/C,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,OAAO,UAAU,YAAY,CAAC,OAAO,SAAS,KAAK,GAAG,OAAO;CACjE,IAAI,aAAa,YAAY,aAAa,aAAa,aAAa,aAAa,aAAa,WAAW;EACvG,OAAO,UAAU,IAAI,MAAM,GAAG,MAAM;CACtC;CACA,IAAI,aAAa,OAAO,aAAa,OAAO,aAAa,iBAAiB,aAAa,gBAAgB,aAAa,cAAc;EAChI,OAAO,UAAU,IAAI,MAAM,GAAG,MAAM;CACtC;CACA,OAAO,mBAAmB,YAAY,OAAO,KAAK,IAAI,GAAG,MAAM;AACjE;AACA,MAAM,gBAAgBC;AACtB,MAAM,aAAaC;AACnB,MAAM,kBAAkBC;AACxB,SAAS,qBAAqB,UAAU;CACtC,OAAOC,uBAAyB,QAAQ;AAC1C;AACA,SAAS,oBAAoB,UAAU;CACrC,OAAO;EACL,MAAM,gBAAgB;GACpB,GAAG;GACH,eAAe;GACf,aAAa;EACf,CAAC;EACD,MAAM,gBAAgB;GACpB,GAAG;GACH,eAAe;GACf,aAAa;EACf,CAAC;CACH;AACF;AACA,SAAS,mBAAmB,UAAU;CACpC,MAAM,MAAM,CAAC;CACb,KAAK,MAAM,OAAO,MAAM;EACtB,MAAM,SAAS,KAAK;EACpB,IAAI,CAAC,OAAO,cAAc;GACxB,IAAI,OAAO;GACX;EACF;EACA,MAAM,UAAU,gBAAgB;GAC9B,GAAG,OAAO;GACV,eAAe;GACf,aAAa;EACf,CAAC;EACD,IAAI,OAAO,OAAO,eAAe,OAAO,aAAa,OAAO,IAAI;CAClE;CACA,OAAO;AACT"}

package/dist/esm/internal-runtime.native.js

@@ -1,12 +1,13 @@
 import { stylePropsUnitless } from "@tamagui/helpers";
 import { createComponent } from "./createComponent.native.js";
 import { createVariables as createVariables$1 } from "./createVariables.native.js";
+import { html } from "./dom/html.native.js";
 import { fixStyles as fixStyles$1 } from "./helpers/expandStyles.native.js";
 import { styleToCSS as styleToCSS$1 } from "./helpers/styleToCSS.native.js";
 import { getThemeCSSRules as getThemeCSSRules$1 } from "./helpers/getThemeCSSRules.native.js";
 import { normalizeValueWithProperty as normalizeValueWithProperty$1 } from "./helpers/normalizeValueWithProperty.native.js";
 import { proxyThemeToParents as proxyThemeToParents$1 } from "./helpers/proxyThemeToParents.native.js";
-import { ensureThemeVariable as ensureThemeVariable$1 } from "./helpers/themes.native.js";
+import { copyAuthoredThemeScheme as copyAuthoredThemeScheme$1, ensureThemeVariable as ensureThemeVariable$1 } from "./helpers/themes.native.js";
 import { transformsToString as transformsToString$1 } from "./helpers/transformsToString.native.js";
 import { parseFont as parseFont$1, registerFontVariables as registerFontVariables$1 } from "./insertFont.native.js";
 import { createTamagui as createTamagui$1 } from "./createTamagui.native.js";
@@ -16,7 +17,7 @@ import { useThemeWithState as useThemeWithState$1 } from "./hooks/useTheme.nativ
 import { TamaguiProvider as TamaguiProvider$1 } from "./views/TamaguiProvider.native.js";
 import { textStaticConfig } from "./views/Text.native.js";
 import { viewStaticConfig } from "./views/View.native.js";
-import { regularStyleFrontend } from "./helpers/styleFrontend.native.js";
+import { mergeFrontendCondition, regularStyleFrontend } from "./helpers/styleFrontend.native.js";
 
 var createVariables = createVariables$1;
 var parseFont = parseFont$1;
@@ -26,6 +27,7 @@ var getThemeCSSRules = getThemeCSSRules$1;
 var normalizeValueWithProperty = normalizeValueWithProperty$1;
 var proxyThemeToParents = proxyThemeToParents$1;
 var ensureThemeVariable = ensureThemeVariable$1;
+var copyAuthoredThemeScheme = copyAuthoredThemeScheme$1;
 var transformsToString = transformsToString$1;
 var styleToCSS = styleToCSS$1;
 var useThemeWithState = useThemeWithState$1;
@@ -60,6 +62,23 @@ function createFrontendViews(frontend) {
 		})
 	};
 }
+function createFrontendHTML(frontend) {
+	var out = {};
+	for (var tag in html) {
+		var source = html[tag];
+		if (!source.staticConfig) {
+			out[tag] = source;
+			continue;
+		}
+		var rebuilt = createComponent({
+			...source.staticConfig,
+			styleFrontend: frontend,
+			displayName: tag
+		});
+		out[tag] = source.rebindDOMTag ? source.rebindDOMTag(rebuilt) : rebuilt;
+	}
+	return out;
+}
 
-export { TamaguiProvider, createFrontendStyled, createFrontendViews, createTamagui, createVariables, ensureThemeVariable, fixStyles, getThemeCSSRules, normalizeValueWithProperty, parseFont, plainValueToPayload, proxyThemeToParents, registerFontVariables, regularStyleFrontend, setupHooks, styleToCSS, transformsToString, useThemeWithState };
+export { TamaguiProvider, copyAuthoredThemeScheme, createFrontendHTML, createFrontendStyled, createFrontendViews, createTamagui, createVariables, ensureThemeVariable, fixStyles, getThemeCSSRules, mergeFrontendCondition, normalizeValueWithProperty, parseFont, plainValueToPayload, proxyThemeToParents, registerFontVariables, regularStyleFrontend, setupHooks, styleToCSS, transformsToString, useThemeWithState };
 //# sourceMappingURL=internal-runtime.native.js.map

package/dist/esm/internal-runtime.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal-runtime.native.js","names":["createVariablesImpl","parseFontImpl","registerFontVariablesImpl","fixStylesImpl","getThemeCSSRulesImpl","normalizeValueWithPropertyImpl","proxyThemeToParentsImpl","ensureThemeVariableImpl","transformsToStringImpl","styleToCSSImpl","useThemeWithStateImpl","createTamaguiImpl","setupHooksImpl","TamaguiProviderImpl","createFrontendStyledImpl"],"sources":["esm/internal-runtime.native.js"],"sourcesContent":["import { stylePropsUnitless } from \"@tamagui/helpers\";\nimport { createComponent } from \"./createComponent\";\nimport { createVariables as createVariablesImpl } from \"./createVariables\";\nimport { fixStyles as fixStylesImpl } from \"./helpers/expandStyles\";\nimport { styleToCSS as styleToCSSImpl } from \"./helpers/styleToCSS\";\nimport { getThemeCSSRules as getThemeCSSRulesImpl } from \"./helpers/getThemeCSSRules\";\nimport { normalizeValueWithProperty as normalizeValueWithPropertyImpl } from \"./helpers/normalizeValueWithProperty\";\nimport { proxyThemeToParents as proxyThemeToParentsImpl } from \"./helpers/proxyThemeToParents\";\nimport { ensureThemeVariable as ensureThemeVariableImpl } from \"./helpers/themes\";\nimport { transformsToString as transformsToStringImpl } from \"./helpers/transformsToString\";\nimport { parseFont as parseFontImpl, registerFontVariables as registerFontVariablesImpl } from \"./insertFont\";\nimport { createTamagui as createTamaguiImpl } from \"./createTamagui\";\nimport { setupHooks as setupHooksImpl } from \"./setupHooks\";\nimport { createFrontendStyled as createFrontendStyledImpl } from \"./styled\";\nimport { useThemeWithState as useThemeWithStateImpl } from \"./hooks/useTheme\";\nimport { TamaguiProvider as TamaguiProviderImpl } from \"./views/TamaguiProvider\";\nimport { textStaticConfig } from \"./views/Text\";\nimport { viewStaticConfig } from \"./views/View\";\nimport { regularStyleFrontend } from \"./helpers/styleFrontend\";\nvar createVariables = createVariablesImpl;\nvar parseFont = parseFontImpl;\nvar registerFontVariables = registerFontVariablesImpl;\nvar fixStyles = fixStylesImpl;\nvar getThemeCSSRules = getThemeCSSRulesImpl;\nvar normalizeValueWithProperty = normalizeValueWithPropertyImpl;\nvar proxyThemeToParents = proxyThemeToParentsImpl;\nvar ensureThemeVariable = ensureThemeVariableImpl;\nvar transformsToString = transformsToStringImpl;\nvar styleToCSS = styleToCSSImpl;\nvar useThemeWithState = useThemeWithStateImpl;\nvar plainValueToPayload = function(value, property) {\n  if (typeof value === \"string\") return value;\n  if (typeof value !== \"number\" || !Number.isFinite(value)) return null;\n  if (property === \"rotate\" || property === \"rotateX\" || property === \"rotateY\" || property === \"rotateZ\") {\n    return value === 0 ? \"0\" : `${value}deg`;\n  }\n  if (property === \"x\" || property === \"y\" || property === \"perspective\" || property === \"translateX\" || property === \"translateY\") {\n    return value === 0 ? \"0\" : `${value}px`;\n  }\n  return stylePropsUnitless[property] ? String(value) : `${value}px`;\n};\nvar createTamagui = createTamaguiImpl;\nvar setupHooks = setupHooksImpl;\nvar TamaguiProvider = TamaguiProviderImpl;\nfunction createFrontendStyled(frontend) {\n  return createFrontendStyledImpl(frontend);\n}\nfunction createFrontendViews(frontend) {\n  return {\n    View: createComponent({\n      ...viewStaticConfig,\n      styleFrontend: frontend,\n      displayName: \"View\"\n    }),\n    Text: createComponent({\n      ...textStaticConfig,\n      styleFrontend: frontend,\n      displayName: \"Text\"\n    })\n  };\n}\nexport {\n  TamaguiProvider,\n  createFrontendStyled,\n  createFrontendViews,\n  createTamagui,\n  createVariables,\n  ensureThemeVariable,\n  fixStyles,\n  getThemeCSSRules,\n  normalizeValueWithProperty,\n  parseFont,\n  plainValueToPayload,\n  proxyThemeToParents,\n  registerFontVariables,\n  regularStyleFrontend,\n  setupHooks,\n  styleToCSS,\n  transformsToString,\n  useThemeWithState\n};\n//# sourceMappingURL=internal-runtime.js.map\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,IAAI,kBAAkBA;AACtB,IAAI,YAAYC;AAChB,IAAI,wBAAwBC;AAC5B,IAAI,YAAYC;AAChB,IAAI,mBAAmBC;AACvB,IAAI,6BAA6BC;AACjC,IAAI,sBAAsBC;AAC1B,IAAI,sBAAsBC;AAC1B,IAAI,qBAAqBC;AACzB,IAAI,aAAaC;AACjB,IAAI,oBAAoBC;AACxB,IAAI,sBAAsB,SAAS,OAAO,UAAU;CAClD,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,OAAO,UAAU,YAAY,CAAC,OAAO,SAAS,KAAK,GAAG,OAAO;CACjE,IAAI,aAAa,YAAY,aAAa,aAAa,aAAa,aAAa,aAAa,WAAW;EACvG,OAAO,UAAU,IAAI,MAAM,GAAG,MAAM;CACtC;CACA,IAAI,aAAa,OAAO,aAAa,OAAO,aAAa,iBAAiB,aAAa,gBAAgB,aAAa,cAAc;EAChI,OAAO,UAAU,IAAI,MAAM,GAAG,MAAM;CACtC;CACA,OAAO,mBAAmB,YAAY,OAAO,KAAK,IAAI,GAAG,MAAM;AACjE;AACA,IAAI,gBAAgBC;AACpB,IAAI,aAAaC;AACjB,IAAI,kBAAkBC;AACtB,SAAS,qBAAqB,UAAU;CACtC,OAAOC,uBAAyB,QAAQ;AAC1C;AACA,SAAS,oBAAoB,UAAU;CACrC,OAAO;EACL,MAAM,gBAAgB;GACpB,GAAG;GACH,eAAe;GACf,aAAa;EACf,CAAC;EACD,MAAM,gBAAgB;GACpB,GAAG;GACH,eAAe;GACf,aAAa;EACf,CAAC;CACH;AACF"}
+{"version":3,"file":"internal-runtime.native.js","names":["createVariablesImpl","parseFontImpl","registerFontVariablesImpl","fixStylesImpl","getThemeCSSRulesImpl","normalizeValueWithPropertyImpl","proxyThemeToParentsImpl","ensureThemeVariableImpl","copyAuthoredThemeSchemeImpl","transformsToStringImpl","styleToCSSImpl","useThemeWithStateImpl","createTamaguiImpl","setupHooksImpl","TamaguiProviderImpl","createFrontendStyledImpl"],"sources":["esm/internal-runtime.native.js"],"sourcesContent":["import { stylePropsUnitless } from \"@tamagui/helpers\";\nimport { createComponent } from \"./createComponent\";\nimport { createVariables as createVariablesImpl } from \"./createVariables\";\nimport { html } from \"./dom/html\";\nimport { fixStyles as fixStylesImpl } from \"./helpers/expandStyles\";\nimport { styleToCSS as styleToCSSImpl } from \"./helpers/styleToCSS\";\nimport { getThemeCSSRules as getThemeCSSRulesImpl } from \"./helpers/getThemeCSSRules\";\nimport { normalizeValueWithProperty as normalizeValueWithPropertyImpl } from \"./helpers/normalizeValueWithProperty\";\nimport { proxyThemeToParents as proxyThemeToParentsImpl } from \"./helpers/proxyThemeToParents\";\nimport { copyAuthoredThemeScheme as copyAuthoredThemeSchemeImpl, ensureThemeVariable as ensureThemeVariableImpl } from \"./helpers/themes\";\nimport { transformsToString as transformsToStringImpl } from \"./helpers/transformsToString\";\nimport { parseFont as parseFontImpl, registerFontVariables as registerFontVariablesImpl } from \"./insertFont\";\nimport { createTamagui as createTamaguiImpl } from \"./createTamagui\";\nimport { setupHooks as setupHooksImpl } from \"./setupHooks\";\nimport { createFrontendStyled as createFrontendStyledImpl } from \"./styled\";\nimport { useThemeWithState as useThemeWithStateImpl } from \"./hooks/useTheme\";\nimport { TamaguiProvider as TamaguiProviderImpl } from \"./views/TamaguiProvider\";\nimport { textStaticConfig } from \"./views/Text\";\nimport { viewStaticConfig } from \"./views/View\";\nimport { mergeFrontendCondition, regularStyleFrontend } from \"./helpers/styleFrontend\";\nvar createVariables = createVariablesImpl;\nvar parseFont = parseFontImpl;\nvar registerFontVariables = registerFontVariablesImpl;\nvar fixStyles = fixStylesImpl;\nvar getThemeCSSRules = getThemeCSSRulesImpl;\nvar normalizeValueWithProperty = normalizeValueWithPropertyImpl;\nvar proxyThemeToParents = proxyThemeToParentsImpl;\nvar ensureThemeVariable = ensureThemeVariableImpl;\nvar copyAuthoredThemeScheme = copyAuthoredThemeSchemeImpl;\nvar transformsToString = transformsToStringImpl;\nvar styleToCSS = styleToCSSImpl;\nvar useThemeWithState = useThemeWithStateImpl;\nvar plainValueToPayload = function(value, property) {\n  if (typeof value === \"string\") return value;\n  if (typeof value !== \"number\" || !Number.isFinite(value)) return null;\n  if (property === \"rotate\" || property === \"rotateX\" || property === \"rotateY\" || property === \"rotateZ\") {\n    return value === 0 ? \"0\" : `${value}deg`;\n  }\n  if (property === \"x\" || property === \"y\" || property === \"perspective\" || property === \"translateX\" || property === \"translateY\") {\n    return value === 0 ? \"0\" : `${value}px`;\n  }\n  return stylePropsUnitless[property] ? String(value) : `${value}px`;\n};\nvar createTamagui = createTamaguiImpl;\nvar setupHooks = setupHooksImpl;\nvar TamaguiProvider = TamaguiProviderImpl;\nfunction createFrontendStyled(frontend) {\n  return createFrontendStyledImpl(frontend);\n}\nfunction createFrontendViews(frontend) {\n  return {\n    View: createComponent({\n      ...viewStaticConfig,\n      styleFrontend: frontend,\n      displayName: \"View\"\n    }),\n    Text: createComponent({\n      ...textStaticConfig,\n      styleFrontend: frontend,\n      displayName: \"Text\"\n    })\n  };\n}\nfunction createFrontendHTML(frontend) {\n  var out = {};\n  for (var tag in html) {\n    var source = html[tag];\n    if (!source.staticConfig) {\n      out[tag] = source;\n      continue;\n    }\n    var rebuilt = createComponent({\n      ...source.staticConfig,\n      styleFrontend: frontend,\n      displayName: tag\n    });\n    out[tag] = source.rebindDOMTag ? source.rebindDOMTag(rebuilt) : rebuilt;\n  }\n  return out;\n}\nexport {\n  TamaguiProvider,\n  copyAuthoredThemeScheme,\n  createFrontendHTML,\n  createFrontendStyled,\n  createFrontendViews,\n  createTamagui,\n  createVariables,\n  ensureThemeVariable,\n  fixStyles,\n  getThemeCSSRules,\n  mergeFrontendCondition,\n  normalizeValueWithProperty,\n  parseFont,\n  plainValueToPayload,\n  proxyThemeToParents,\n  registerFontVariables,\n  regularStyleFrontend,\n  setupHooks,\n  styleToCSS,\n  transformsToString,\n  useThemeWithState\n};\n//# sourceMappingURL=internal-runtime.js.map\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAI,kBAAkBA;AACtB,IAAI,YAAYC;AAChB,IAAI,wBAAwBC;AAC5B,IAAI,YAAYC;AAChB,IAAI,mBAAmBC;AACvB,IAAI,6BAA6BC;AACjC,IAAI,sBAAsBC;AAC1B,IAAI,sBAAsBC;AAC1B,IAAI,0BAA0BC;AAC9B,IAAI,qBAAqBC;AACzB,IAAI,aAAaC;AACjB,IAAI,oBAAoBC;AACxB,IAAI,sBAAsB,SAAS,OAAO,UAAU;CAClD,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,OAAO,UAAU,YAAY,CAAC,OAAO,SAAS,KAAK,GAAG,OAAO;CACjE,IAAI,aAAa,YAAY,aAAa,aAAa,aAAa,aAAa,aAAa,WAAW;EACvG,OAAO,UAAU,IAAI,MAAM,GAAG,MAAM;CACtC;CACA,IAAI,aAAa,OAAO,aAAa,OAAO,aAAa,iBAAiB,aAAa,gBAAgB,aAAa,cAAc;EAChI,OAAO,UAAU,IAAI,MAAM,GAAG,MAAM;CACtC;CACA,OAAO,mBAAmB,YAAY,OAAO,KAAK,IAAI,GAAG,MAAM;AACjE;AACA,IAAI,gBAAgBC;AACpB,IAAI,aAAaC;AACjB,IAAI,kBAAkBC;AACtB,SAAS,qBAAqB,UAAU;CACtC,OAAOC,uBAAyB,QAAQ;AAC1C;AACA,SAAS,oBAAoB,UAAU;CACrC,OAAO;EACL,MAAM,gBAAgB;GACpB,GAAG;GACH,eAAe;GACf,aAAa;EACf,CAAC;EACD,MAAM,gBAAgB;GACpB,GAAG;GACH,eAAe;GACf,aAAa;EACf,CAAC;CACH;AACF;AACA,SAAS,mBAAmB,UAAU;CACpC,IAAI,MAAM,CAAC;CACX,KAAK,IAAI,OAAO,MAAM;EACpB,IAAI,SAAS,KAAK;EAClB,IAAI,CAAC,OAAO,cAAc;GACxB,IAAI,OAAO;GACX;EACF;EACA,IAAI,UAAU,gBAAgB;GAC5B,GAAG,OAAO;GACV,eAAe;GACf,aAAa;EACf,CAAC;EACD,IAAI,OAAO,OAAO,eAAe,OAAO,aAAa,OAAO,IAAI;CAClE;CACA,OAAO;AACT"}

package/dist/esm/static-resolve.native.js

@@ -5,13 +5,6 @@ import { getSplitStyles } from "./helpers/getSplitStyles.native.js";
 import { getStyleStaticConfig } from "./helpers/styleStaticConfig.native.js";
 import { mergeComponentProps } from "./helpers/mergeProps.native.js";
 
-function _instanceof(left, right) {
-	if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-		return !!right[Symbol.hasInstance](left);
-	} else {
-		return left instanceof right;
-	}
-}
 var DEFAULT_COMPONENT_STATE = {
 	hover: false,
 	focus: false,
@@ -118,7 +111,7 @@ function resolveStaticElement(element) {
 	}
 	if (target === "native") {
 		var _split_programLifecycleStyleKeys_enter, _split_programLifecycleStyleKeys, _split_programLifecycleStyleKeys_exit, _split_programLifecycleStyleKeys1;
-		var hasMedia = split.hasMedia === true || _instanceof(split.hasMedia, Set) && split.hasMedia.size > 0;
+		var hasMedia = split.hasMedia === true || split.hasMedia instanceof Set && split.hasMedia.size > 0;
 		var hasPseudo = Boolean(split.pseudoGroups && split.pseudoGroups.size > 0) || Boolean(split.mediaGroups && split.mediaGroups.size > 0) || Boolean(split.programStates && split.programStates.size > 0);
 		if (hasMedia || hasPseudo) {
 			return {
@@ -172,7 +165,7 @@ function resolveStaticElement(element) {
 		css: css.length > 0 ? css : void 0,
 		style: split.style || ((_split_viewProps1 = split.viewProps) === null || _split_viewProps1 === void 0 ? void 0 : _split_viewProps1.style) || null,
 		viewProps: split.viewProps,
-		hasMedia: _instanceof(split.hasMedia, Set) ? Array.from(split.hasMedia) : split.hasMedia || void 0,
+		hasMedia: split.hasMedia instanceof Set ? Array.from(split.hasMedia) : split.hasMedia || void 0,
 		pseudoGroups: split.pseudoGroups && split.pseudoGroups.size > 0 ? Array.from(split.pseudoGroups) : void 0,
 		mediaGroups: split.mediaGroups && split.mediaGroups.size > 0 ? Array.from(split.mediaGroups) : void 0,
 		programStates: split.programStates && split.programStates.size > 0 ? Array.from(split.programStates) : void 0,

package/dist/esm/static-resolve.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"static-resolve.native.js","names":["validStylesView"],"sources":["esm/static-resolve.native.js"],"sourcesContent":["import { StyleObjectIdentifier, StyleObjectProperty, StyleObjectRules, stylePropsInput, stylePropsText, validStyles as validStylesView } from \"@tamagui/helpers\";\nimport { getConfig, getConfigMaybe, getThemes, getToken, getTokens, getTokenValue, setConfig, updateConfig } from \"./config\";\nimport { createTamagui, installTamaguiConfig } from \"./createTamagui\";\nimport { getSplitStyles } from \"./helpers/getSplitStyles\";\nimport { getStyleStaticConfig } from \"./helpers/styleStaticConfig\";\nimport { mergeComponentProps } from \"./helpers/mergeProps\";\nfunction _instanceof(left, right) {\n  if (right != null && typeof Symbol !== \"undefined\" && right[Symbol.hasInstance]) {\n    return !!right[Symbol.hasInstance](left);\n  } else {\n    return left instanceof right;\n  }\n}\nvar DEFAULT_COMPONENT_STATE = {\n  hover: false,\n  focus: false,\n  focusVisible: false,\n  focusWithin: false,\n  press: false,\n  pressIn: false,\n  disabled: false,\n  unmounted: false\n};\nvar getGlobalProcessEnv = function() {\n  try {\n    return typeof process !== \"undefined\" && process ? process.env : void 0;\n  } catch (e) {\n    return void 0;\n  }\n};\nfunction resolveStaticElement(element) {\n  var target = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"web\", defaultThemeName = arguments.length > 2 ? arguments[2] : void 0;\n  var _element_staticConfig, _element_staticConfig1, _element_options, _element_options1, _element_options2, _element_options3, _element_staticConfig_Component, _element_staticConfig2, _split_viewProps, _split_viewProps1;\n  var conf = getConfigMaybe();\n  if (!conf) {\n    return {\n      id: element.id,\n      ok: false,\n      bailout: {\n        reason: \"config-missing\",\n        message: \"No Tamagui config installed. Call createTamagui or installTamaguiConfig first.\"\n      }\n    };\n  }\n  var themes = conf.themes || {};\n  var themeName = element.themeName || defaultThemeName || (themes[\"light\"] ? \"light\" : Object.keys(themes)[0]) || \"light\";\n  var theme = themes[themeName] || themes[\"light\"] || themes[\"dark\"] || Object.values(themes)[0] || {};\n  var baseStaticConfig = {\n    validStyles: ((_element_staticConfig = element.staticConfig) === null || _element_staticConfig === void 0 ? void 0 : _element_staticConfig.isInput) ? stylePropsInput : ((_element_staticConfig1 = element.staticConfig) === null || _element_staticConfig1 === void 0 ? void 0 : _element_staticConfig1.isText) ? stylePropsText : validStylesView,\n    defaultProps: {},\n    acceptsClassName: target !== \"native\",\n    ...target === \"native\" && {\n      isReactNative: true\n    },\n    ...element.staticConfig\n  };\n  if (target !== \"native\") {\n    delete baseStaticConfig.isReactNative;\n  }\n  var styleStaticConfig = getStyleStaticConfig(baseStaticConfig, conf);\n  var elementProps = element.props || {};\n  var { defaultProps } = styleStaticConfig;\n  if (defaultProps) {\n    var [merged] = mergeComponentProps(defaultProps, void 0, elementProps);\n    elementProps = merged;\n  }\n  var componentState = {\n    ...DEFAULT_COMPONENT_STATE,\n    ...element.componentState\n  };\n  var _element_options_resolveValues, _element_options_noClass, _element_options_isAnimated, _element_options_displayName, _ref, _ref1;\n  var styleProps = {\n    isStatic: true,\n    resolveValues: (_element_options_resolveValues = (_element_options = element.options) === null || _element_options === void 0 ? void 0 : _element_options.resolveValues) !== null && _element_options_resolveValues !== void 0 ? _element_options_resolveValues : target === \"native\" ? \"except-theme\" : \"variable\",\n    noClass: (_element_options_noClass = (_element_options1 = element.options) === null || _element_options1 === void 0 ? void 0 : _element_options1.noClass) !== null && _element_options_noClass !== void 0 ? _element_options_noClass : target === \"native\",\n    isAnimated: (_element_options_isAnimated = (_element_options2 = element.options) === null || _element_options2 === void 0 ? void 0 : _element_options2.isAnimated) !== null && _element_options_isAnimated !== void 0 ? _element_options_isAnimated : false,\n    displayName: (_ref1 = (_ref = (_element_options_displayName = (_element_options3 = element.options) === null || _element_options3 === void 0 ? void 0 : _element_options3.displayName) !== null && _element_options_displayName !== void 0 ? _element_options_displayName : element.componentName) !== null && _ref !== void 0 ? _ref : (_element_staticConfig2 = element.staticConfig) === null || _element_staticConfig2 === void 0 ? void 0 : (_element_staticConfig_Component = _element_staticConfig2.Component) === null || _element_staticConfig_Component === void 0 ? void 0 : _element_staticConfig_Component.displayName) !== null && _ref1 !== void 0 ? _ref1 : \"TamaguiComponent\"\n  };\n  var env = getGlobalProcessEnv();\n  var prevStatic = env ? env[\"IS_STATIC\"] : void 0;\n  var prevTarget = env ? env[\"TAMAGUI_TARGET\"] : void 0;\n  if (env) {\n    if (target === \"native\") {\n      env[\"IS_STATIC\"] = \"is_static\";\n    } else {\n      delete env[\"IS_STATIC\"];\n    }\n    env[\"TAMAGUI_TARGET\"] = target;\n  }\n  var split = null;\n  try {\n    split = getSplitStyles(elementProps, baseStaticConfig, theme, themeName, componentState, styleProps, void 0, void 0, void 0, void 0, void 0, void 0, void 0, styleStaticConfig);\n  } catch (err) {\n    return {\n      id: element.id,\n      ok: false,\n      bailout: {\n        reason: \"local/style-resolution-error\",\n        message: (err === null || err === void 0 ? void 0 : err.message) || String(err)\n      }\n    };\n  } finally {\n    if (env) {\n      if (prevStatic === void 0) delete env[\"IS_STATIC\"];\n      else env[\"IS_STATIC\"] = prevStatic;\n      if (prevTarget === void 0) delete env[\"TAMAGUI_TARGET\"];\n      else env[\"TAMAGUI_TARGET\"] = prevTarget;\n    }\n  }\n  if (!split) {\n    return {\n      id: element.id,\n      ok: false,\n      bailout: {\n        reason: \"local/style-resolution-failed\",\n        message: \"getSplitStyles returned no static result\"\n      }\n    };\n  }\n  if (target === \"native\") {\n    var _split_programLifecycleStyleKeys_enter, _split_programLifecycleStyleKeys, _split_programLifecycleStyleKeys_exit, _split_programLifecycleStyleKeys1;\n    var hasMedia = split.hasMedia === true || _instanceof(split.hasMedia, Set) && split.hasMedia.size > 0;\n    var hasPseudo = Boolean(split.pseudoGroups && split.pseudoGroups.size > 0) || Boolean(split.mediaGroups && split.mediaGroups.size > 0) || Boolean(split.programStates && split.programStates.size > 0);\n    if (hasMedia || hasPseudo) {\n      return {\n        id: element.id,\n        ok: false,\n        bailout: {\n          reason: \"local/unsupported-target\",\n          message: \"Native target does not support static media queries or pseudo styles\"\n        }\n      };\n    }\n    if (((_split_programLifecycleStyleKeys = split.programLifecycleStyleKeys) === null || _split_programLifecycleStyleKeys === void 0 ? void 0 : (_split_programLifecycleStyleKeys_enter = _split_programLifecycleStyleKeys.enter) === null || _split_programLifecycleStyleKeys_enter === void 0 ? void 0 : _split_programLifecycleStyleKeys_enter.size) || ((_split_programLifecycleStyleKeys1 = split.programLifecycleStyleKeys) === null || _split_programLifecycleStyleKeys1 === void 0 ? void 0 : (_split_programLifecycleStyleKeys_exit = _split_programLifecycleStyleKeys1.exit) === null || _split_programLifecycleStyleKeys_exit === void 0 ? void 0 : _split_programLifecycleStyleKeys_exit.size)) {\n      return {\n        id: element.id,\n        ok: false,\n        bailout: {\n          reason: \"local/unsupported-target\",\n          message: \"Lifecycle value programs remain on the runtime path\"\n        }\n      };\n    }\n  }\n  var rules = [];\n  var css = [];\n  if (split.rulesToInsert) {\n    for (var key in split.rulesToInsert) {\n      var ruleObj = split.rulesToInsert[key];\n      if (ruleObj) {\n        var ruleList = ruleObj[StyleObjectRules] || [];\n        rules.push({\n          identifier: ruleObj[StyleObjectIdentifier] || key,\n          property: ruleObj[StyleObjectProperty],\n          rules: ruleList\n        });\n        for (var i = 0; i < ruleList.length; i++) {\n          css.push(ruleList[i]);\n        }\n      }\n    }\n  }\n  var classNames = split.classNames || {};\n  var classNamesList = Object.values(classNames).filter(Boolean);\n  var fullClassName = ((_split_viewProps = split.viewProps) === null || _split_viewProps === void 0 ? void 0 : _split_viewProps.className) || void 0;\n  var className = fullClassName || (classNamesList.length > 0 ? classNamesList.join(\" \") : void 0);\n  return {\n    id: element.id,\n    ok: true,\n    className,\n    classNames: Object.keys(classNames).length > 0 ? classNames : void 0,\n    rules: rules.length > 0 ? rules : void 0,\n    css: css.length > 0 ? css : void 0,\n    style: split.style || ((_split_viewProps1 = split.viewProps) === null || _split_viewProps1 === void 0 ? void 0 : _split_viewProps1.style) || null,\n    viewProps: split.viewProps,\n    hasMedia: _instanceof(split.hasMedia, Set) ? Array.from(split.hasMedia) : split.hasMedia || void 0,\n    pseudoGroups: split.pseudoGroups && split.pseudoGroups.size > 0 ? Array.from(split.pseudoGroups) : void 0,\n    mediaGroups: split.mediaGroups && split.mediaGroups.size > 0 ? Array.from(split.mediaGroups) : void 0,\n    programStates: split.programStates && split.programStates.size > 0 ? Array.from(split.programStates) : void 0,\n    dynamicThemeAccess: split.dynamicThemeAccess,\n    fontFamily: split.fontFamily,\n    programLifecycleStyleKeys: split.programLifecycleStyleKeys ? {\n      enter: split.programLifecycleStyleKeys.enter ? Array.from(split.programLifecycleStyleKeys.enter) : void 0,\n      exit: split.programLifecycleStyleKeys.exit ? Array.from(split.programLifecycleStyleKeys.exit) : void 0\n    } : void 0\n  };\n}\nfunction resolveStaticBatch(batch) {\n  var target = batch.target || \"web\";\n  var defaultThemeName = batch.defaultThemeName;\n  var elements = batch.elements || [];\n  var results = new Array(elements.length);\n  for (var i = 0; i < elements.length; i++) {\n    results[i] = resolveStaticElement(elements[i], target, defaultThemeName);\n  }\n  return {\n    results\n  };\n}\nfunction resolveStatic(batch) {\n  if (typeof batch === \"string\") {\n    var parsed = JSON.parse(batch);\n    var result = resolveStaticBatch(parsed);\n    return JSON.stringify(result);\n  }\n  return resolveStaticBatch(batch);\n}\nexport {\n  createTamagui,\n  getConfig,\n  getConfigMaybe,\n  getSplitStyles,\n  getThemes,\n  getToken,\n  getTokenValue,\n  getTokens,\n  installTamaguiConfig,\n  resolveStatic,\n  resolveStaticBatch,\n  resolveStaticElement,\n  setConfig,\n  updateConfig\n};\n//# sourceMappingURL=static-resolve.js.map\n"],"mappings":"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"}
+{"version":3,"file":"static-resolve.native.js","names":["validStylesView"],"sources":["esm/static-resolve.native.js"],"sourcesContent":["import { StyleObjectIdentifier, StyleObjectProperty, StyleObjectRules, stylePropsInput, stylePropsText, validStyles as validStylesView } from \"@tamagui/helpers\";\nimport { getConfig, getConfigMaybe, getThemes, getToken, getTokens, getTokenValue, setConfig, updateConfig } from \"./config\";\nimport { createTamagui, installTamaguiConfig } from \"./createTamagui\";\nimport { getSplitStyles } from \"./helpers/getSplitStyles\";\nimport { getStyleStaticConfig } from \"./helpers/styleStaticConfig\";\nimport { mergeComponentProps } from \"./helpers/mergeProps\";\nvar DEFAULT_COMPONENT_STATE = {\n  hover: false,\n  focus: false,\n  focusVisible: false,\n  focusWithin: false,\n  press: false,\n  pressIn: false,\n  disabled: false,\n  unmounted: false\n};\nvar getGlobalProcessEnv = function() {\n  try {\n    return typeof process !== \"undefined\" && process ? process.env : void 0;\n  } catch (e) {\n    return void 0;\n  }\n};\nfunction resolveStaticElement(element) {\n  var target = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"web\", defaultThemeName = arguments.length > 2 ? arguments[2] : void 0;\n  var _element_staticConfig, _element_staticConfig1, _element_options, _element_options1, _element_options2, _element_options3, _element_staticConfig_Component, _element_staticConfig2, _split_viewProps, _split_viewProps1;\n  var conf = getConfigMaybe();\n  if (!conf) {\n    return {\n      id: element.id,\n      ok: false,\n      bailout: {\n        reason: \"config-missing\",\n        message: \"No Tamagui config installed. Call createTamagui or installTamaguiConfig first.\"\n      }\n    };\n  }\n  var themes = conf.themes || {};\n  var themeName = element.themeName || defaultThemeName || (themes[\"light\"] ? \"light\" : Object.keys(themes)[0]) || \"light\";\n  var theme = themes[themeName] || themes[\"light\"] || themes[\"dark\"] || Object.values(themes)[0] || {};\n  var baseStaticConfig = {\n    validStyles: ((_element_staticConfig = element.staticConfig) === null || _element_staticConfig === void 0 ? void 0 : _element_staticConfig.isInput) ? stylePropsInput : ((_element_staticConfig1 = element.staticConfig) === null || _element_staticConfig1 === void 0 ? void 0 : _element_staticConfig1.isText) ? stylePropsText : validStylesView,\n    defaultProps: {},\n    acceptsClassName: target !== \"native\",\n    ...target === \"native\" && {\n      isReactNative: true\n    },\n    ...element.staticConfig\n  };\n  if (target !== \"native\") {\n    delete baseStaticConfig.isReactNative;\n  }\n  var styleStaticConfig = getStyleStaticConfig(baseStaticConfig, conf);\n  var elementProps = element.props || {};\n  var { defaultProps } = styleStaticConfig;\n  if (defaultProps) {\n    var [merged] = mergeComponentProps(defaultProps, void 0, elementProps);\n    elementProps = merged;\n  }\n  var componentState = {\n    ...DEFAULT_COMPONENT_STATE,\n    ...element.componentState\n  };\n  var _element_options_resolveValues, _element_options_noClass, _element_options_isAnimated, _element_options_displayName, _ref, _ref1;\n  var styleProps = {\n    isStatic: true,\n    resolveValues: (_element_options_resolveValues = (_element_options = element.options) === null || _element_options === void 0 ? void 0 : _element_options.resolveValues) !== null && _element_options_resolveValues !== void 0 ? _element_options_resolveValues : target === \"native\" ? \"except-theme\" : \"variable\",\n    noClass: (_element_options_noClass = (_element_options1 = element.options) === null || _element_options1 === void 0 ? void 0 : _element_options1.noClass) !== null && _element_options_noClass !== void 0 ? _element_options_noClass : target === \"native\",\n    isAnimated: (_element_options_isAnimated = (_element_options2 = element.options) === null || _element_options2 === void 0 ? void 0 : _element_options2.isAnimated) !== null && _element_options_isAnimated !== void 0 ? _element_options_isAnimated : false,\n    displayName: (_ref1 = (_ref = (_element_options_displayName = (_element_options3 = element.options) === null || _element_options3 === void 0 ? void 0 : _element_options3.displayName) !== null && _element_options_displayName !== void 0 ? _element_options_displayName : element.componentName) !== null && _ref !== void 0 ? _ref : (_element_staticConfig2 = element.staticConfig) === null || _element_staticConfig2 === void 0 ? void 0 : (_element_staticConfig_Component = _element_staticConfig2.Component) === null || _element_staticConfig_Component === void 0 ? void 0 : _element_staticConfig_Component.displayName) !== null && _ref1 !== void 0 ? _ref1 : \"TamaguiComponent\"\n  };\n  var env = getGlobalProcessEnv();\n  var prevStatic = env ? env[\"IS_STATIC\"] : void 0;\n  var prevTarget = env ? env[\"TAMAGUI_TARGET\"] : void 0;\n  if (env) {\n    if (target === \"native\") {\n      env[\"IS_STATIC\"] = \"is_static\";\n    } else {\n      delete env[\"IS_STATIC\"];\n    }\n    env[\"TAMAGUI_TARGET\"] = target;\n  }\n  var split = null;\n  try {\n    split = getSplitStyles(elementProps, baseStaticConfig, theme, themeName, componentState, styleProps, void 0, void 0, void 0, void 0, void 0, void 0, void 0, styleStaticConfig);\n  } catch (err) {\n    return {\n      id: element.id,\n      ok: false,\n      bailout: {\n        reason: \"local/style-resolution-error\",\n        message: (err === null || err === void 0 ? void 0 : err.message) || String(err)\n      }\n    };\n  } finally {\n    if (env) {\n      if (prevStatic === void 0) delete env[\"IS_STATIC\"];\n      else env[\"IS_STATIC\"] = prevStatic;\n      if (prevTarget === void 0) delete env[\"TAMAGUI_TARGET\"];\n      else env[\"TAMAGUI_TARGET\"] = prevTarget;\n    }\n  }\n  if (!split) {\n    return {\n      id: element.id,\n      ok: false,\n      bailout: {\n        reason: \"local/style-resolution-failed\",\n        message: \"getSplitStyles returned no static result\"\n      }\n    };\n  }\n  if (target === \"native\") {\n    var _split_programLifecycleStyleKeys_enter, _split_programLifecycleStyleKeys, _split_programLifecycleStyleKeys_exit, _split_programLifecycleStyleKeys1;\n    var hasMedia = split.hasMedia === true || split.hasMedia instanceof Set && split.hasMedia.size > 0;\n    var hasPseudo = Boolean(split.pseudoGroups && split.pseudoGroups.size > 0) || Boolean(split.mediaGroups && split.mediaGroups.size > 0) || Boolean(split.programStates && split.programStates.size > 0);\n    if (hasMedia || hasPseudo) {\n      return {\n        id: element.id,\n        ok: false,\n        bailout: {\n          reason: \"local/unsupported-target\",\n          message: \"Native target does not support static media queries or pseudo styles\"\n        }\n      };\n    }\n    if (((_split_programLifecycleStyleKeys = split.programLifecycleStyleKeys) === null || _split_programLifecycleStyleKeys === void 0 ? void 0 : (_split_programLifecycleStyleKeys_enter = _split_programLifecycleStyleKeys.enter) === null || _split_programLifecycleStyleKeys_enter === void 0 ? void 0 : _split_programLifecycleStyleKeys_enter.size) || ((_split_programLifecycleStyleKeys1 = split.programLifecycleStyleKeys) === null || _split_programLifecycleStyleKeys1 === void 0 ? void 0 : (_split_programLifecycleStyleKeys_exit = _split_programLifecycleStyleKeys1.exit) === null || _split_programLifecycleStyleKeys_exit === void 0 ? void 0 : _split_programLifecycleStyleKeys_exit.size)) {\n      return {\n        id: element.id,\n        ok: false,\n        bailout: {\n          reason: \"local/unsupported-target\",\n          message: \"Lifecycle value programs remain on the runtime path\"\n        }\n      };\n    }\n  }\n  var rules = [];\n  var css = [];\n  if (split.rulesToInsert) {\n    for (var key in split.rulesToInsert) {\n      var ruleObj = split.rulesToInsert[key];\n      if (ruleObj) {\n        var ruleList = ruleObj[StyleObjectRules] || [];\n        rules.push({\n          identifier: ruleObj[StyleObjectIdentifier] || key,\n          property: ruleObj[StyleObjectProperty],\n          rules: ruleList\n        });\n        for (var i = 0; i < ruleList.length; i++) {\n          css.push(ruleList[i]);\n        }\n      }\n    }\n  }\n  var classNames = split.classNames || {};\n  var classNamesList = Object.values(classNames).filter(Boolean);\n  var fullClassName = ((_split_viewProps = split.viewProps) === null || _split_viewProps === void 0 ? void 0 : _split_viewProps.className) || void 0;\n  var className = fullClassName || (classNamesList.length > 0 ? classNamesList.join(\" \") : void 0);\n  return {\n    id: element.id,\n    ok: true,\n    className,\n    classNames: Object.keys(classNames).length > 0 ? classNames : void 0,\n    rules: rules.length > 0 ? rules : void 0,\n    css: css.length > 0 ? css : void 0,\n    style: split.style || ((_split_viewProps1 = split.viewProps) === null || _split_viewProps1 === void 0 ? void 0 : _split_viewProps1.style) || null,\n    viewProps: split.viewProps,\n    hasMedia: split.hasMedia instanceof Set ? Array.from(split.hasMedia) : split.hasMedia || void 0,\n    pseudoGroups: split.pseudoGroups && split.pseudoGroups.size > 0 ? Array.from(split.pseudoGroups) : void 0,\n    mediaGroups: split.mediaGroups && split.mediaGroups.size > 0 ? Array.from(split.mediaGroups) : void 0,\n    programStates: split.programStates && split.programStates.size > 0 ? Array.from(split.programStates) : void 0,\n    dynamicThemeAccess: split.dynamicThemeAccess,\n    fontFamily: split.fontFamily,\n    programLifecycleStyleKeys: split.programLifecycleStyleKeys ? {\n      enter: split.programLifecycleStyleKeys.enter ? Array.from(split.programLifecycleStyleKeys.enter) : void 0,\n      exit: split.programLifecycleStyleKeys.exit ? Array.from(split.programLifecycleStyleKeys.exit) : void 0\n    } : void 0\n  };\n}\nfunction resolveStaticBatch(batch) {\n  var target = batch.target || \"web\";\n  var defaultThemeName = batch.defaultThemeName;\n  var elements = batch.elements || [];\n  var results = new Array(elements.length);\n  for (var i = 0; i < elements.length; i++) {\n    results[i] = resolveStaticElement(elements[i], target, defaultThemeName);\n  }\n  return {\n    results\n  };\n}\nfunction resolveStatic(batch) {\n  if (typeof batch === \"string\") {\n    var parsed = JSON.parse(batch);\n    var result = resolveStaticBatch(parsed);\n    return JSON.stringify(result);\n  }\n  return resolveStaticBatch(batch);\n}\nexport {\n  createTamagui,\n  getConfig,\n  getConfigMaybe,\n  getSplitStyles,\n  getThemes,\n  getToken,\n  getTokenValue,\n  getTokens,\n  installTamaguiConfig,\n  resolveStatic,\n  resolveStaticBatch,\n  resolveStaticElement,\n  setConfig,\n  updateConfig\n};\n//# sourceMappingURL=static-resolve.js.map\n"],"mappings":"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"}

package/dist/esm/style.mjs

@@ -44,7 +44,7 @@ function createStylePiece(definition, layer = "style") {
 function style(definition) {
 	if (process.env.NODE_ENV === "development") {
 		const internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-		if (internals?.H) {
+		if (internals?.A?.getOwner?.()) {
 			warnOnce("[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.");
 		}
 	}

package/dist/esm/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["esm/style.js"],"sourcesContent":["import React from \"react\";\nimport { stylePieceSymbol } from \"./types\";\nimport { warnOnce } from \"./helpers/warnOnce\";\nlet compileStylePiece;\nlet resolveStylePiece;\nconst uncacheablePieces = /* @__PURE__ */ new WeakSet();\nconst flatClausePattern = /(?:^|\\s)@?[A-Za-z][A-Za-z0-9-]*(?:\\/[A-Za-z0-9_-]+)?:/;\nfunction setStylePieceCompiler(compiler) {\n  compileStylePiece = compiler;\n}\nfunction setStylePieceResolver(resolver) {\n  resolveStylePiece = resolver;\n}\nfunction isStylePiece(value) {\n  return !!value && typeof value === \"object\" && stylePieceSymbol in value;\n}\nfunction isStylePieceCacheable(piece) {\n  return !uncacheablePieces.has(piece);\n}\nfunction canCacheByTheme(definition) {\n  for (const key in definition) {\n    const value = definition[key];\n    if (typeof value === \"string\" && flatClausePattern.test(value) || value && typeof value === \"object\") {\n      return false;\n    }\n  }\n  return true;\n}\nfunction createStylePiece(definition, layer = \"style\") {\n  const piece = {\n    className: \"\",\n    [stylePieceSymbol]: {\n      byKey: {},\n      styleObject: definition\n    }\n  };\n  if (!canCacheByTheme(definition)) {\n    uncacheablePieces.add(piece);\n  }\n  compileStylePiece?.(piece, layer);\n  return piece;\n}\nfunction style(definition) {\n  if (process.env.NODE_ENV === \"development\") {\n    const internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n    if (internals?.H) {\n      warnOnce(\n        \"[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.\"\n      );\n    }\n  }\n  return createStylePiece(definition);\n}\nfunction resolveStylePieceForTheme(piece, theme, themeName) {\n  return resolveStylePiece ? resolveStylePiece(piece, theme, themeName) : piece[stylePieceSymbol].styleObject;\n}\nexport {\n  createStylePiece,\n  isStylePiece,\n  isStylePieceCacheable,\n  resolveStylePieceForTheme,\n  setStylePieceCompiler,\n  setStylePieceResolver,\n  style\n};\n//# sourceMappingURL=style.js.map\n"],"mappings":";;;;;AAGA,IAAI;AACJ,IAAI;AACJ,MAAM,oCAAoC,IAAI,QAAQ;AACtD,MAAM,oBAAoB;AAC1B,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,aAAa,OAAO;CAC3B,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,oBAAoB;AACrE;AACA,SAAS,sBAAsB,OAAO;CACpC,OAAO,CAAC,kBAAkB,IAAI,KAAK;AACrC;AACA,SAAS,gBAAgB,YAAY;CACnC,KAAK,MAAM,OAAO,YAAY;EAC5B,MAAM,QAAQ,WAAW;EACzB,IAAI,OAAO,UAAU,YAAY,kBAAkB,KAAK,KAAK,KAAK,SAAS,OAAO,UAAU,UAAU;GACpG,OAAO;EACT;CACF;CACA,OAAO;AACT;AACA,SAAS,iBAAiB,YAAY,QAAQ,SAAS;CACrD,MAAM,QAAQ;EACZ,WAAW;GACV,mBAAmB;GAClB,OAAO,CAAC;GACR,aAAa;EACf;CACF;CACA,IAAI,CAAC,gBAAgB,UAAU,GAAG;EAChC,kBAAkB,IAAI,KAAK;CAC7B;CACA,oBAAoB,OAAO,KAAK;CAChC,OAAO;AACT;AACA,SAAS,MAAM,YAAY;CACzB,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,MAAM,YAAY,MAAM;EACxB,IAAI,WAAW,GAAG;GAChB,SACE,8GACF;EACF;CACF;CACA,OAAO,iBAAiB,UAAU;AACpC;AACA,SAAS,0BAA0B,OAAO,OAAO,WAAW;CAC1D,OAAO,oBAAoB,kBAAkB,OAAO,OAAO,SAAS,IAAI,MAAM,iBAAiB,CAAC;AAClG"}
+{"version":3,"file":"style.js","names":[],"sources":["esm/style.js"],"sourcesContent":["import React from \"react\";\nimport { stylePieceSymbol } from \"./types\";\nimport { warnOnce } from \"./helpers/warnOnce\";\nlet compileStylePiece;\nlet resolveStylePiece;\nconst uncacheablePieces = /* @__PURE__ */ new WeakSet();\nconst flatClausePattern = /(?:^|\\s)@?[A-Za-z][A-Za-z0-9-]*(?:\\/[A-Za-z0-9_-]+)?:/;\nfunction setStylePieceCompiler(compiler) {\n  compileStylePiece = compiler;\n}\nfunction setStylePieceResolver(resolver) {\n  resolveStylePiece = resolver;\n}\nfunction isStylePiece(value) {\n  return !!value && typeof value === \"object\" && stylePieceSymbol in value;\n}\nfunction isStylePieceCacheable(piece) {\n  return !uncacheablePieces.has(piece);\n}\nfunction canCacheByTheme(definition) {\n  for (const key in definition) {\n    const value = definition[key];\n    if (typeof value === \"string\" && flatClausePattern.test(value) || value && typeof value === \"object\") {\n      return false;\n    }\n  }\n  return true;\n}\nfunction createStylePiece(definition, layer = \"style\") {\n  const piece = {\n    className: \"\",\n    [stylePieceSymbol]: {\n      byKey: {},\n      styleObject: definition\n    }\n  };\n  if (!canCacheByTheme(definition)) {\n    uncacheablePieces.add(piece);\n  }\n  compileStylePiece?.(piece, layer);\n  return piece;\n}\nfunction style(definition) {\n  if (process.env.NODE_ENV === \"development\") {\n    const internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n    if (internals?.A?.getOwner?.()) {\n      warnOnce(\n        \"[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.\"\n      );\n    }\n  }\n  return createStylePiece(definition);\n}\nfunction resolveStylePieceForTheme(piece, theme, themeName) {\n  return resolveStylePiece ? resolveStylePiece(piece, theme, themeName) : piece[stylePieceSymbol].styleObject;\n}\nexport {\n  createStylePiece,\n  isStylePiece,\n  isStylePieceCacheable,\n  resolveStylePieceForTheme,\n  setStylePieceCompiler,\n  setStylePieceResolver,\n  style\n};\n//# sourceMappingURL=style.js.map\n"],"mappings":";;;;;AAGA,IAAI;AACJ,IAAI;AACJ,MAAM,oCAAoC,IAAI,QAAQ;AACtD,MAAM,oBAAoB;AAC1B,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,aAAa,OAAO;CAC3B,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,oBAAoB;AACrE;AACA,SAAS,sBAAsB,OAAO;CACpC,OAAO,CAAC,kBAAkB,IAAI,KAAK;AACrC;AACA,SAAS,gBAAgB,YAAY;CACnC,KAAK,MAAM,OAAO,YAAY;EAC5B,MAAM,QAAQ,WAAW;EACzB,IAAI,OAAO,UAAU,YAAY,kBAAkB,KAAK,KAAK,KAAK,SAAS,OAAO,UAAU,UAAU;GACpG,OAAO;EACT;CACF;CACA,OAAO;AACT;AACA,SAAS,iBAAiB,YAAY,QAAQ,SAAS;CACrD,MAAM,QAAQ;EACZ,WAAW;GACV,mBAAmB;GAClB,OAAO,CAAC;GACR,aAAa;EACf;CACF;CACA,IAAI,CAAC,gBAAgB,UAAU,GAAG;EAChC,kBAAkB,IAAI,KAAK;CAC7B;CACA,oBAAoB,OAAO,KAAK;CAChC,OAAO;AACT;AACA,SAAS,MAAM,YAAY;CACzB,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,MAAM,YAAY,MAAM;EACxB,IAAI,WAAW,GAAG,WAAW,GAAG;GAC9B,SACE,8GACF;EACF;CACF;CACA,OAAO,iBAAiB,UAAU;AACpC;AACA,SAAS,0BAA0B,OAAO,OAAO,WAAW;CAC1D,OAAO,oBAAoB,kBAAkB,OAAO,OAAO,SAAS,IAAI,MAAM,iBAAiB,CAAC;AAClG"}

package/dist/esm/style.native.js

@@ -2,10 +2,6 @@ import React from "react";
 import { stylePieceSymbol } from "./types.native.js";
 import { warnOnce } from "./helpers/warnOnce.native.js";
 
-function _type_of(obj) {
-	"@swc/helpers - typeof";
-	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
 var compileStylePiece;
 var resolveStylePiece;
 var uncacheablePieces = /* @__PURE__ */ new WeakSet();
@@ -17,7 +13,7 @@ function setStylePieceResolver(resolver) {
 	resolveStylePiece = resolver;
 }
 function isStylePiece(value) {
-	return !!value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && stylePieceSymbol in value;
+	return !!value && typeof value === "object" && stylePieceSymbol in value;
 }
 function isStylePieceCacheable(piece) {
 	return !uncacheablePieces.has(piece);
@@ -25,7 +21,7 @@ function isStylePieceCacheable(piece) {
 function canCacheByTheme(definition) {
 	for (var key in definition) {
 		var value = definition[key];
-		if (typeof value === "string" && flatClausePattern.test(value) || value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object") {
+		if (typeof value === "string" && flatClausePattern.test(value) || value && typeof value === "object") {
 			return false;
 		}
 	}
@@ -48,8 +44,9 @@ function createStylePiece(definition) {
 }
 function style(definition) {
 	if (process.env.NODE_ENV === "development") {
+		var _internals_A_getOwner, _internals_A;
 		var internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-		if (internals === null || internals === void 0 ? void 0 : internals.H) {
+		if (internals === null || internals === void 0 ? void 0 : (_internals_A = internals.A) === null || _internals_A === void 0 ? void 0 : (_internals_A_getOwner = _internals_A.getOwner) === null || _internals_A_getOwner === void 0 ? void 0 : _internals_A_getOwner.call(_internals_A)) {
 			warnOnce("[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.");
 		}
 	}

package/dist/esm/style.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.native.js","names":[],"sources":["esm/style.native.js"],"sourcesContent":["import React from \"react\";\nimport { stylePieceSymbol } from \"./types\";\nimport { warnOnce } from \"./helpers/warnOnce\";\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar compileStylePiece;\nvar resolveStylePiece;\nvar uncacheablePieces = /* @__PURE__ */ new WeakSet();\nvar flatClausePattern = /(?:^|\\s)@?[A-Za-z][A-Za-z0-9-]*(?:\\/[A-Za-z0-9_-]+)?:/;\nfunction setStylePieceCompiler(compiler) {\n  compileStylePiece = compiler;\n}\nfunction setStylePieceResolver(resolver) {\n  resolveStylePiece = resolver;\n}\nfunction isStylePiece(value) {\n  return !!value && (typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) === \"object\" && stylePieceSymbol in value;\n}\nfunction isStylePieceCacheable(piece) {\n  return !uncacheablePieces.has(piece);\n}\nfunction canCacheByTheme(definition) {\n  for (var key in definition) {\n    var value = definition[key];\n    if (typeof value === \"string\" && flatClausePattern.test(value) || value && (typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) === \"object\") {\n      return false;\n    }\n  }\n  return true;\n}\nfunction createStylePiece(definition) {\n  var layer = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"style\";\n  var piece = {\n    className: \"\",\n    [stylePieceSymbol]: {\n      byKey: {},\n      styleObject: definition\n    }\n  };\n  if (!canCacheByTheme(definition)) {\n    uncacheablePieces.add(piece);\n  }\n  compileStylePiece === null || compileStylePiece === void 0 ? void 0 : compileStylePiece(piece, layer);\n  return piece;\n}\nfunction style(definition) {\n  if (process.env.NODE_ENV === \"development\") {\n    var internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n    if (internals === null || internals === void 0 ? void 0 : internals.H) {\n      warnOnce(\"[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.\");\n    }\n  }\n  return createStylePiece(definition);\n}\nfunction resolveStylePieceForTheme(piece, theme, themeName) {\n  return resolveStylePiece ? resolveStylePiece(piece, theme, themeName) : piece[stylePieceSymbol].styleObject;\n}\nexport {\n  createStylePiece,\n  isStylePiece,\n  isStylePieceCacheable,\n  resolveStylePieceForTheme,\n  setStylePieceCompiler,\n  setStylePieceResolver,\n  style\n};\n//# sourceMappingURL=style.js.map\n"],"mappings":";;;;;AAGA,SAAS,SAAS,KAAK;CACrB;CACA,OAAO,OAAO,OAAO,WAAW,eAAe,IAAI,gBAAgB,SAAS,WAAW,OAAO;AAChG;AACA,IAAI;AACJ,IAAI;AACJ,IAAI,oCAAoC,IAAI,QAAQ;AACpD,IAAI,oBAAoB;AACxB,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,aAAa,OAAO;CAC3B,OAAO,CAAC,CAAC,UAAU,OAAO,UAAU,cAAc,cAAc,SAAS,KAAK,OAAO,YAAY,oBAAoB;AACvH;AACA,SAAS,sBAAsB,OAAO;CACpC,OAAO,CAAC,kBAAkB,IAAI,KAAK;AACrC;AACA,SAAS,gBAAgB,YAAY;CACnC,KAAK,IAAI,OAAO,YAAY;EAC1B,IAAI,QAAQ,WAAW;EACvB,IAAI,OAAO,UAAU,YAAY,kBAAkB,KAAK,KAAK,KAAK,UAAU,OAAO,UAAU,cAAc,cAAc,SAAS,KAAK,OAAO,UAAU;GACtJ,OAAO;EACT;CACF;CACA,OAAO;AACT;AACA,SAAS,iBAAiB,YAAY;CACpC,IAAI,QAAQ,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;CAC7E,IAAI,QAAQ;EACV,WAAW;GACV,mBAAmB;GAClB,OAAO,CAAC;GACR,aAAa;EACf;CACF;CACA,IAAI,CAAC,gBAAgB,UAAU,GAAG;EAChC,kBAAkB,IAAI,KAAK;CAC7B;CACA,sBAAsB,QAAQ,sBAAsB,KAAK,IAAI,KAAK,IAAI,kBAAkB,OAAO,KAAK;CACpG,OAAO;AACT;AACA,SAAS,MAAM,YAAY;CACzB,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI,YAAY,MAAM;EACtB,IAAI,cAAc,QAAQ,cAAc,KAAK,IAAI,KAAK,IAAI,UAAU,GAAG;GACrE,SAAS,8GAA8G;EACzH;CACF;CACA,OAAO,iBAAiB,UAAU;AACpC;AACA,SAAS,0BAA0B,OAAO,OAAO,WAAW;CAC1D,OAAO,oBAAoB,kBAAkB,OAAO,OAAO,SAAS,IAAI,MAAM,iBAAiB,CAAC;AAClG"}
+{"version":3,"file":"style.native.js","names":[],"sources":["esm/style.native.js"],"sourcesContent":["import React from \"react\";\nimport { stylePieceSymbol } from \"./types\";\nimport { warnOnce } from \"./helpers/warnOnce\";\nvar compileStylePiece;\nvar resolveStylePiece;\nvar uncacheablePieces = /* @__PURE__ */ new WeakSet();\nvar flatClausePattern = /(?:^|\\s)@?[A-Za-z][A-Za-z0-9-]*(?:\\/[A-Za-z0-9_-]+)?:/;\nfunction setStylePieceCompiler(compiler) {\n  compileStylePiece = compiler;\n}\nfunction setStylePieceResolver(resolver) {\n  resolveStylePiece = resolver;\n}\nfunction isStylePiece(value) {\n  return !!value && typeof value === \"object\" && stylePieceSymbol in value;\n}\nfunction isStylePieceCacheable(piece) {\n  return !uncacheablePieces.has(piece);\n}\nfunction canCacheByTheme(definition) {\n  for (var key in definition) {\n    var value = definition[key];\n    if (typeof value === \"string\" && flatClausePattern.test(value) || value && typeof value === \"object\") {\n      return false;\n    }\n  }\n  return true;\n}\nfunction createStylePiece(definition) {\n  var layer = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"style\";\n  var piece = {\n    className: \"\",\n    [stylePieceSymbol]: {\n      byKey: {},\n      styleObject: definition\n    }\n  };\n  if (!canCacheByTheme(definition)) {\n    uncacheablePieces.add(piece);\n  }\n  compileStylePiece === null || compileStylePiece === void 0 ? void 0 : compileStylePiece(piece, layer);\n  return piece;\n}\nfunction style(definition) {\n  if (process.env.NODE_ENV === \"development\") {\n    var _internals_A_getOwner, _internals_A;\n    var internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n    if (internals === null || internals === void 0 ? void 0 : (_internals_A = internals.A) === null || _internals_A === void 0 ? void 0 : (_internals_A_getOwner = _internals_A.getOwner) === null || _internals_A_getOwner === void 0 ? void 0 : _internals_A_getOwner.call(_internals_A)) {\n      warnOnce(\"[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.\");\n    }\n  }\n  return createStylePiece(definition);\n}\nfunction resolveStylePieceForTheme(piece, theme, themeName) {\n  return resolveStylePiece ? resolveStylePiece(piece, theme, themeName) : piece[stylePieceSymbol].styleObject;\n}\nexport {\n  createStylePiece,\n  isStylePiece,\n  isStylePieceCacheable,\n  resolveStylePieceForTheme,\n  setStylePieceCompiler,\n  setStylePieceResolver,\n  style\n};\n//# sourceMappingURL=style.js.map\n"],"mappings":";;;;;AAGA,IAAI;AACJ,IAAI;AACJ,IAAI,oCAAoC,IAAI,QAAQ;AACpD,IAAI,oBAAoB;AACxB,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,aAAa,OAAO;CAC3B,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,oBAAoB;AACrE;AACA,SAAS,sBAAsB,OAAO;CACpC,OAAO,CAAC,kBAAkB,IAAI,KAAK;AACrC;AACA,SAAS,gBAAgB,YAAY;CACnC,KAAK,IAAI,OAAO,YAAY;EAC1B,IAAI,QAAQ,WAAW;EACvB,IAAI,OAAO,UAAU,YAAY,kBAAkB,KAAK,KAAK,KAAK,SAAS,OAAO,UAAU,UAAU;GACpG,OAAO;EACT;CACF;CACA,OAAO;AACT;AACA,SAAS,iBAAiB,YAAY;CACpC,IAAI,QAAQ,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;CAC7E,IAAI,QAAQ;EACV,WAAW;GACV,mBAAmB;GAClB,OAAO,CAAC;GACR,aAAa;EACf;CACF;CACA,IAAI,CAAC,gBAAgB,UAAU,GAAG;EAChC,kBAAkB,IAAI,KAAK;CAC7B;CACA,sBAAsB,QAAQ,sBAAsB,KAAK,IAAI,KAAK,IAAI,kBAAkB,OAAO,KAAK;CACpG,OAAO;AACT;AACA,SAAS,MAAM,YAAY;CACzB,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI,uBAAuB;EAC3B,IAAI,YAAY,MAAM;EACtB,IAAI,cAAc,QAAQ,cAAc,KAAK,IAAI,KAAK,KAAK,eAAe,UAAU,OAAO,QAAQ,iBAAiB,KAAK,IAAI,KAAK,KAAK,wBAAwB,aAAa,cAAc,QAAQ,0BAA0B,KAAK,IAAI,KAAK,IAAI,sBAAsB,KAAK,YAAY,GAAG;GACtR,SAAS,8GAA8G;EACzH;CACF;CACA,OAAO,iBAAiB,UAAU;AACpC;AACA,SAAS,0BAA0B,OAAO,OAAO,WAAW;CAC1D,OAAO,oBAAoB,kBAAkB,OAAO,OAAO,SAAS,IAAI,MAAM,iBAAiB,CAAC;AAClG"}

package/dist/esm/views/Theme.mjs

@@ -1,7 +1,7 @@
 import { createRefComponent } from "@tamagui/compose-refs";
 import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { getThemeClassNames, reservedThemeProps } from "@tamagui/helpers";
-import React, { Children, cloneElement, isValidElement, useRef } from "react";
+import { Children, cloneElement, isValidElement, useRef } from "react";
 import { variableToString } from "../createVariable.mjs";
 import { formatDiagnostic } from "../helpers/formatDiagnostic.mjs";
 import { warnOnce } from "../helpers/warnOnce.mjs";
@@ -25,10 +25,7 @@ const Theme = createRefComponent(function Theme2(props, ref) {
 		themeState.theme
 	]);
 	let finalChildren = props["disable-child-theme"] ? Children.map(props.children, (child) => passThrough || !isValidElement(child) ? child : cloneElement(child, { ["data-disable-theme"]: true })) : props.children;
-	if (ref) try {
-		React.Children.only(finalChildren);
-		finalChildren = cloneElement(finalChildren, { ref });
-	} catch {}
+	if (ref && isValidElement(finalChildren)) finalChildren = cloneElement(finalChildren, { ref });
 	const stateRef = useRef({ hasEverThemed: false });
 	return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
 });
@@ -47,10 +44,11 @@ function getThemedChildren(themeState, children, props, isRoot = false, stateRef
 		value: themeState.id,
 		children
 	});
-	const { isInverse, name } = themeState;
+	const { isInverse } = themeState;
 	const requiresExtraWrapper = isInverse || forceClassName;
-	if (!state.hasEverThemed) state.hasEverThemed = true;
-	if (requiresExtraWrapper || themeState.name === "dark" || themeState.name === "light") state.hasEverThemed = "wrapped";
+	const isFirstThemedRender = !state.hasEverThemed;
+	if (isFirstThemedRender) state.hasEverThemed = true;
+	if (requiresExtraWrapper || isFirstThemedRender && (themeState.name === "dark" || themeState.name === "light")) state.hasEverThemed = "wrapped";
 	if (shallow) if (!themeState.parentId) {} else {
 		const parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
 		if (!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", {
@@ -86,10 +84,13 @@ function getThemedChildren(themeState, children, props, isRoot = false, stateRef
 			},
 			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
-		});
+		if (state.hasEverThemed === "wrapped") {
+			const scheme = requiresExtraWrapper && themeState.schemeAuthored && themeState.scheme;
+			children = /* @__PURE__ */ jsx("span", {
+				className: scheme ? `t_${scheme} _dsp_contents` : "_dsp_contents",
+				children
+			});
+		}
 		return children;
 	}
 	return children;
@@ -103,11 +104,11 @@ const empty = {
 	className: "",
 	color: void 0
 };
-function getThemeClassNameAndColor(themeState, props, isRoot = false) {
+function getThemeClassNameAndColor(themeState, props, isRoot) {
 	if (!themeState.isNew && !props.forceClassName) return empty;
 	return {
 		color: themeState?.theme && themeState.isNew ? variableToString(themeState.theme.color) : "",
-		className: getThemeClassNames(themeState.name, isRoot)
+		className: getThemeClassNames(themeState.name, isRoot, themeState.schemeAuthored)
 	};
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","names":[],"sources":["esm/views/Theme.js"],"sourcesContent":["import { 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 { warnOnce } from \"../helpers/warnOnce\";\nimport { useThemeWithState } from \"../hooks/useTheme\";\nimport { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from \"../hooks/useThemeState\";\nimport { ThemeDebug } from \"./ThemeDebug\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst 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 (const 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\tconst { passThrough } = props;\n\tconst isRoot = !!props[\"_isRoot\"];\n\tconst [_, themeState] = useThemeWithState(props, isRoot, true);\n\tuseIsomorphicLayoutEffect(() => {}, [\n\t\tthemeState.id,\n\t\tthemeState.name,\n\t\tthemeState.theme\n\t]);\n\tlet finalChildren = props[\"disable-child-theme\"] ? Children.map(props.children, (child) => passThrough || !isValidElement(child) ? child : cloneElement(child, { [\"data-disable-theme\"]: true })) : props.children;\n\tif (ref) try {\n\t\tReact.Children.only(finalChildren);\n\t\tfinalChildren = cloneElement(finalChildren, { ref });\n\t} catch {}\n\tconst stateRef = useRef({ hasEverThemed: false });\n\treturn getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);\n});\nTheme[\"avoidForwardRef\"] = true;\nfunction getThemedChildren(themeState, children, props, isRoot = false, stateRef, passThrough = false) {\n\tconst { shallow, forceClassName } = props;\n\tconst state = stateRef.current;\n\tlet 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\tconst { isInverse, name } = themeState;\n\tconst 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\tconst 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((child) => {\n\t\t\treturn isValidElement(child) ? passThrough ? child : 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\tconst baseStyle = props.contain ? inertContainedStyle : inertStyle;\n\t\tconst { className = \"\", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);\n\t\tconst inlineClassName = passThrough ? 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\") 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}\nconst inertStyle = { display: \"contents\" };\nconst inertContainedStyle = {\n\tdisplay: \"contents\",\n\tcontain: \"strict\"\n};\nconst empty = {\n\tclassName: \"\",\n\tcolor: void 0\n};\nfunction getThemeClassNameAndColor(themeState, props, isRoot = false) {\n\tif (!themeState.isNew && !props.forceClassName) return empty;\n\treturn {\n\t\tcolor: 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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"}
+{"version":3,"file":"Theme.js","names":[],"sources":["esm/views/Theme.js"],"sourcesContent":["import { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { getThemeClassNames, reservedThemeProps } from \"@tamagui/helpers\";\nimport { Children, cloneElement, isValidElement, useRef } from \"react\";\nimport { variableToString } from \"../createVariable\";\nimport { formatDiagnostic } from \"../helpers/formatDiagnostic\";\nimport { warnOnce } from \"../helpers/warnOnce\";\nimport { useThemeWithState } from \"../hooks/useTheme\";\nimport { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from \"../hooks/useThemeState\";\nimport { ThemeDebug } from \"./ThemeDebug\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst 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 (const 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\tconst { passThrough } = props;\n\tconst isRoot = !!props[\"_isRoot\"];\n\tconst [_, themeState] = useThemeWithState(props, isRoot, true);\n\tuseIsomorphicLayoutEffect(() => {}, [\n\t\tthemeState.id,\n\t\tthemeState.name,\n\t\tthemeState.theme\n\t]);\n\tlet finalChildren = props[\"disable-child-theme\"] ? Children.map(props.children, (child) => passThrough || !isValidElement(child) ? child : cloneElement(child, { [\"data-disable-theme\"]: true })) : props.children;\n\tif (ref && isValidElement(finalChildren)) finalChildren = cloneElement(finalChildren, { ref });\n\tconst stateRef = useRef({ hasEverThemed: false });\n\treturn getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);\n});\nTheme[\"avoidForwardRef\"] = true;\nfunction getThemedChildren(themeState, children, props, isRoot = false, stateRef, passThrough = false) {\n\tconst { shallow, forceClassName } = props;\n\tconst state = stateRef.current;\n\tlet 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\tconst { isInverse } = themeState;\n\tconst requiresExtraWrapper = isInverse || forceClassName;\n\tconst isFirstThemedRender = !state.hasEverThemed;\n\tif (isFirstThemedRender) state.hasEverThemed = true;\n\tif (requiresExtraWrapper || isFirstThemedRender && (themeState.name === \"dark\" || themeState.name === \"light\")) state.hasEverThemed = \"wrapped\";\n\tif (shallow) if (!themeState.parentId) {} else {\n\t\tconst 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((child) => {\n\t\t\treturn isValidElement(child) ? passThrough ? child : 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\tconst baseStyle = props.contain ? inertContainedStyle : inertStyle;\n\t\tconst { className = \"\", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);\n\t\tconst inlineClassName = passThrough ? 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\tconst 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}\nconst inertStyle = { display: \"contents\" };\nconst inertContainedStyle = {\n\tdisplay: \"contents\",\n\tcontain: \"strict\"\n};\nconst 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?.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/Theme.native.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { createRefComponent } from "@tamagui/compose-refs";
 import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { getThemeClassNames, reservedThemeProps } from "@tamagui/helpers";
-import React, { Children, cloneElement, isValidElement, useRef } from "react";
+import { Children, cloneElement, isValidElement, useRef } from "react";
 import { variableToString } from "../createVariable.native.js";
 import { formatDiagnostic } from "../helpers/formatDiagnostic.native.js";
 import { removeNativeStyleScope, updateNativeStyleScope } from "../helpers/nativeStyleEngine.native.js";
@@ -33,10 +33,7 @@ var Theme = createRefComponent(function Theme2(props, ref) {
 	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) {}
+	if (ref && /* @__PURE__ */ isValidElement(finalChildren)) finalChildren = /* @__PURE__ */ cloneElement(finalChildren, { ref });
 	var stateRef = useRef({ hasEverThemed: false });
 	return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
 });
@@ -56,10 +53,11 @@ function getThemedChildren(themeState, children, props) {
 		value: themeState.id,
 		children
 	});
-	var { isInverse, name } = themeState;
+	var { isInverse } = themeState;
 	var requiresExtraWrapper = isInverse || forceClassName;
-	if (!state.hasEverThemed) state.hasEverThemed = true;
-	if (requiresExtraWrapper || themeState.name === "dark" || themeState.name === "light") state.hasEverThemed = "wrapped";
+	var isFirstThemedRender = !state.hasEverThemed;
+	if (isFirstThemedRender) state.hasEverThemed = true;
+	if (requiresExtraWrapper || isFirstThemedRender && (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(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", {
@@ -96,10 +94,13 @@ function getThemedChildren(themeState, children, props) {
 			},
 			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
-		});
+		if (state.hasEverThemed === "wrapped") {
+			var scheme = requiresExtraWrapper && themeState.schemeAuthored && themeState.scheme;
+			children = /* @__PURE__ */ jsx("span", {
+				className: scheme ? `t_${scheme} _dsp_contents` : "_dsp_contents",
+				children
+			});
+		}
 		return children;
 	}
 	return children;
@@ -113,12 +114,11 @@ var empty = {
 	className: "",
 	color: void 0
 };
-function getThemeClassNameAndColor(themeState, props) {
-	var isRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+function getThemeClassNameAndColor(themeState, props, isRoot) {
 	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)
+		className: getThemeClassNames(themeState.name, isRoot, themeState.schemeAuthored)
 	};
 }
 

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

@@ -1 +1 @@
-{"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, 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(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\") 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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"}
+{"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 { 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 && /* @__PURE__ */ isValidElement(finalChildren)) finalChildren = /* @__PURE__ */ cloneElement(finalChildren, { ref });\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\tvar isFirstThemedRender = !state.hasEverThemed;\n\tif (isFirstThemedRender) state.hasEverThemed = true;\n\tif (requiresExtraWrapper || isFirstThemedRender && (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

@@ -45,7 +45,7 @@ function ThemeDebug({ themeState, themeProps, children }) {
 					" />\xA0",
 					JSON.stringify({
 						name: themeState.name,
-						color1: themeState.theme.color1.val,
+						"color-1": themeState.theme["color-1"].val,
 						parentId: themeState.parentId,
 						isNew: themeState.isNew,
 						themeProps: { name: themeProps.name },

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

@@ -1 +1 @@
-{"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"}
+{"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                  \"color-1\": themeState.theme[\"color-1\"].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,WAAW,WAAW,MAAM,UAAU,CAAC;MACvC,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/ThemeUpdate.mjs

@@ -27,7 +27,7 @@ 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);
+	const css = process.env.TAMAGUI_RUNTIME === "island" || !values ? null : getVariablesCSSRules(values, config);
 	let rulesToInsert = null;
 	if (css && shouldInsertStyleRules(css.identifier)) {
 		updateRules(css.identifier, css.rules);