@tamagui/static 3.0.0-beta.806.1 → 3.0.0-beta.831.1

package/dist/cjs/compilerHost.cjs

@@ -551,8 +551,8 @@ function nativeDOMProps(input, tag) {
 	const consume = (entry) => consumed.push(entry);
 	for (const entry of entries) {
 		const value = entrySource(input, entry);
-		const attribute = (Object.hasOwn(import_dom.ATTRIBUTES, entry.name) ? import_dom.ATTRIBUTES[entry.name] : void 0) ?? (entry.name.startsWith("data-") ? import_dom.ATTRIBUTES["data-*"] : void 0);
-		const event = Object.hasOwn(import_dom.EVENTS, entry.name) ? import_dom.EVENTS[entry.name] : void 0;
+		const attribute = (entry.name in import_dom.ATTRIBUTES ? import_dom.ATTRIBUTES[entry.name] : void 0) ?? (entry.name.startsWith("data-") ? import_dom.ATTRIBUTES["data-*"] : void 0);
+		const event = entry.name in import_dom.EVENTS ? import_dom.EVENTS[entry.name] : void 0;
 		if (event) {
 			if (event.native === "none") {
 				return {
@@ -785,7 +785,20 @@ function createTamaguiCompilerHost(options) {
 	};
 	const modulesById = new Map(options.componentModules.map((module2) => [module2.resolvedId, module2.moduleName]));
 	const componentsByModule = new Map(options.components.map((component) => [component.moduleName, component]));
-	const normalizeStaticConfig = (staticConfig) => staticConfig.styleFrontend?.normalizeStaticConfig?.(staticConfig, options.tamaguiConfig) ?? staticConfig;
+	const normalizedStyleConfigs = /* @__PURE__ */ new WeakMap();
+	const normalizeStaticConfig = (staticConfig) => {
+		if (!staticConfig.styleFrontend) return staticConfig;
+		const normalized = core.getStyleStaticConfig(staticConfig, options.tamaguiConfig);
+		const result = {
+			...staticConfig,
+			baseStyle: normalized.baseStyle,
+			defaultProps: normalized.defaultProps,
+			variants: normalized.variants,
+			passthroughClassName: normalized.passthroughClassName
+		};
+		normalizedStyleConfigs.set(result, normalized);
+		return result;
+	};
 	const directStaticConfig = (element) => {
 		const identity = element.component.provenance;
 		if (!identity) return null;
@@ -801,7 +814,7 @@ function createTamaguiCompilerHost(options) {
 	const domStaticConfig = (element) => {
 		const identity = element.component.provenance;
 		const tag = element.component.name;
-		if (identity?.importedName !== "html" || !DOM_FRONTENDS.has(identity.specifier) || !Object.hasOwn(import_dom.TAGS, tag)) {
+		if (identity?.importedName !== "html" || !DOM_FRONTENDS.has(identity.specifier) || !(tag in import_dom.TAGS)) {
 			return null;
 		}
 		const row = import_dom.TAGS[tag];
@@ -850,7 +863,7 @@ function createTamaguiCompilerHost(options) {
 			bailouts: []
 		});
 		if (!base || !staticObject(definition.options.value)) return null;
-		const { variants, defaultVariants, compoundVariants, displayName, context, contextProps, ...defaultProps } = definition.options.value;
+		const { variants, defaultVariants, displayName, context, contextProps, ...defaultProps } = definition.options.value;
 		const baseClassName = definition.baseClassName?.kind === "static" && typeof definition.baseClassName.value === "string" ? definition.baseClassName.value : void 0;
 		return {
 			key: componentKey(definition.id, definition.name),
@@ -861,7 +874,6 @@ function createTamaguiCompilerHost(options) {
 					...base.staticConfig.variants,
 					...variants
 				},
-				compoundVariants: [...base.staticConfig.compoundVariants ?? [], ...compoundVariants ?? []],
 				defaultProps: {
 					...base.staticConfig.defaultProps,
 					...defaultProps,
@@ -878,14 +890,14 @@ function createTamaguiCompilerHost(options) {
 		const dom = domStaticConfig(element);
 		const resolved = dom ?? styledStaticConfig(styledDefinition) ?? directStaticConfig(element);
 		if (!resolved) return null;
-		const defaultProps = core.getDefaultProps(resolved.staticConfig) ?? {};
+		const defaultProps = resolved.staticConfig.defaultProps ?? {};
 		return {
 			key: resolved.key,
 			canFlatten: resolved.staticConfig.acceptsClassName !== false && !resolved.staticConfig.neverFlatten && !resolved.staticConfig.context,
 			staticConfig: resolved.staticConfig,
 			displayName: resolved.displayName,
 			...dom && { domTag: dom.tag },
-			partialRuntimeSafe: !dom && !styledDefinition && Object.keys(defaultProps).length === 0 && !resolved.staticConfig.defaultVariants && !resolved.staticConfig.baseClassName && !resolved.staticConfig.baseStyle && (resolved.staticConfig.compoundVariants?.length ?? 0) === 0
+			partialRuntimeSafe: !dom && !styledDefinition && Object.keys(defaultProps).length === 0 && !resolved.staticConfig.defaultVariants && !resolved.staticConfig.baseClassName && !resolved.staticConfig.baseStyle
 		};
 	};
 	const isStyleProp = (name, component) => {
@@ -928,13 +940,12 @@ function createTamaguiCompilerHost(options) {
 		}
 		process.env.TAMAGUI_TARGET = platform;
 		try {
-			core.prepareStyleStaticConfig(staticConfig);
 			return core.getSplitStyles(props, staticConfig, theme, firstThemeName, componentState, {
 				resolveValues: platform === "native" ? "except-theme" : "variable",
 				noClass: platform === "native",
 				isAnimated: false,
 				displayName
-			}, void 0, void 0, void 0, void 0, void 0, void 0, animationDriver);
+			}, void 0, void 0, void 0, void 0, void 0, void 0, animationDriver, normalizedStyleConfigs.get(staticConfig));
 		} finally {
 			if (previousStatic === void 0) delete process.env.IS_STATIC;
 			else process.env.IS_STATIC = previousStatic;
@@ -947,7 +958,6 @@ function createTamaguiCompilerHost(options) {
 		baseStyle: void 0,
 		defaultProps: {},
 		defaultVariants: void 0,
-		compoundVariants: [],
 		variants: {}
 	});
 	const styleOwners = (name, value, staticConfig) => {
@@ -1084,7 +1094,7 @@ function createTamaguiCompilerHost(options) {
 				}
 			}
 			const disableOptimizationEntry = input.element.entries.find((entry) => entry.kind === "prop" && entry.name === "disableOptimization");
-			if (disableOptimizationEntry || Object.hasOwn(props, "disableOptimization")) {
+			if (disableOptimizationEntry || "disableOptimization" in props) {
 				return bailout(input, "local/unsupported-target", "disableOptimization keeps the component on the runtime path", disableOptimizationEntry?.span);
 			}
 			if (component.domTag && props.hidden) props.display = "none";
@@ -1108,7 +1118,7 @@ function createTamaguiCompilerHost(options) {
 					return bailout(input, "local/unsupported-target", `${runtimeEvent} requires Tamagui runtime event mapping`);
 				}
 			}
-			const animationDefaultProps = core.getDefaultProps(component.staticConfig) ?? {};
+			const animationDefaultProps = component.staticConfig.defaultProps ?? {};
 			const animationProps = core.mergeProps(animationDefaultProps, props);
 			const animationNames = /* @__PURE__ */ new Set([...input.element.entries.flatMap((entry) => entry.kind === "prop" && runtimeAnimationProps.has(entry.name) ? [entry.name] : []), ...Object.keys(animationProps).filter((name) => runtimeAnimationProps.has(name) && animationProps[name] !== void 0)]);
 			const animateOnlyEntry = input.element.entries.find((entry) => entry.kind === "prop" && entry.name === "animateOnly");
@@ -1198,7 +1208,7 @@ function createTamaguiCompilerHost(options) {
 				});
 			}
 			const asChildEntry = input.element.entries.find((entry) => entry.kind === "prop" && entry.name === "asChild");
-			if (asChildEntry || Object.hasOwn(props, "asChild")) {
+			if (asChildEntry || "asChild" in props) {
 				return bailout(input, "local/unsupported-target", "asChild renders a Slot, not a host view", asChildEntry?.span);
 			}
 			if (platform === "native" && ("group" in props || "container" in props || "containerName" in props || "containerType" in props)) {
@@ -1298,7 +1308,7 @@ function createTamaguiCompilerHost(options) {
 				const entry = dynamicStyleEntries[0];
 				return bailout(input, "local/dynamic-style-value", `Style prop ${entry.kind === "prop" ? entry.name : "unknown"} could not be safely extracted`, entry.span);
 			}
-			const staticDefaultProps = core.getDefaultProps(component.staticConfig) ?? {};
+			const staticDefaultProps = component.staticConfig.defaultProps ?? {};
 			const defaultProps = platform === "web" && !component.staticConfig.isText && options.tamaguiConfig.settings.defaultPosition === "relative" && staticDefaultProps.position === void 0 ? core.mergeProps({ position: "relative" }, staticDefaultProps) : staticDefaultProps;
 			let completeProps = core.mergeProps(defaultProps, props);
 			if (platform === "native" && component.domTag && props.display === "flex") {
@@ -1339,7 +1349,7 @@ function createTamaguiCompilerHost(options) {
 			if (platform === "native") {
 				const isClauseValue = (name, value) => isStyleProp(name, component) && (typeof value === "string" && flatClausePattern.test(value) || isClauseObjectValue(value));
 				const defaultVariants = component.staticConfig.defaultVariants ?? {};
-				const carriesClause = Object.entries(completeProps).some(([name, value]) => isClauseValue(name, value)) || Object.entries(component.staticConfig.variants ?? {}).some(([variantName, definitions]) => (completeProps[variantName] !== void 0 || defaultVariants[variantName] !== void 0) && staticObject(definitions) && Object.values(definitions).some((definition) => staticObject(definition) && Object.entries(definition).some(([name, value]) => isClauseValue(name, value)))) || (component.staticConfig.compoundVariants ?? []).some((compound) => staticObject(compound) && staticObject(compound.style) && Object.entries(compound.style).some(([name, value]) => isClauseValue(name, value)));
+				const carriesClause = Object.entries(completeProps).some(([name, value]) => isClauseValue(name, value)) || Object.entries(component.staticConfig.variants ?? {}).some(([variantName, definitions]) => (completeProps[variantName] !== void 0 || defaultVariants[variantName] !== void 0) && staticObject(definitions) && Object.values(definitions).some((definition) => staticObject(definition) && Object.entries(definition).some(([name, value]) => isClauseValue(name, value))));
 				if (carriesClause) {
 					return bailout(input, "local/unsupported-target", "Native conditional value programs remain on the runtime path");
 				}

package/dist/cjs/domStructuralPass.cjs

@@ -48,11 +48,11 @@ const domStructuralPass = {
 		const edits = [];
 		const diagnostics = [];
 		const domElements = module2.elements.filter(isDOMElement);
-		const supportedDOMElements = domElements.filter((element) => Object.hasOwn(import_dom.TAGS, element.component.name));
+		const supportedDOMElements = domElements.filter((element) => element.component.name in import_dom.TAGS);
 		const domBySpan = new Map(supportedDOMElements.map((element) => [`${element.span.start}:${element.span.end}`, element]));
 		for (const element of domElements) {
 			const tagName = element.component.name;
-			if (!Object.hasOwn(import_dom.TAGS, tagName)) {
+			if (!(tagName in import_dom.TAGS)) {
 				diagnostics.push((0, import_compiler_core.localBailout)("local/unsupported-target", element.component.span, `html.${element.component.name} is not part of the Tamagui DOM contract`));
 				continue;
 			}
@@ -63,8 +63,8 @@ const domStructuralPass = {
 			}
 			for (const entry of element.entries) {
 				if (entry.kind !== "prop") continue;
-				const attribute = (Object.hasOwn(import_dom.ATTRIBUTES, entry.name) ? import_dom.ATTRIBUTES[entry.name] : void 0) ?? (entry.name.startsWith("data-") ? import_dom.ATTRIBUTES["data-*"] : void 0);
-				const event = Object.hasOwn(import_dom.EVENTS, entry.name) ? import_dom.EVENTS[entry.name] : void 0;
+				const attribute = (entry.name in import_dom.ATTRIBUTES ? import_dom.ATTRIBUTES[entry.name] : void 0) ?? (entry.name.startsWith("data-") ? import_dom.ATTRIBUTES["data-*"] : void 0);
+				const event = entry.name in import_dom.EVENTS ? import_dom.EVENTS[entry.name] : void 0;
 				const row = attribute ?? event;
 				if (!row) continue;
 				if (!acceptsTag(row.tags, tagName)) {

package/dist/cjs/staticEvaluationIgnoredModules.cjs

@@ -33,7 +33,7 @@ const tamaguiStaticEvaluationModules = Object.freeze({
 	"react-native-worklets": "react-native-worklets/lib/module/mock.js"
 });
 function getStaticEvaluationModuleReplacement(moduleName) {
-	return Object.hasOwn(tamaguiStaticEvaluationModules, moduleName) ? tamaguiStaticEvaluationModules[moduleName] : void 0;
+	return moduleName in tamaguiStaticEvaluationModules ? tamaguiStaticEvaluationModules[moduleName] : void 0;
 }
 function isIgnoredStaticEvaluationModule(moduleName, userIgnoredModules = []) {
 	return getStaticEvaluationModuleReplacement(moduleName) !== void 0 || userIgnoredModules.includes(moduleName);

package/dist/esm/compilerHost.mjs

@@ -529,8 +529,8 @@ function nativeDOMProps(input, tag) {
 	const consume = (entry) => consumed.push(entry);
 	for (const entry of entries) {
 		const value = entrySource(input, entry);
-		const attribute = (Object.hasOwn(ATTRIBUTES, entry.name) ? ATTRIBUTES[entry.name] : void 0) ?? (entry.name.startsWith("data-") ? ATTRIBUTES["data-*"] : void 0);
-		const event = Object.hasOwn(EVENTS, entry.name) ? EVENTS[entry.name] : void 0;
+		const attribute = (entry.name in ATTRIBUTES ? ATTRIBUTES[entry.name] : void 0) ?? (entry.name.startsWith("data-") ? ATTRIBUTES["data-*"] : void 0);
+		const event = entry.name in EVENTS ? EVENTS[entry.name] : void 0;
 		if (event) {
 			if (event.native === "none") {
 				return {
@@ -763,7 +763,20 @@ function createTamaguiCompilerHost(options) {
 	};
 	const modulesById = new Map(options.componentModules.map((module) => [module.resolvedId, module.moduleName]));
 	const componentsByModule = new Map(options.components.map((component) => [component.moduleName, component]));
-	const normalizeStaticConfig = (staticConfig) => staticConfig.styleFrontend?.normalizeStaticConfig?.(staticConfig, options.tamaguiConfig) ?? staticConfig;
+	const normalizedStyleConfigs = /* @__PURE__ */ new WeakMap();
+	const normalizeStaticConfig = (staticConfig) => {
+		if (!staticConfig.styleFrontend) return staticConfig;
+		const normalized = core.getStyleStaticConfig(staticConfig, options.tamaguiConfig);
+		const result = {
+			...staticConfig,
+			baseStyle: normalized.baseStyle,
+			defaultProps: normalized.defaultProps,
+			variants: normalized.variants,
+			passthroughClassName: normalized.passthroughClassName
+		};
+		normalizedStyleConfigs.set(result, normalized);
+		return result;
+	};
 	const directStaticConfig = (element) => {
 		const identity = element.component.provenance;
 		if (!identity) return null;
@@ -779,7 +792,7 @@ function createTamaguiCompilerHost(options) {
 	const domStaticConfig = (element) => {
 		const identity = element.component.provenance;
 		const tag = element.component.name;
-		if (identity?.importedName !== "html" || !DOM_FRONTENDS.has(identity.specifier) || !Object.hasOwn(TAGS, tag)) {
+		if (identity?.importedName !== "html" || !DOM_FRONTENDS.has(identity.specifier) || !(tag in TAGS)) {
 			return null;
 		}
 		const row = TAGS[tag];
@@ -828,7 +841,7 @@ function createTamaguiCompilerHost(options) {
 			bailouts: []
 		});
 		if (!base || !staticObject(definition.options.value)) return null;
-		const { variants, defaultVariants, compoundVariants, displayName, context, contextProps, ...defaultProps } = definition.options.value;
+		const { variants, defaultVariants, displayName, context, contextProps, ...defaultProps } = definition.options.value;
 		const baseClassName = definition.baseClassName?.kind === "static" && typeof definition.baseClassName.value === "string" ? definition.baseClassName.value : void 0;
 		return {
 			key: componentKey(definition.id, definition.name),
@@ -839,7 +852,6 @@ function createTamaguiCompilerHost(options) {
 					...base.staticConfig.variants,
 					...variants
 				},
-				compoundVariants: [...base.staticConfig.compoundVariants ?? [], ...compoundVariants ?? []],
 				defaultProps: {
 					...base.staticConfig.defaultProps,
 					...defaultProps,
@@ -856,14 +868,14 @@ function createTamaguiCompilerHost(options) {
 		const dom = domStaticConfig(element);
 		const resolved = dom ?? styledStaticConfig(styledDefinition) ?? directStaticConfig(element);
 		if (!resolved) return null;
-		const defaultProps = core.getDefaultProps(resolved.staticConfig) ?? {};
+		const defaultProps = resolved.staticConfig.defaultProps ?? {};
 		return {
 			key: resolved.key,
 			canFlatten: resolved.staticConfig.acceptsClassName !== false && !resolved.staticConfig.neverFlatten && !resolved.staticConfig.context,
 			staticConfig: resolved.staticConfig,
 			displayName: resolved.displayName,
 			...dom && { domTag: dom.tag },
-			partialRuntimeSafe: !dom && !styledDefinition && Object.keys(defaultProps).length === 0 && !resolved.staticConfig.defaultVariants && !resolved.staticConfig.baseClassName && !resolved.staticConfig.baseStyle && (resolved.staticConfig.compoundVariants?.length ?? 0) === 0
+			partialRuntimeSafe: !dom && !styledDefinition && Object.keys(defaultProps).length === 0 && !resolved.staticConfig.defaultVariants && !resolved.staticConfig.baseClassName && !resolved.staticConfig.baseStyle
 		};
 	};
 	const isStyleProp = (name, component) => {
@@ -906,13 +918,12 @@ function createTamaguiCompilerHost(options) {
 		}
 		process.env.TAMAGUI_TARGET = platform;
 		try {
-			core.prepareStyleStaticConfig(staticConfig);
 			return core.getSplitStyles(props, staticConfig, theme, firstThemeName, componentState, {
 				resolveValues: platform === "native" ? "except-theme" : "variable",
 				noClass: platform === "native",
 				isAnimated: false,
 				displayName
-			}, void 0, void 0, void 0, void 0, void 0, void 0, animationDriver);
+			}, void 0, void 0, void 0, void 0, void 0, void 0, animationDriver, normalizedStyleConfigs.get(staticConfig));
 		} finally {
 			if (previousStatic === void 0) delete process.env.IS_STATIC;
 			else process.env.IS_STATIC = previousStatic;
@@ -925,7 +936,6 @@ function createTamaguiCompilerHost(options) {
 		baseStyle: void 0,
 		defaultProps: {},
 		defaultVariants: void 0,
-		compoundVariants: [],
 		variants: {}
 	});
 	const styleOwners = (name, value, staticConfig) => {
@@ -1062,7 +1072,7 @@ function createTamaguiCompilerHost(options) {
 				}
 			}
 			const disableOptimizationEntry = input.element.entries.find((entry) => entry.kind === "prop" && entry.name === "disableOptimization");
-			if (disableOptimizationEntry || Object.hasOwn(props, "disableOptimization")) {
+			if (disableOptimizationEntry || "disableOptimization" in props) {
 				return bailout(input, "local/unsupported-target", "disableOptimization keeps the component on the runtime path", disableOptimizationEntry?.span);
 			}
 			if (component.domTag && props.hidden) props.display = "none";
@@ -1086,7 +1096,7 @@ function createTamaguiCompilerHost(options) {
 					return bailout(input, "local/unsupported-target", `${runtimeEvent} requires Tamagui runtime event mapping`);
 				}
 			}
-			const animationDefaultProps = core.getDefaultProps(component.staticConfig) ?? {};
+			const animationDefaultProps = component.staticConfig.defaultProps ?? {};
 			const animationProps = core.mergeProps(animationDefaultProps, props);
 			const animationNames = /* @__PURE__ */ new Set([...input.element.entries.flatMap((entry) => entry.kind === "prop" && runtimeAnimationProps.has(entry.name) ? [entry.name] : []), ...Object.keys(animationProps).filter((name) => runtimeAnimationProps.has(name) && animationProps[name] !== void 0)]);
 			const animateOnlyEntry = input.element.entries.find((entry) => entry.kind === "prop" && entry.name === "animateOnly");
@@ -1176,7 +1186,7 @@ function createTamaguiCompilerHost(options) {
 				});
 			}
 			const asChildEntry = input.element.entries.find((entry) => entry.kind === "prop" && entry.name === "asChild");
-			if (asChildEntry || Object.hasOwn(props, "asChild")) {
+			if (asChildEntry || "asChild" in props) {
 				return bailout(input, "local/unsupported-target", "asChild renders a Slot, not a host view", asChildEntry?.span);
 			}
 			if (platform === "native" && ("group" in props || "container" in props || "containerName" in props || "containerType" in props)) {
@@ -1276,7 +1286,7 @@ function createTamaguiCompilerHost(options) {
 				const entry = dynamicStyleEntries[0];
 				return bailout(input, "local/dynamic-style-value", `Style prop ${entry.kind === "prop" ? entry.name : "unknown"} could not be safely extracted`, entry.span);
 			}
-			const staticDefaultProps = core.getDefaultProps(component.staticConfig) ?? {};
+			const staticDefaultProps = component.staticConfig.defaultProps ?? {};
 			const defaultProps = platform === "web" && !component.staticConfig.isText && options.tamaguiConfig.settings.defaultPosition === "relative" && staticDefaultProps.position === void 0 ? core.mergeProps({ position: "relative" }, staticDefaultProps) : staticDefaultProps;
 			let completeProps = core.mergeProps(defaultProps, props);
 			if (platform === "native" && component.domTag && props.display === "flex") {
@@ -1317,7 +1327,7 @@ function createTamaguiCompilerHost(options) {
 			if (platform === "native") {
 				const isClauseValue = (name, value) => isStyleProp(name, component) && (typeof value === "string" && flatClausePattern.test(value) || isClauseObjectValue(value));
 				const defaultVariants = component.staticConfig.defaultVariants ?? {};
-				const carriesClause = Object.entries(completeProps).some(([name, value]) => isClauseValue(name, value)) || Object.entries(component.staticConfig.variants ?? {}).some(([variantName, definitions]) => (completeProps[variantName] !== void 0 || defaultVariants[variantName] !== void 0) && staticObject(definitions) && Object.values(definitions).some((definition) => staticObject(definition) && Object.entries(definition).some(([name, value]) => isClauseValue(name, value)))) || (component.staticConfig.compoundVariants ?? []).some((compound) => staticObject(compound) && staticObject(compound.style) && Object.entries(compound.style).some(([name, value]) => isClauseValue(name, value)));
+				const carriesClause = Object.entries(completeProps).some(([name, value]) => isClauseValue(name, value)) || Object.entries(component.staticConfig.variants ?? {}).some(([variantName, definitions]) => (completeProps[variantName] !== void 0 || defaultVariants[variantName] !== void 0) && staticObject(definitions) && Object.values(definitions).some((definition) => staticObject(definition) && Object.entries(definition).some(([name, value]) => isClauseValue(name, value))));
 				if (carriesClause) {
 					return bailout(input, "local/unsupported-target", "Native conditional value programs remain on the runtime path");
 				}