styled-components-to-stylex-codemod 0.0.45 → 0.0.46

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { a as CollectedWarning, c as MarkerFileContext, l as defineAdapter, n as TransformMode, o as AdapterInput, s as ImportSource } from "./transform-types-CQjiY4Yp.mjs";
+import { a as CollectedWarning, c as MarkerFileContext, l as defineAdapter, n as TransformMode, o as AdapterInput, s as ImportSource } from "./transform-types-_s0eXWNM.mjs";
 
 //#region src/run.d.ts
 interface RunTransformOptions {

package/dist/index.mjs

@@ -149,7 +149,7 @@ async function runTransform(options) {
 	const { createModuleResolver } = await import("./resolve-imports-DgSAddIF.mjs").then((n) => n.n);
 	const sharedResolver = createModuleResolver();
 	filePaths = orderFilesByLocalImportDependencies(filePaths, sharedResolver, toRealPath);
-	const { runPrepass } = await import("./run-prepass-COJ2IOPl.mjs");
+	const { runPrepass } = await import("./run-prepass-u7NeybrS.mjs");
 	const absoluteFiles = filePaths.map((f) => resolve(f));
 	const absoluteConsumers = consumerFilePaths.map((f) => resolve(f));
 	let prepassResult;
@@ -252,7 +252,11 @@ async function runTransform(options) {
 					const autoInterfaceNames = ctx.importedName === "default" ? [ctx.localName, ctx.importedName] : [ctx.importedName];
 					const styledDefinitionNames = getStyledDefinitionNames(definitionSourcePath);
 					const sourceComponentNames = ctx.importedName === "default" ? [ctx.localName, getDefaultExportedName(definitionSourcePath)].filter((name) => typeof name === "string") : [ctx.importedName];
-					if (findTypedComponentMetadata(prepassResult.typeScriptMetadata, definitionSourcePath, sourceComponentNames)?.supportsSxProp === true) return { acceptsSx: true };
+					const typedComponent = findTypedComponentMetadata(prepassResult.typeScriptMetadata, definitionSourcePath, sourceComponentNames);
+					if (typedComponent?.supportsSxProp === true) return {
+						acceptsSx: true,
+						sxExcludedProperties: typedComponent.sxExcludedProperties
+					};
 					if (transformedComponentAcceptsSx({
 						absolutePath: definitionSourcePath,
 						componentNames: sourceComponentNames,

package/dist/{run-prepass-COJ2IOPl.mjs → run-prepass-u7NeybrS.mjs}

@@ -755,7 +755,7 @@ function isTypeScriptParser(parserName) {
 }
 async function loadTypeScriptAnalysis() {
 	try {
-		return await import("./typescript-analysis-UWX_ePX0.mjs");
+		return await import("./typescript-analysis-9qBUYSi7.mjs");
 	} catch (err) {
 		const message = err instanceof Error ? err.message : String(err);
 		if (message.includes("typescript") && (message.includes("Cannot find") || message.includes("ERR_MODULE_NOT_FOUND"))) throw new Error(["TypeScript parser runs require the optional `typescript` package for compiler metadata.", "Install TypeScript in the project (supported range: >=5.0.0 <6), or use a non-TypeScript parser."].join("\n"));

package/dist/{transform-types-CQjiY4Yp.d.mts → transform-types-_s0eXWNM.d.mts}

@@ -377,7 +377,7 @@ interface ResolveBaseComponentContext {
   importSource: string;
   /**
    * Imported binding name for the wrapped base component.
-   * Example: `import { Flex as OrbiterFlex } ...` -> importedName: "Flex"
+   * Example: `import { Flex as DesignSystemFlex } ...` -> importedName: "Flex"
    */
   importedName: string;
   /**
@@ -606,6 +606,14 @@ interface WrappedComponentInterfaceContext {
  */
 interface WrappedComponentInterfaceResult {
   acceptsSx: boolean;
+  /**
+   * CSS property names that the wrapped component's `sx` prop explicitly rejects.
+   *
+   * Some components accept `sx`, but narrow it with `StyleXStylesWithout<...>` to
+   * reserve properties that the component owns internally. The transform can still
+   * use `sx` if it rewrites generated styles away from those excluded properties.
+   */
+  sxExcludedProperties?: string[];
 }
 /**
  * Configuration for a custom style merger function that combines stylex.props()
@@ -921,7 +929,7 @@ declare function defineAdapter<T extends AdapterInput>(adapter: T): T;
 //#endregion
 //#region src/internal/logger.d.ts
 type Severity = "info" | "warning" | "error";
-type WarningType = "`css` helper function switch must return css templates in all branches" | "`css` helper usage as a function call (css(...)) is not supported" | "`css` helper used outside of a styled component template cannot be statically transformed" | "Adapter helper call in border interpolation did not resolve to a single CSS value" | "Adapter resolveCall returned an unparseable styles expression" | "Adapter resolveCall returned an unparseable value expression" | "Adapter resolveCall returned StyleX styles for helper call where a CSS value was expected" | "Adapter resolved an imported helper call as StyleX styles without replacing the RuleSet helper" | "Adapter resolveCall returned undefined for helper call" | "Adapter resolveBaseComponent threw an error" | "Adapter resolved StyleX styles cannot be applied under nested selectors/at-rules" | "Adapter resolved StyleX styles inside pseudo selector but did not provide cssText for property expansion — add cssText to resolveCall result to enable pseudo-wrapping" | 'Adapter resolveCall cssText could not be parsed as CSS declarations — expected semicolon-separated property: value pairs (e.g. "white-space: nowrap; overflow: hidden;")' | "Adapter resolveValue returned an unparseable value expression" | "Adapter resolveValue returned undefined for imported value" | "Arrow function: body is not a recognized pattern (expected ternary, logical, call, or member expression)" | "Arrow function: conditional branches could not be resolved to static or theme values" | "Arrow function: helper call body is not supported" | "Arrow function: indexed theme lookup pattern not matched" | "Arrow function: logical expression pattern not supported" | "Arrow function: prop access cannot be converted to style function for this CSS property" | "Arrow function: theme access path could not be resolved" | "Component selectors like `${OtherComponent}:hover &` are not directly representable in StyleX. Manual refactor is required" | "Conditional `css` block: !important is not supported in StyleX" | "Conditional `css` block: @-rules (e.g., @media, @supports) are not supported" | "CSS block contains unsupported at-rule (only @media and @container are supported; @supports, etc. require manual handling)" | "Conditional `css` block: dynamic interpolation could not be resolved to a single component prop" | "Conditional `css` block: failed to parse expression" | "Conditional `css` block: missing CSS property name" | "Conditional `css` block: missing interpolation expression" | "Conditional `css` block: mixed static/dynamic values with non-theme expressions cannot be safely transformed" | "Conditional `css` block: multiple interpolation slots in a single property value" | "Conditional `css` block: ternary branch value could not be resolved (imported values require adapter support)" | "Conditional `css` block: ternary expressions inside pseudo selectors are not supported" | "Conditional `css` block: media query interpolation must be a simple imported reference (expressions like `value + 1` are not supported)" | "Conditional `css` block: unsupported selector" | "Directional border helper styles are not supported" | "Multi-slot border interpolation could not be resolved" | "Resolved border helper value could not be expanded to longhand properties" | "Resolved conditional border variant could not be expanded to longhand properties" | "createGlobalStyle is not supported in StyleX. Global styles should be handled separately (e.g., in a CSS file or using CSS reset libraries)" | "Failed to parse theme expressions" | "Heterogeneous background values (mix of gradients and colors) not currently supported" | "Higher-order styled factory wrappers (e.g. hoc(styled)) are not supported" | "Imported CSS helper mixins: cannot determine inherited properties for correct pseudo selector handling" | "Local helper function returns CSS that cannot be decomposed into individual properties" | "Local helper function computes CSS values that cannot be statically traced to the component prop" | "Unsupported background shorthand: multiple components cannot be mapped to a single StyleX longhand" | "Styled-components specificity hacks like `&&` / `&&&` are not representable in StyleX" | "Theme-dependent block-level conditional could not be fully resolved (branches may contain dynamic interpolations)" | "Theme-dependant call expression could not be resolved (e.g. theme helper calls like theme.highlight() are not supported)" | "Theme value with fallback (props.theme.X ?? / || default) cannot be resolved statically — use adapter.resolveValue to map theme paths to StyleX tokens" | "Theme-dependent nested prop access requires a project-specific theme source (e.g. useTheme())" | "Theme-dependent template literals require a project-specific theme source (e.g. useTheme())" | "Theme prop overrides on styled components are not supported" | "Universal selectors (`*`) are currently unsupported" | "Unsupported call expression (expected imported helper(...) or imported helper(...)(...))" | "Unsupported conditional test in shouldForwardProp" | "Unsupported .attrs() callback pattern" | "Unsupported shouldForwardProp pattern (only !prop.startsWith(), ![].includes(prop), and prop !== are supported)" | "Unsupported interpolation: arrow function" | "Unsupported interpolation: call expression" | "Unsupported interpolation: identifier" | "Unsupported interpolation: member expression" | "Unsupported interpolation: property" | "Unsupported interpolation: unknown" | "Unsupported nested conditional interpolation" | "Unsupported prop-based inline style expression cannot be safely inlined" | "Unsupported prop-based inline style props.theme access is not supported" | "Unsupported selector interpolation: imported value in selector position" | "Unsupported: media query interpolation must be a simple imported reference (expressions like `value + 1` are not supported)" | "Unsupported selector: class selector" | "Unsupported selector: comma-separated selectors must all be simple pseudos or pseudo-elements" | "Unsupported selector: descendant pseudo selector (space before pseudo)" | "Unsupported selector: adjacent sibling combinator" | "Unsupported selector: descendant/child/sibling selector" | "Unsupported selector: conditional css block inside pseudo-element selector" | "Unsupported selector: interpolated pseudo selector" | "Unsupported selector: pseudo-class on pseudo-element selector" | "Unsupported selector: unsupported pseudo-element" | "Unsupported selector: sibling combinator" | "Unsupported selector: unresolved interpolation in sibling selector" | "Unsupported selector: ambiguous element selector" | "Unsupported selector: attribute selector on unsupported element" | "Unsupported selector: element selector on exported component" | "Unsupported selector: element selector with combined ancestor and child pseudos" | "Unsupported selector: element selector with dynamic children" | "Unsupported selector: element selector with plain intrinsic children" | "Unsupported selector: element selector pseudo collision" | "Unsupported selector: cross-file component selector target has no JSX usage in this file" | "Unsupported selector: unresolved interpolation in cross-file component selector" | "Unsupported selector: unresolved interpolation in descendant component selector" | "Unsupported selector: unresolved interpolation in attribute selector" | "Unsupported selector: unresolved interpolation in element selector" | "Unsupported selector: unresolved interpolation in reverse component selector" | "Unsupported selector: unresolved interpolation in cross-component sibling selector" | "Unsupported selector: grouped reverse selector references different components" | "Unsupported selector: computed media query inside ancestor attribute selector" | "Unsupported selector: computed media query inside cross-component sibling selector" | "Unsupported selector: computed media query inside sibling selector" | "Unsupported selector: computed media query inside :has() component selector" | "Unsupported selector: cross-file :has() component selector not yet supported" | "Unsupported selector: unresolved interpolation in :has() component selector" | "Unsupported selector: unknown component selector" | "Unsupported selector: component selector with child pseudo" | "Unsupported selector: component selector target has no patchable JSX usage under selector parent" | "Unsupported selector: compound pseudo selector" | "Unsupported css`` mixin: after-base mixin style is not a plain object" | "Unsupported css`` mixin: nested contextual conditions in after-base mixin" | "Unsupported css`` mixin: cannot infer base default for after-base contextual override (base value is non-literal)" | "css`` helper function interpolation references closure variable that cannot be hoisted" | "Using styled-components components as mixins is not supported; use css`` mixins or strings instead" | "styled(ImportedComponent) wraps a component whose file uses styled-components — convert the base component's file first to avoid CSS cascade conflicts" | "Partial transform would have a StyleX leaf wrap a styled-components base — the extending component was transformed but its base was not, so the leaf's StyleX overrides cannot reliably beat the base's styled-components styles" | "Transient $-prefixed props renamed on exported component — update consumer call sites to use the new prop names" | "Shorthand property has an opaque value that StyleX will expand to longhands — use `directional` in resolveValue to return separate longhand tokens" | "animation shorthand contains a var() with no classifiable fallback — its longhand position cannot be determined statically; bind the variable to a specific longhand (e.g. animation-duration: var(--x)) instead";
+type WarningType = "`css` helper function switch must return css templates in all branches" | "`css` helper usage as a function call (css(...)) is not supported" | "`css` helper used outside of a styled component template cannot be statically transformed" | "Adapter helper call in border interpolation did not resolve to a single CSS value" | "Adapter resolveCall returned an unparseable styles expression" | "Adapter resolveCall returned an unparseable value expression" | "Adapter resolveCall returned StyleX styles for helper call where a CSS value was expected" | "Adapter resolved an imported helper call as StyleX styles without replacing the RuleSet helper" | "Adapter resolveCall returned undefined for helper call" | "Adapter resolveBaseComponent threw an error" | "Adapter resolved StyleX styles cannot be applied under nested selectors/at-rules" | "Adapter resolved StyleX styles inside pseudo selector but did not provide cssText for property expansion — add cssText to resolveCall result to enable pseudo-wrapping" | 'Adapter resolveCall cssText could not be parsed as CSS declarations — expected semicolon-separated property: value pairs (e.g. "white-space: nowrap; overflow: hidden;")' | "Adapter resolveValue returned an unparseable value expression" | "Adapter resolveValue returned undefined for imported value" | "Arrow function: body is not a recognized pattern (expected ternary, logical, call, or member expression)" | "Arrow function: conditional branches could not be resolved to static or theme values" | "Arrow function: helper call body is not supported" | "Arrow function: indexed theme lookup pattern not matched" | "Arrow function: logical expression pattern not supported" | "Arrow function: prop access cannot be converted to style function for this CSS property" | "Arrow function: theme access path could not be resolved" | "Component selectors like `${OtherComponent}:hover &` are not directly representable in StyleX. Manual refactor is required" | "Conditional `css` block: !important is not supported in StyleX" | "Conditional `css` block: @-rules (e.g., @media, @supports) are not supported" | "CSS block contains unsupported at-rule (only @media and @container are supported; @supports, etc. require manual handling)" | "Conditional `css` block: dynamic interpolation could not be resolved to a single component prop" | "Conditional `css` block: failed to parse expression" | "Conditional `css` block: missing CSS property name" | "Conditional `css` block: missing interpolation expression" | "Conditional `css` block: mixed static/dynamic values with non-theme expressions cannot be safely transformed" | "Conditional `css` block: multiple interpolation slots in a single property value" | "Conditional `css` block: ternary branch value could not be resolved (imported values require adapter support)" | "Conditional `css` block: ternary expressions inside pseudo selectors are not supported" | "Conditional `css` block: media query interpolation must be a simple imported reference (expressions like `value + 1` are not supported)" | "Conditional `css` block: unsupported selector" | "Directional border helper styles are not supported" | "Multi-slot border interpolation could not be resolved" | "Resolved border helper value could not be expanded to longhand properties" | "Resolved conditional border variant could not be expanded to longhand properties" | "createGlobalStyle is not supported in StyleX. Global styles should be handled separately (e.g., in a CSS file or using CSS reset libraries)" | "Failed to parse theme expressions" | "Heterogeneous background values (mix of gradients and colors) not currently supported" | "Higher-order styled factory wrappers (e.g. hoc(styled)) are not supported" | "Imported CSS helper mixins: cannot determine inherited properties for correct pseudo selector handling" | "Local helper function returns CSS that cannot be decomposed into individual properties" | "Local helper function computes CSS values that cannot be statically traced to the component prop" | "Unsupported background shorthand: multiple components cannot be mapped to a single StyleX longhand" | "Styled-components specificity hacks like `&&` / `&&&` are not representable in StyleX" | "Theme-dependent block-level conditional could not be fully resolved (branches may contain dynamic interpolations)" | "Theme-dependant call expression could not be resolved (e.g. theme helper calls like theme.highlight() are not supported)" | "Theme value with fallback (props.theme.X ?? / || default) cannot be resolved statically — use adapter.resolveValue to map theme paths to StyleX tokens" | "Theme-dependent nested prop access requires a project-specific theme source (e.g. useTheme())" | "Theme-dependent template literals require a project-specific theme source (e.g. useTheme())" | "Theme prop overrides on styled components are not supported" | "Universal selectors (`*`) are currently unsupported" | "Unsupported call expression (expected imported helper(...) or imported helper(...)(...))" | "Unsupported conditional test in shouldForwardProp" | "Unsupported .attrs() callback pattern" | "Unsupported shouldForwardProp pattern (only !prop.startsWith(), ![].includes(prop), and prop !== are supported)" | "Unsupported interpolation: arrow function" | "Unsupported interpolation: call expression" | "Unsupported interpolation: identifier" | "Unsupported interpolation: member expression" | "Unsupported interpolation: property" | "Unsupported interpolation: unknown" | "Unsupported nested conditional interpolation" | "Unsupported prop-based inline style expression cannot be safely inlined" | "Unsupported prop-based inline style props.theme access is not supported" | "Unsupported selector interpolation: imported value in selector position" | "Unsupported: media query interpolation must be a simple imported reference (expressions like `value + 1` are not supported)" | "Unsupported selector: class selector" | "Unsupported selector: comma-separated selectors must all be simple pseudos or pseudo-elements" | "Unsupported selector: descendant pseudo selector (space before pseudo)" | "Unsupported selector: adjacent sibling combinator" | "Unsupported selector: descendant/child/sibling selector" | "Unsupported selector: conditional css block inside pseudo-element selector" | "Unsupported selector: interpolated pseudo selector" | "Unsupported selector: pseudo-class on pseudo-element selector" | "Unsupported selector: unsupported pseudo-element" | "Unsupported selector: sibling combinator" | "Unsupported selector: unresolved interpolation in sibling selector" | "Unsupported selector: ambiguous element selector" | "Unsupported selector: attribute selector on unsupported element" | "Unsupported selector: element selector on exported component" | "Unsupported selector: element selector with combined ancestor and child pseudos" | "Unsupported selector: element selector with dynamic children" | "Unsupported selector: element selector with plain intrinsic children" | "Unsupported selector: element selector pseudo collision" | "Unsupported selector: cross-file component selector target has no JSX usage in this file" | "Unsupported selector: unresolved interpolation in cross-file component selector" | "Unsupported selector: unresolved interpolation in descendant component selector" | "Unsupported selector: unresolved interpolation in attribute selector" | "Unsupported selector: unresolved interpolation in element selector" | "Unsupported selector: unresolved interpolation in reverse component selector" | "Unsupported selector: unresolved interpolation in cross-component sibling selector" | "Unsupported selector: grouped reverse selector references different components" | "Unsupported selector: computed media query inside ancestor attribute selector" | "Unsupported selector: computed media query inside cross-component sibling selector" | "Unsupported selector: computed media query inside sibling selector" | "Unsupported selector: computed media query inside :has() component selector" | "Unsupported selector: cross-file :has() component selector not yet supported" | "Unsupported selector: unresolved interpolation in :has() component selector" | "Unsupported selector: unknown component selector" | "Unsupported selector: component selector with child pseudo" | "Unsupported selector: component selector target has no patchable JSX usage under selector parent" | "Unsupported selector: compound pseudo selector" | "Unsupported css`` mixin: after-base mixin style is not a plain object" | "Unsupported css`` mixin: nested contextual conditions in after-base mixin" | "Unsupported css`` mixin: cannot infer base default for after-base contextual override (base value is non-literal)" | "css`` helper function interpolation references closure variable that cannot be hoisted" | "Using styled-components components as mixins is not supported; use css`` mixins or strings instead" | "styled(ImportedComponent) wraps a component whose file uses styled-components — convert the base component's file first to avoid CSS cascade conflicts" | "Partial transform would have a StyleX leaf wrap a styled-components base — the extending component was transformed but its base was not, so the leaf's StyleX overrides cannot reliably beat the base's styled-components styles" | "Wrapped component sx prop rejects logical CSS properties that cannot be preserved losslessly" | "Transient $-prefixed props renamed on exported component — update consumer call sites to use the new prop names" | "Shorthand property has an opaque value that StyleX will expand to longhands — use `directional` in resolveValue to return separate longhand tokens" | "animation shorthand contains a var() with no classifiable fallback — its longhand position cannot be determined statically; bind the variable to a specific longhand (e.g. animation-duration: var(--x)) instead";
 interface WarningLog {
   severity: Severity;
   type: WarningType;
@@ -958,6 +966,7 @@ interface TypeScriptComponentMetadata {
   restProps: TypeScriptRestPropMetadata[];
   hasIndexSignature: boolean;
   supportsSxProp: boolean;
+  sxExcludedProperties: string[];
 }
 interface TypeScriptFunctionMetadata {
   name: string;

package/dist/transform.d.mts

@@ -1,4 +1,4 @@
-import { i as TransformResult, r as TransformOptions, t as BridgeComponentResult } from "./transform-types-CQjiY4Yp.mjs";
+import { i as TransformResult, r as TransformOptions, t as BridgeComponentResult } from "./transform-types-_s0eXWNM.mjs";
 import { API, FileInfo, Options } from "jscodeshift";
 
 //#region src/transform.d.ts

package/dist/transform.mjs

@@ -30,6 +30,50 @@ const STYLEX_LONGHAND_ONLY_SHORTHANDS = new Set([
 	"scroll-margin",
 	"scroll-padding"
 ]);
+/** Mapping from CSS shorthand to the longhands that conflict with it. */
+const SHORTHAND_LONGHANDS = {
+	margin: {
+		physical: [
+			"marginTop",
+			"marginRight",
+			"marginBottom",
+			"marginLeft"
+		],
+		logical: ["marginBlock", "marginInline"]
+	},
+	padding: {
+		physical: [
+			"paddingTop",
+			"paddingRight",
+			"paddingBottom",
+			"paddingLeft"
+		],
+		logical: ["paddingBlock", "paddingInline"]
+	},
+	scrollMargin: {
+		physical: [
+			"scrollMarginTop",
+			"scrollMarginRight",
+			"scrollMarginBottom",
+			"scrollMarginLeft"
+		],
+		logical: ["scrollMarginBlock", "scrollMarginInline"]
+	},
+	scrollPadding: {
+		physical: [
+			"scrollPaddingTop",
+			"scrollPaddingRight",
+			"scrollPaddingBottom",
+			"scrollPaddingLeft"
+		],
+		logical: ["scrollPaddingBlock", "scrollPaddingInline"]
+	}
+};
+/**
+* Mapping from logical longhands to their physical equivalents, derived from SHORTHAND_LONGHANDS.
+* `marginBlock` -> `["marginTop", "marginBottom"]`
+*/
+const LOGICAL_TO_PHYSICAL = Object.fromEntries(Object.values(SHORTHAND_LONGHANDS).flatMap(({ physical, logical }) => [[logical[0], [physical[0], physical[2]]], [logical[1], [physical[1], physical[3]]]]));
 function isStylexLonghandOnlyShorthand(prop) {
 	return STYLEX_LONGHAND_ONLY_SHORTHANDS.has(prop);
 }
@@ -4498,6 +4542,40 @@ function buildChildStyleObjectList(childKeys, resolvedStyleObjects) {
 	return childStyleObjects;
 }
 //#endregion
+//#region src/internal/utilities/wrapped-component-interface.ts
+function wrappedComponentInterfaceFor(ctx, componentLocalName) {
+	if (!ctx.adapter.useSxProp) return;
+	const importInfo = ctx.importMap?.get(componentLocalName);
+	if (importInfo) {
+		const typedInterface = importInfo.source.kind === "absolutePath" ? typedComponentInterfaceFor(ctx, importInfo.source.value, importInfo.importedName === "default" ? [componentLocalName, importInfo.importedName] : [importInfo.importedName]) : void 0;
+		const adapterResult = ctx.adapter.wrappedComponentInterface?.({
+			localName: componentLocalName,
+			importSource: importInfo.source.value,
+			importedName: importInfo.importedName,
+			filePath: ctx.file.path
+		});
+		if (adapterResult !== void 0) {
+			if (adapterResult.acceptsSx && typedInterface?.sxExcludedProperties?.length) return {
+				...adapterResult,
+				sxExcludedProperties: mergeUniqueStrings(adapterResult.sxExcludedProperties, typedInterface.sxExcludedProperties)
+			};
+			return adapterResult;
+		}
+		return typedInterface;
+	}
+	return typedComponentInterfaceFor(ctx, ctx.file.path, [componentLocalName]);
+}
+function typedComponentInterfaceFor(ctx, filePath, componentNames) {
+	const typedComponent = findTypeScriptComponentMetadata(ctx.options.crossFileInfo?.typeScriptMetadata, filePath, componentNames);
+	if (typedComponent?.supportsSxProp) return {
+		acceptsSx: true,
+		sxExcludedProperties: typedComponent.sxExcludedProperties
+	};
+}
+function mergeUniqueStrings(first, second) {
+	return [...new Set([...first ?? [], ...second])];
+}
+//#endregion
 //#region src/internal/transform-steps/analyze-before-emit.ts
 const INLINE_USAGE_THRESHOLD = 1;
 /**
@@ -5069,6 +5147,10 @@ function analyzeBeforeEmitStep(ctx) {
 		}
 		else ctx.resolvedStyleObjects.set(entry.styleKey, entry.styleValue);
 	}
+	if (!validateSxRestrictedWrappedComponentStyles(ctx, styledDecls)) return returnResult({
+		code: null,
+		warnings: ctx.warnings
+	}, "bail");
 	const existingStylexTarget = findExistingStylexStylesTarget({
 		ctx,
 		styledDeclNames,
@@ -5682,6 +5764,7 @@ function renameStaticAttrKeys(attrs, renames) {
 */
 function collectAllStyleKeysForDecl(decl) {
 	const keys = [decl.styleKey];
+	if (decl.adjacentSiblingStyleKey) keys.push(decl.adjacentSiblingStyleKey);
 	for (const key of Object.values(decl.variantStyleKeys ?? {})) keys.push(key);
 	for (const sf of decl.styleFnFromProps ?? []) keys.push(sf.fnKey);
 	for (const key of decl.extraStyleKeys ?? []) keys.push(key);
@@ -5692,7 +5775,21 @@ function collectAllStyleKeysForDecl(decl) {
 		for (const c of decl.enumVariant.cases) keys.push(c.styleKey);
 	}
 	for (const sbv of decl.staticBooleanVariants ?? []) keys.push(sbv.styleKey);
+	for (const cs of decl.callSiteCombinedStyles ?? []) keys.push(cs.styleKey);
+	for (const ps of decl.promotedStyleProps ?? []) if (!ps.mergeIntoBase) keys.push(ps.styleKey);
 	for (const pas of decl.pseudoAliasSelectors ?? []) keys.push(...pas.styleKeys);
+	for (const pes of decl.pseudoExpandSelectors ?? []) keys.push(pes.styleKey);
+	if (decl.attrWrapper) {
+		const aw = decl.attrWrapper;
+		for (const k of [
+			aw.checkboxKey,
+			aw.radioKey,
+			aw.readonlyKey,
+			aw.externalKey,
+			aw.httpsKey,
+			aw.pdfKey
+		]) if (k) keys.push(k);
+	}
 	return keys;
 }
 const AST_METADATA_KEYS = new Set([
@@ -6846,6 +6943,80 @@ function mergeAttrEntriesByAttrName(baseEntries, ownEntries) {
 	for (const entry of ownEntries ?? []) byAttrName.set(entry.attrName, entry);
 	return [...byAttrName.values()];
 }
+function validateSxRestrictedWrappedComponentStyles(ctx, styledDecls) {
+	if (!ctx.adapter.useSxProp || !ctx.resolvedStyleObjects) return true;
+	for (const decl of styledDecls) {
+		if (decl.skipTransform || decl.base.kind !== "component") continue;
+		const componentInterface = wrappedComponentInterfaceFor(ctx, decl.base.ident);
+		const excludedProperties = componentInterface?.sxExcludedProperties;
+		if (componentInterface?.acceptsSx !== true || !excludedProperties?.length) continue;
+		const excluded = new Set(excludedProperties);
+		for (const styleKey of collectAllStyleKeysForDecl(decl)) {
+			const style = ctx.resolvedStyleObjects.get(styleKey);
+			if (!style || typeof style !== "object") continue;
+			const rejectedProperty = findSxExcludedStyleProperty(style, excluded);
+			if (!rejectedProperty) continue;
+			ctx.warnings.push({
+				severity: "error",
+				type: "Wrapped component sx prop rejects logical CSS properties that cannot be preserved losslessly",
+				loc: decl.loc,
+				context: {
+					localName: decl.localName,
+					wrappedComponent: decl.base.ident,
+					styleKey,
+					property: rejectedProperty
+				}
+			});
+			return false;
+		}
+	}
+	return true;
+}
+function staticObjectPropertyName(prop) {
+	if (!prop || typeof prop !== "object") return null;
+	const p = prop;
+	if (p.type !== "Property" && p.type !== "ObjectProperty" || p.computed) return null;
+	const key = p.key;
+	if (!key) return null;
+	if (key.type === "Identifier") return key.name ?? null;
+	if (key.type === "Literal" || key.type === "StringLiteral") return typeof key.value === "string" ? key.value : null;
+	return null;
+}
+function findSxExcludedStyleProperty(style, excludedProperties) {
+	if (isAstNode(style)) return findSxExcludedStylePropertyInAstNode(style, excludedProperties);
+	for (const [key, value] of Object.entries(style)) {
+		if (excludedProperties.has(key)) return key;
+		if (value && typeof value === "object") {
+			const nested = findSxExcludedStyleProperty(value, excludedProperties);
+			if (nested) return nested;
+		}
+	}
+	return null;
+}
+function findSxExcludedStylePropertyInAstNode(node, excludedProperties) {
+	const n = node;
+	if (n.type === "ObjectExpression") {
+		for (const prop of n.properties ?? []) {
+			const name = staticObjectPropertyName(prop);
+			if (name && excludedProperties.has(name)) return name;
+			const value = prop.value;
+			if (value && typeof value === "object") {
+				const nested = findSxExcludedStylePropertyInAstNode(value, excludedProperties);
+				if (nested) return nested;
+			}
+		}
+		return null;
+	}
+	if (n.type === "ArrowFunctionExpression" && n.body && typeof n.body === "object") return findSxExcludedStylePropertyInAstNode(n.body, excludedProperties);
+	if (n.type === "BlockStatement" && Array.isArray(n.body)) for (const statement of n.body ?? []) {
+		const s = statement;
+		if (s.type === "ReturnStatement" && s.argument && typeof s.argument === "object") {
+			const nested = findSxExcludedStylePropertyInAstNode(s.argument, excludedProperties);
+			if (nested) return nested;
+		}
+	}
+	return null;
+}
 //#endregion
 //#region src/internal/policy.ts
 function collectCreateGlobalStyleWarnings(styledImports) {
@@ -13530,50 +13701,6 @@ function isFiniteNumericString(s) {
 	const n = Number(s);
 	return Number.isFinite(n) && String(n) === s;
 }
-/** Mapping from CSS shorthand to the longhands that conflict with it */
-const SHORTHAND_LONGHANDS = {
-	margin: {
-		physical: [
-			"marginTop",
-			"marginRight",
-			"marginBottom",
-			"marginLeft"
-		],
-		logical: ["marginBlock", "marginInline"]
-	},
-	padding: {
-		physical: [
-			"paddingTop",
-			"paddingRight",
-			"paddingBottom",
-			"paddingLeft"
-		],
-		logical: ["paddingBlock", "paddingInline"]
-	},
-	scrollMargin: {
-		physical: [
-			"scrollMarginTop",
-			"scrollMarginRight",
-			"scrollMarginBottom",
-			"scrollMarginLeft"
-		],
-		logical: ["scrollMarginBlock", "scrollMarginInline"]
-	},
-	scrollPadding: {
-		physical: [
-			"scrollPaddingTop",
-			"scrollPaddingRight",
-			"scrollPaddingBottom",
-			"scrollPaddingLeft"
-		],
-		logical: ["scrollPaddingBlock", "scrollPaddingInline"]
-	}
-};
-/**
-* Mapping from logical longhands to their physical equivalents, derived from SHORTHAND_LONGHANDS.
-* `marginBlock` → `["marginTop", "marginBottom"]`
-*/
-const LOGICAL_TO_PHYSICAL = Object.fromEntries(Object.values(SHORTHAND_LONGHANDS).flatMap(({ physical, logical }) => [[logical[0], [physical[0], physical[2]]], [logical[1], [physical[1], physical[3]]]]));
 /** Type guard: value is a simple string or number (not a conditional object) */
 function isSimpleStyleValue(value) {
 	return typeof value === "string" || typeof value === "number";
@@ -15713,7 +15840,10 @@ var WrapperEmitter = class {
 	* configure the hook.
 	*/
 	wrappedComponentAcceptsSxProp(componentLocalName) {
-		if (!this.useSxProp) return false;
+		return this.wrappedComponentInterfaceFor(componentLocalName)?.acceptsSx === true;
+	}
+	wrappedComponentInterfaceFor(componentLocalName) {
+		if (!this.useSxProp) return;
 		const importInfo = this.importMap.get(componentLocalName);
 		if (importInfo) {
 			const adapterResult = this.wrappedComponentInterface?.({
@@ -15722,18 +15852,21 @@ var WrapperEmitter = class {
 				importedName: importInfo.importedName,
 				filePath: this.filePath
 			});
-			if (adapterResult !== void 0) return adapterResult.acceptsSx === true;
+			if (adapterResult !== void 0) return adapterResult;
 		}
 		const typedComponent = this.typeScriptComponentMetadataFor(componentLocalName);
 		if (typedComponent) {
-			if (typedComponent.supportsSxProp) return true;
-			if (!this.hasSourceOverrideFor(componentLocalName)) return false;
+			if (typedComponent.supportsSxProp) return {
+				acceptsSx: true,
+				sxExcludedProperties: typedComponent.sxExcludedProperties
+			};
+			if (!this.hasSourceOverrideFor(componentLocalName)) return { acceptsSx: false };
 		}
 		return importInfo?.source.kind === "absolutePath" && transformedComponentAcceptsSx({
 			absolutePath: importInfo.source.value,
 			componentNames: importInfo.importedName === "default" ? [componentLocalName, importInfo.importedName] : [importInfo.importedName],
 			sourceOverrides: this.sourceOverrides
-		});
+		}) ? { acceptsSx: true } : void 0;
 	}
 	propsTypeNameFor(localName) {
 		return `${localName}Props`;
@@ -16582,7 +16715,8 @@ var WrapperEmitter = class {
 			}
 		}
 		const literal = lines.length > 0 ? `{ ${lines.join(", ")} }` : "{}";
-		const baseMaybeOmitted = omitted.length ? `Omit<${base}, ${omitted.join(" | ")}>` : base;
+		const omittedUnique = [...new Set(omitted)];
+		const baseMaybeOmitted = omittedUnique.length ? `Omit<${base}, ${omittedUnique.join(" | ")}>` : base;
 		return this.joinIntersection(literal !== "{}" ? literal : null, baseMaybeOmitted, ...renamedPropTypes);
 	}
 	isPropRequiredInPropsTypeLiteral(propsType, propName) {
@@ -36405,7 +36539,7 @@ function lowerRules(ctx) {
 		}
 		const snapshot = snapshotStateForDecl(state);
 		state.currentDecl = decl;
-		const outcome = processOneDecl(state, decl);
+		const outcome = processOneDecl(ctx, state, decl);
 		state.currentDecl = null;
 		if (outcome === "skip") {
 			restoreStateSnapshot(state, snapshot);
@@ -36461,16 +36595,24 @@ function lowerRules(ctx) {
 * Returns `"skip"` if the decl marked itself skipped (per-decl bail), `"bail"` if
 * something set the file-level bail, or `"ok"` on success.
 */
-function processOneDecl(state, decl) {
-	const declState = createDeclProcessingState(state, decl);
-	if (!preScanCssHelperPlaceholders(declState)) return decl.skipTransform ? "skip" : "bail";
-	processDeclRules(declState);
-	if (decl.skipTransform) return "skip";
-	if (state.bail) return "bail";
-	finalizeDeclProcessing(declState);
-	if (decl.skipTransform) return "skip";
-	if (state.bail) return "bail";
-	return "ok";
+function processOneDecl(ctx, state, decl) {
+	const previousUseLogicalProperties = getUseLogicalProperties();
+	const componentInterface = decl.base.kind === "component" ? wrappedComponentInterfaceFor(ctx, decl.base.ident) : void 0;
+	const forcePhysicalDirectionalShorthands = componentInterface?.acceptsSx === true && componentInterface.sxExcludedProperties?.some((prop) => LOGICAL_TO_PHYSICAL[prop]) === true;
+	if (forcePhysicalDirectionalShorthands) setUseLogicalProperties(false);
+	try {
+		const declState = createDeclProcessingState(state, decl);
+		if (!preScanCssHelperPlaceholders(declState)) return decl.skipTransform ? "skip" : "bail";
+		processDeclRules(declState);
+		if (decl.skipTransform) return "skip";
+		if (state.bail) return "bail";
+		finalizeDeclProcessing(declState);
+		if (decl.skipTransform) return "skip";
+		if (state.bail) return "bail";
+		return "ok";
+	} finally {
+		if (forcePhysicalDirectionalShorthands) setUseLogicalProperties(previousUseLogicalProperties);
+	}
 }
 function markPartialImportedComponentRoots(ctx, state) {
 	for (const decl of state.styledDecls) if (shouldSkipPartialImportedComponentRoot(ctx, decl)) decl.skipTransform = true;

package/dist/{typescript-analysis-UWX_ePX0.mjs → typescript-analysis-9qBUYSi7.mjs}

@@ -127,6 +127,7 @@ function buildComponentMetadata(args) {
 	const props = propType ? readPropsFromType(propType, args.checker, args.location) : [];
 	const explicitPropNames = args.propTypeNode ? collectExplicitPropNames(args.propTypeNode, args.checker) : [];
 	const supportsResolvedSxProp = props.some((prop) => prop.name === "sx") && args.propTypeNode !== void 0 && typeNodeHasResolvableSxSurface(args.propTypeNode, args.checker, /* @__PURE__ */ new Set());
+	const sxExcludedProperties = args.propTypeNode !== void 0 ? collectSxExcludedProperties(args.propTypeNode, args.checker, /* @__PURE__ */ new Set()) : [];
 	return {
 		name: args.name,
 		kind: args.kind,
@@ -139,7 +140,8 @@ function buildComponentMetadata(args) {
 		parameters: args.parameters,
 		restProps: args.restProps,
 		hasIndexSignature: propType ? hasIndexSignature(propType, args.checker) : false,
-		supportsSxProp: explicitPropNames.includes("sx") || supportsResolvedSxProp || args.bodySupportsSxProp === true
+		supportsSxProp: explicitPropNames.includes("sx") || supportsResolvedSxProp || args.bodySupportsSxProp === true,
+		sxExcludedProperties
 	};
 }
 function readPropsFromType(type, checker, location) {
@@ -235,6 +237,27 @@ function collectExplicitPropNamesInto(names, typeNode, checker, visited) {
 		return;
 	}
 	if (!ts.isTypeReferenceNode(typeNode) || isIntrinsicReactPropReference(typeNode)) return;
+	const utilityType = readUtilityTypeReference(typeNode);
+	if (utilityType.name === "Pick") {
+		if (utilityType.typeArgs[0]) {
+			const pickedNames = /* @__PURE__ */ new Set();
+			collectExplicitPropNamesInto(pickedNames, utilityType.typeArgs[0], checker, visited);
+			for (const name of pickedNames) if (typeNodeKeyIncludes(utilityType.typeArgs[1], name)) names.add(name);
+		}
+		return;
+	}
+	if (utilityType.name === "Omit") {
+		if (utilityType.typeArgs[0]) {
+			const omittedNames = /* @__PURE__ */ new Set();
+			collectExplicitPropNamesInto(omittedNames, utilityType.typeArgs[0], checker, visited);
+			for (const name of omittedNames) if (!typeNodeKeyIncludes(utilityType.typeArgs[1], name)) names.add(name);
+		}
+		return;
+	}
+	if (isTransparentUtilityTypeName(utilityType.name)) {
+		if (utilityType.typeArgs[0]) collectExplicitPropNamesInto(names, utilityType.typeArgs[0], checker, visited);
+		return;
+	}
 	const symbol = resolveAliasedSymbol(checker.getSymbolAtLocation(typeNode.typeName), checker);
 	for (const declaration of symbol?.declarations ?? []) collectExplicitPropNamesFromDeclaration(names, declaration, checker, visited);
 }
@@ -243,23 +266,168 @@ function typeNodeHasResolvableSxSurface(typeNode, checker, visited) {
 	if (ts.isIntersectionTypeNode(typeNode)) return typeNode.types.some((part) => typeNodeHasResolvableSxSurface(part, checker, visited));
 	if (ts.isUnionTypeNode(typeNode)) return typeNode.types.every((part) => typeNodeHasResolvableSxSurface(part, checker, visited));
 	if (!ts.isTypeReferenceNode(typeNode) || isIntrinsicReactPropReference(typeNode)) return false;
-	const utilityTypeName = typeNode.typeName.getText();
-	const typeArgs = typeNode.typeArguments ?? [];
-	if (utilityTypeName === "Pick") return typeArgs.length >= 2 && typeNodeKeyIncludes(typeArgs[1], "sx");
-	if (utilityTypeName === "Omit") {
-		const baseType = typeArgs[0];
-		return baseType !== void 0 && typeArgs.length >= 2 && !typeNodeKeyIncludes(typeArgs[1], "sx") && typeNodeHasResolvableSxSurface(baseType, checker, visited);
-	}
-	if ([
-		"Partial",
-		"Required",
-		"Readonly"
-	].includes(utilityTypeName)) {
-		const baseType = typeArgs[0];
+	const utilityType = readUtilityTypeReference(typeNode);
+	if (utilityType.name === "Pick") return utilityType.typeArgs.length >= 2 && typeNodeKeyIncludes(utilityType.typeArgs[1], "sx");
+	if (utilityType.name === "Omit") {
+		const baseType = utilityType.typeArgs[0];
+		return baseType !== void 0 && utilityType.typeArgs.length >= 2 && !typeNodeKeyIncludes(utilityType.typeArgs[1], "sx") && typeNodeHasResolvableSxSurface(baseType, checker, visited);
+	}
+	if (isTransparentUtilityTypeName(utilityType.name)) {
+		const baseType = utilityType.typeArgs[0];
 		return baseType !== void 0 && typeNodeHasResolvableSxSurface(baseType, checker, visited);
 	}
 	return (resolveAliasedSymbol(checker.getSymbolAtLocation(typeNode.typeName), checker)?.declarations ?? []).some((declaration) => declarationHasResolvableSxSurface(declaration, checker, visited));
 }
+function readUtilityTypeReference(typeNode) {
+	return {
+		name: typeNode.typeName.getText(),
+		typeArgs: typeNode.typeArguments ?? []
+	};
+}
+function isTransparentUtilityTypeName(typeName) {
+	return typeName === "Partial" || typeName === "Required" || typeName === "Readonly";
+}
+function collectSxExcludedProperties(typeNode, checker, visited) {
+	const names = /* @__PURE__ */ new Set();
+	collectSxExcludedPropertiesInto(names, typeNode, checker, visited);
+	return [...names].sort();
+}
+function collectSxExcludedPropertiesInto(names, typeNode, checker, visited) {
+	if (ts.isTypeLiteralNode(typeNode)) {
+		for (const member of typeNode.members) {
+			if (!ts.isPropertySignature(member) || propertyNameText(member.name) !== "sx" || !member.type) continue;
+			collectStyleXStylesWithoutKeys(names, member.type, checker, visited);
+		}
+		return;
+	}
+	if (ts.isIntersectionTypeNode(typeNode) || ts.isUnionTypeNode(typeNode)) {
+		for (const part of typeNode.types) collectSxExcludedPropertiesInto(names, part, checker, visited);
+		return;
+	}
+	if (!ts.isTypeReferenceNode(typeNode) || isIntrinsicReactPropReference(typeNode)) return;
+	const utilityType = readUtilityTypeReference(typeNode);
+	if (utilityType.name === "Pick") {
+		if (utilityType.typeArgs.length >= 2 && typeNodeKeyIncludes(utilityType.typeArgs[1], "sx") && utilityType.typeArgs[0]) collectSxExcludedPropertiesInto(names, utilityType.typeArgs[0], checker, visited);
+		return;
+	}
+	if (utilityType.name === "Omit") {
+		if (utilityType.typeArgs.length >= 2 && !typeNodeKeyIncludes(utilityType.typeArgs[1], "sx") && utilityType.typeArgs[0]) collectSxExcludedPropertiesInto(names, utilityType.typeArgs[0], checker, visited);
+		return;
+	}
+	if (isTransparentUtilityTypeName(utilityType.name)) {
+		if (utilityType.typeArgs[0]) collectSxExcludedPropertiesInto(names, utilityType.typeArgs[0], checker, visited);
+		return;
+	}
+	const symbol = resolveAliasedSymbol(checker.getSymbolAtLocation(typeNode.typeName), checker);
+	for (const declaration of symbol?.declarations ?? []) collectSxExcludedPropertiesFromDeclaration(names, declaration, checker, visited);
+}
+function collectSxExcludedPropertiesFromDeclaration(names, declaration, checker, visited) {
+	if (visited.has(declaration)) return;
+	visited.add(declaration);
+	if (ts.isTypeAliasDeclaration(declaration)) {
+		collectSxExcludedPropertiesInto(names, declaration.type, checker, visited);
+		return;
+	}
+	if (!ts.isInterfaceDeclaration(declaration)) return;
+	for (const member of declaration.members) if (ts.isPropertySignature(member) && propertyNameText(member.name) === "sx" && member.type) collectStyleXStylesWithoutKeys(names, member.type, checker, visited);
+	for (const clause of declaration.heritageClauses ?? []) for (const heritageType of clause.types) {
+		if (isIntrinsicReactHeritageReference(heritageType)) continue;
+		const symbol = resolveAliasedSymbol(checker.getSymbolAtLocation(heritageType.expression), checker);
+		for (const inheritedDeclaration of symbol?.declarations ?? []) collectSxExcludedPropertiesFromDeclaration(names, inheritedDeclaration, checker, visited);
+	}
+}
+function collectStyleXStylesWithoutKeys(names, typeNode, checker, visited) {
+	if (ts.isTypeReferenceNode(typeNode)) {
+		if (typeNode.typeName.getText().endsWith("StyleXStylesWithout")) {
+			collectPropertyKeysFromTypeNode(names, typeNode.typeArguments?.[0], checker, visited);
+			return;
+		}
+		const symbol = resolveAliasedSymbol(checker.getSymbolAtLocation(typeNode.typeName), checker);
+		for (const declaration of symbol?.declarations ?? []) {
+			if (visited.has(declaration)) continue;
+			visited.add(declaration);
+			if (ts.isTypeAliasDeclaration(declaration)) collectStyleXStylesWithoutKeys(names, declaration.type, checker, visited);
+			else if (ts.isInterfaceDeclaration(declaration)) collectStyleXStylesWithoutKeysFromInterface(names, declaration, checker, visited);
+		}
+		return;
+	}
+	if (ts.isIntersectionTypeNode(typeNode) || ts.isUnionTypeNode(typeNode)) for (const part of typeNode.types) collectStyleXStylesWithoutKeys(names, part, checker, visited);
+}
+function collectStyleXStylesWithoutKeysFromInterface(names, declaration, checker, visited) {
+	for (const clause of declaration.heritageClauses ?? []) for (const heritageType of clause.types) {
+		if (isIntrinsicReactHeritageReference(heritageType)) continue;
+		if (heritageType.expression.getText().endsWith("StyleXStylesWithout")) {
+			collectPropertyKeysFromTypeNode(names, heritageType.typeArguments?.[0], checker, visited);
+			continue;
+		}
+		const symbol = resolveAliasedSymbol(checker.getSymbolAtLocation(heritageType.expression), checker);
+		for (const inheritedDeclaration of symbol?.declarations ?? []) {
+			if (visited.has(inheritedDeclaration)) continue;
+			visited.add(inheritedDeclaration);
+			if (ts.isTypeAliasDeclaration(inheritedDeclaration)) collectStyleXStylesWithoutKeys(names, inheritedDeclaration.type, checker, visited);
+			else if (ts.isInterfaceDeclaration(inheritedDeclaration)) collectStyleXStylesWithoutKeysFromInterface(names, inheritedDeclaration, checker, visited);
+		}
+	}
+}
+function collectPropertyKeysFromTypeNode(names, typeNode, checker, visited) {
+	if (!typeNode) return;
+	if (ts.isTypeLiteralNode(typeNode)) {
+		for (const member of typeNode.members) if (ts.isPropertySignature(member)) {
+			const name = propertyNameText(member.name);
+			if (name) names.add(name);
+		}
+		return;
+	}
+	if (ts.isIntersectionTypeNode(typeNode) || ts.isUnionTypeNode(typeNode)) {
+		for (const part of typeNode.types) collectPropertyKeysFromTypeNode(names, part, checker, visited);
+		return;
+	}
+	if (!ts.isTypeReferenceNode(typeNode)) return;
+	const utilityType = readUtilityTypeReference(typeNode);
+	if (utilityType.name === "Pick") {
+		if (utilityType.typeArgs[0]) {
+			const pickedNames = /* @__PURE__ */ new Set();
+			collectPropertyKeysFromTypeNode(pickedNames, utilityType.typeArgs[0], checker, visited);
+			for (const name of pickedNames) if (typeNodeKeyIncludes(utilityType.typeArgs[1], name)) names.add(name);
+		}
+		return;
+	}
+	if (utilityType.name === "Omit") {
+		if (utilityType.typeArgs[0]) {
+			const omittedNames = /* @__PURE__ */ new Set();
+			collectPropertyKeysFromTypeNode(omittedNames, utilityType.typeArgs[0], checker, visited);
+			for (const name of omittedNames) if (!typeNodeKeyIncludes(utilityType.typeArgs[1], name)) names.add(name);
+		}
+		return;
+	}
+	if (isTransparentUtilityTypeName(utilityType.name)) {
+		if (utilityType.typeArgs[0]) collectPropertyKeysFromTypeNode(names, utilityType.typeArgs[0], checker, visited);
+		return;
+	}
+	const symbol = resolveAliasedSymbol(checker.getSymbolAtLocation(typeNode.typeName), checker);
+	for (const declaration of symbol?.declarations ?? []) {
+		if (visited.has(declaration)) continue;
+		visited.add(declaration);
+		if (ts.isTypeAliasDeclaration(declaration)) collectPropertyKeysFromTypeNode(names, declaration.type, checker, visited);
+		else if (ts.isInterfaceDeclaration(declaration)) collectPropertyKeysFromInterfaceDeclaration(names, declaration, checker, visited);
+	}
+}
+function collectPropertyKeysFromInterfaceDeclaration(names, declaration, checker, visited) {
+	for (const member of declaration.members) if (ts.isPropertySignature(member)) {
+		const name = propertyNameText(member.name);
+		if (name) names.add(name);
+	}
+	for (const clause of declaration.heritageClauses ?? []) for (const heritageType of clause.types) {
+		if (isIntrinsicReactHeritageReference(heritageType)) continue;
+		const symbol = resolveAliasedSymbol(checker.getSymbolAtLocation(heritageType.expression), checker);
+		for (const inheritedDeclaration of symbol?.declarations ?? []) {
+			if (visited.has(inheritedDeclaration)) continue;
+			visited.add(inheritedDeclaration);
+			if (ts.isInterfaceDeclaration(inheritedDeclaration)) collectPropertyKeysFromInterfaceDeclaration(names, inheritedDeclaration, checker, visited);
+			else if (ts.isTypeAliasDeclaration(inheritedDeclaration)) collectPropertyKeysFromTypeNode(names, inheritedDeclaration.type, checker, visited);
+		}
+	}
+}
 function declarationHasResolvableSxSurface(declaration, checker, visited) {
 	if (visited.has(declaration)) return false;
 	visited.add(declaration);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "styled-components-to-stylex-codemod",
-  "version": "0.0.45",
+  "version": "0.0.46",
   "description": "Codemod to transform styled-components to StyleX",
   "keywords": [
     "codemod",