@sanity/ui-codemod 1.0.0-alpha.4 → 1.0.0-alpha.6

package/dist/transforms/latest/box/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sources":["../../../../src/utils/parseModule.ts","../../../../src/utils/resolveRelativeModulePath.ts","../../../../src/utils/getNamedExportInit.ts","../../../../src/utils/getStyledComponentName.ts","../../../../src/utils/getStyledComponentAliases.ts","../../../../src/utils/transformStyledComponents.ts","../../../../src/transforms/latest/box/box.ts"],"sourcesContent":["import {readFileSync} from 'node:fs'\n\nimport type {API, Collection} from 'jscodeshift'\n\nconst parseCache = new Map<string, Collection>()\n\nexport function parseModule(j: API['jscodeshift'], filePath: string): Collection | null {\n  const cached = parseCache.get(filePath)\n\n  if (cached) {\n    return cached\n  }\n\n  try {\n    const source = readFileSync(filePath, 'utf8')\n    const root = j(source)\n\n    parseCache.set(filePath, root)\n\n    return root\n  } catch {\n    return null\n  }\n}\n\n/** @internal */\nexport function clearModuleParseCache(): void {\n  parseCache.clear()\n}\n","import {existsSync} from 'node:fs'\nimport {dirname, join, resolve} from 'node:path'\n\nconst EXTENSIONS = ['.tsx', '.ts', '.jsx', '.js'] as const\n\nexport function resolveRelativeModulePath(\n  fromFilePath: string,\n  moduleSpecifier: string,\n): string | null {\n  if (!moduleSpecifier.startsWith('.')) {\n    return null\n  }\n\n  const base = resolve(dirname(fromFilePath), moduleSpecifier)\n\n  for (const ext of EXTENSIONS) {\n    const filePath = `${base}${ext}`\n\n    if (existsSync(filePath)) {\n      return filePath\n    }\n  }\n\n  for (const ext of EXTENSIONS) {\n    const indexPath = join(base, `index${ext}`)\n\n    if (existsSync(indexPath)) {\n      return indexPath\n    }\n  }\n\n  if (existsSync(base)) {\n    return base\n  }\n\n  return null\n}\n","import type {API, Expression, ExportSpecifier} from 'jscodeshift'\n\nimport {parseModule} from './parseModule'\nimport {resolveRelativeModulePath} from './resolveRelativeModulePath'\n\nexport type NamedExportInit = {\n  init: Expression\n  modulePath: string\n}\n\nfunction findVariableInit(\n  j: API['jscodeshift'],\n  root: ReturnType<API['jscodeshift']>,\n  name: string,\n): Expression | null {\n  let init: Expression | null = null\n\n  root.find(j.VariableDeclarator).forEach((path) => {\n    const {id} = path.node\n\n    if (id.type === 'Identifier' && id.name === name && path.node.init) {\n      init = path.node.init\n    }\n  })\n\n  return init\n}\n\nfunction getExportSpecifierName(exported: ExportSpecifier['exported']): string | null {\n  if (exported.type === 'Identifier' || exported.type === 'JSXIdentifier') {\n    return exported.name\n  }\n\n  return null\n}\n\nexport function getNamedExportInit(\n  j: API['jscodeshift'],\n  exportName: string,\n  filePath: string,\n  visited: Set<string> = new Set(),\n): NamedExportInit | null {\n  if (visited.has(filePath)) {\n    return null\n  }\n\n  visited.add(filePath)\n\n  const root = parseModule(j, filePath)\n\n  if (!root) {\n    return null\n  }\n\n  for (const path of root.find(j.ExportNamedDeclaration).paths()) {\n    const {declaration, specifiers, source} = path.node\n    const reexportSource = typeof source?.value === 'string' ? source.value : null\n\n    if (declaration?.type === 'VariableDeclaration') {\n      for (const declarator of declaration.declarations) {\n        if (declarator.type !== 'VariableDeclarator') {\n          continue\n        }\n\n        if (\n          declarator.id.type === 'Identifier' &&\n          declarator.id.name === exportName &&\n          declarator.init\n        ) {\n          return {init: declarator.init, modulePath: filePath}\n        }\n      }\n    }\n\n    for (const spec of specifiers ?? []) {\n      if (spec.type !== 'ExportSpecifier') {\n        continue\n      }\n\n      const exported = getExportSpecifierName(spec.exported)\n\n      if (!exported || exported !== exportName) {\n        continue\n      }\n\n      const local = spec.local?.type === 'Identifier' ? spec.local.name : exported\n\n      if (reexportSource) {\n        const resolvedPath = resolveRelativeModulePath(filePath, reexportSource)\n\n        if (resolvedPath) {\n          const followed = getNamedExportInit(j, local, resolvedPath, visited)\n\n          if (followed) {\n            return followed\n          }\n        }\n\n        continue\n      }\n\n      const init = findVariableInit(j, root, local)\n\n      if (init) {\n        return {init, modulePath: filePath}\n      }\n    }\n  }\n\n  return null\n}\n","export function getStyledComponentName(node: unknown): string | null {\n  if (!node || typeof node !== 'object' || !('type' in node)) {\n    return null\n  }\n\n  const current = node as {\n    type: string\n    callee?: unknown\n    tag?: unknown\n    object?: unknown\n    arguments?: unknown[]\n  }\n\n  if (current.type === 'TaggedTemplateExpression') {\n    return getStyledComponentName(current.tag)\n  }\n\n  if (current.type === 'CallExpression') {\n    const callee = current.callee\n\n    if (\n      callee &&\n      typeof callee === 'object' &&\n      'type' in callee &&\n      callee.type === 'Identifier' &&\n      'name' in callee &&\n      callee.name === 'styled'\n    ) {\n      const arg = current.arguments?.[0]\n\n      if (\n        arg &&\n        typeof arg === 'object' &&\n        'type' in arg &&\n        arg.type === 'Identifier' &&\n        'name' in arg\n      ) {\n        return arg.name as string\n      }\n\n      return null\n    }\n\n    return getStyledComponentName(callee)\n  }\n\n  if (current.type === 'MemberExpression' && current.object) {\n    return getStyledComponentName(current.object)\n  }\n\n  return null\n}\n","import type {API, Collection} from 'jscodeshift'\n\nimport type {BaseOptions} from '../types/BaseOptions'\nimport {getComponentLocalNames} from './getComponentLocalNames'\nimport {getNamedExportInit} from './getNamedExportInit'\nimport {getStyledComponentName} from './getStyledComponentName'\nimport {parseModule} from './parseModule'\nimport {resolveRelativeModulePath} from './resolveRelativeModulePath'\n\nexport function getSameFileStyledComponentAliases(\n  j: API['jscodeshift'],\n  root: Collection,\n  localNames: Iterable<string>,\n): Set<string> {\n  const aliases = new Set<string>()\n  const names = new Set(localNames)\n\n  root.find(j.VariableDeclarator).forEach((path) => {\n    const {id, init} = path.node\n\n    if (!init || id.type !== 'Identifier') {\n      return\n    }\n\n    const baseComponent = getStyledComponentName(init)\n\n    if (baseComponent && names.has(baseComponent)) {\n      aliases.add(id.name)\n    }\n  })\n\n  return aliases\n}\n\nexport function getImportedStyledComponentAliases(\n  j: API['jscodeshift'],\n  root: Collection,\n  componentName: string,\n  filePath: string | undefined,\n  options?: BaseOptions,\n): Set<string> {\n  const aliases = new Set<string>()\n\n  if (!filePath) {\n    return aliases\n  }\n\n  root.find(j.ImportDeclaration).forEach((path) => {\n    const source = path.node.source.value\n\n    if (typeof source !== 'string') {\n      return\n    }\n\n    const resolvedPath = resolveRelativeModulePath(filePath, source)\n\n    if (!resolvedPath) {\n      return\n    }\n\n    for (const spec of path.node.specifiers ?? []) {\n      if (spec.type !== 'ImportSpecifier') {\n        continue\n      }\n\n      if ('importKind' in spec && spec.importKind === 'type') {\n        continue\n      }\n\n      if (spec.imported.type !== 'Identifier') {\n        continue\n      }\n\n      const exportName = spec.imported.name\n      const localName = spec.local?.type === 'Identifier' ? spec.local.name : exportName\n      const namedExport = getNamedExportInit(j, exportName, resolvedPath)\n\n      if (!namedExport) {\n        continue\n      }\n\n      const sourceRoot = parseModule(j, namedExport.modulePath)\n\n      if (!sourceRoot) {\n        continue\n      }\n\n      const exportLocalNames = getComponentLocalNames(j, sourceRoot, componentName, options)\n      const baseComponent = getStyledComponentName(namedExport.init)\n\n      if (baseComponent && exportLocalNames.has(baseComponent)) {\n        aliases.add(localName)\n      }\n    }\n  })\n\n  return aliases\n}\n\nexport function getStyledComponentAliases(\n  j: API['jscodeshift'],\n  root: Collection,\n  componentName: string,\n  filePath: string | undefined,\n  localNames: Set<string>,\n  options?: BaseOptions,\n): Set<string> {\n  const sameFile = getSameFileStyledComponentAliases(j, root, localNames)\n  const imported = getImportedStyledComponentAliases(j, root, componentName, filePath, options)\n\n  return new Set([...sameFile, ...imported])\n}\n","import type {API, ASTPath, JSXAttribute, JSXOpeningElement, JSXSpreadAttribute} from 'jscodeshift'\n\nimport {insertTodoWarning} from './insertTodoWarning'\n\nconst DEFAULT_WARNING = 'Please double check styled-component migration below'\n\n/**\n * Runs callback on JSX styled-component if `filter` passes. Otherwise, adds\n * a TODO on the component JSX instance when manual review is needed.\n * Returns whether the AST was updated.\n */\nexport function transformStyledComponents(\n  j: API['jscodeshift'],\n  root: ReturnType<API['jscodeshift']>,\n  aliases: Iterable<string>,\n  filter: (attrs: (JSXAttribute | JSXSpreadAttribute)[]) => boolean,\n  options: {\n    callback?: (path: ASTPath<JSXOpeningElement>) => boolean | void\n    warning?: string\n  } = {},\n): boolean {\n  const names = new Set(aliases)\n  const {callback, warning = DEFAULT_WARNING} = options\n  let hasChanges = false\n\n  root.find(j.JSXOpeningElement).forEach((path) => {\n    const name = path.node.name\n\n    if (name.type !== 'JSXIdentifier' || !names.has(name.name)) {\n      return\n    }\n\n    const attrs = path.node.attributes ?? []\n\n    if (!filter(attrs)) {\n      if (insertTodoWarning(j, path, warning)) {\n        hasChanges = true\n      }\n\n      return\n    }\n\n    if (callback?.(path)) {\n      hasChanges = true\n    }\n  })\n\n  return hasChanges\n}\n","import {type API, type FileInfo, type JSXSpreadAttribute, type JSXAttribute} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {getStaticAttributeExpression} from '../../../utils/getStaticAttributeExpression'\nimport {getStyledComponentAliases} from '../../../utils/getStyledComponentAliases'\nimport {replaceElement} from '../../../utils/replaceElement'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {transformStyledComponents} from '../../../utils/transformStyledComponents'\nimport {FLEX_MODS} from '../flex/flex.mods'\nimport {GRID_MODS} from '../grid/grid.mods'\nimport {BOX_MODS} from './box.mods'\n\nconst BOX_TODO_WARNING = 'Please double check the Box migration below'\nconst FLEX_TODO_WARNING = 'Please double check the Flex migration below'\nconst GRID_TODO_WARNING = 'Please double check the Grid migration below'\nconst STYLED_TODO_WARNING = 'Please double check styled(Box) migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options?: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Box', options)\n    const styledAliases = getStyledComponentAliases(\n      j,\n      root,\n      'Box',\n      fileInfo.path,\n      localNames,\n      options,\n    )\n\n    if (!shouldTransformComponent(j, root, 'Box', localNames, options, styledAliases)) {\n      return\n    }\n\n    const matchesDisplayValue = (\n      attrs: (JSXAttribute | JSXSpreadAttribute)[],\n      suffix: string,\n      exclude: string[],\n    ) => {\n      const display = getStaticAttributeExpression(j, attrs, 'display') || []\n      const values = Array.isArray(display) ? display : [display]\n      let matchesExclude\n\n      for (const excluded of exclude) {\n        if (values.some((value) => typeof value === 'string' && value.endsWith(excluded))) {\n          matchesExclude = true\n          break\n        }\n      }\n\n      if (matchesExclude) {\n        return false\n      }\n\n      return values.some((value) => typeof value === 'string' && value.endsWith(suffix))\n    }\n\n    const replaceWithFlex = (attrs: (JSXAttribute | JSXSpreadAttribute)[]) =>\n      matchesDisplayValue(attrs, 'flex', ['block', 'inline', 'grid'])\n\n    const replaceWithGrid = (attrs: (JSXAttribute | JSXSpreadAttribute)[]) =>\n      matchesDisplayValue(attrs, 'grid', ['block', 'inline', 'flex'])\n\n    if (transformImport(j, root, 'Box', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    if (\n      replaceElement(\n        j,\n        root,\n        replaceWithFlex,\n        {\n          element: 'Box',\n          localNames,\n        },\n        {\n          element: 'Flex',\n          callback: (path) => transformAttributes(j, path, FLEX_MODS, FLEX_TODO_WARNING),\n        },\n      )\n    ) {\n      markChanged()\n    }\n\n    if (\n      replaceElement(\n        j,\n        root,\n        replaceWithGrid,\n        {\n          element: 'Box',\n          localNames,\n          callback: (path) => transformAttributes(j, path, BOX_MODS, BOX_TODO_WARNING),\n        },\n        {\n          element: 'Grid',\n          callback: (path) => transformAttributes(j, path, GRID_MODS, GRID_TODO_WARNING),\n        },\n      )\n    ) {\n      markChanged()\n    }\n\n    if (\n      transformStyledComponents(\n        j,\n        root,\n        styledAliases,\n        (attrs) => !replaceWithFlex(attrs) && !replaceWithGrid(attrs),\n        {\n          warning: STYLED_TODO_WARNING,\n          callback: (path) => transformAttributes(j, path, BOX_MODS, BOX_TODO_WARNING),\n        },\n      )\n    ) {\n      markChanged()\n    }\n  })\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"box.js","sources":["../../../../src/transforms/latest/box/box.ts"],"sourcesContent":["import {type API, type FileInfo, type JSXSpreadAttribute, type JSXAttribute} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {getStaticAttributeExpression} from '../../../utils/getStaticAttributeExpression'\nimport {getStyledComponentAliases} from '../../../utils/getStyledComponentAliases'\nimport {replaceElement} from '../../../utils/replaceElement'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {transformStyledComponents} from '../../../utils/transformStyledComponents'\nimport {FLEX_MODS} from '../flex/flex.mods'\nimport {GRID_MODS} from '../grid/grid.mods'\nimport {BOX_MODS} from './box.mods'\n\nconst BOX_TODO_WARNING = 'Please double check the Box migration below'\nconst FLEX_TODO_WARNING = 'Please double check the Flex migration below'\nconst GRID_TODO_WARNING = 'Please double check the Grid migration below'\nconst STYLED_TODO_WARNING = 'Please double check styled(Box) migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options?: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Box', options)\n    const styledAliases = getStyledComponentAliases(\n      j,\n      root,\n      'Box',\n      fileInfo.path,\n      localNames,\n      options,\n    )\n\n    if (!shouldTransformComponent(j, root, 'Box', localNames, options, styledAliases)) {\n      return\n    }\n\n    const matchesDisplayValue = (\n      attrs: (JSXAttribute | JSXSpreadAttribute)[],\n      suffix: string,\n      exclude: string[],\n    ) => {\n      const display = getStaticAttributeExpression(j, attrs, 'display') || []\n      const values = Array.isArray(display) ? display : [display]\n      let matchesExclude\n\n      for (const excluded of exclude) {\n        if (values.some((value) => typeof value === 'string' && value.endsWith(excluded))) {\n          matchesExclude = true\n          break\n        }\n      }\n\n      if (matchesExclude) {\n        return false\n      }\n\n      return values.some((value) => typeof value === 'string' && value.endsWith(suffix))\n    }\n\n    const replaceWithFlex = (attrs: (JSXAttribute | JSXSpreadAttribute)[]) =>\n      matchesDisplayValue(attrs, 'flex', ['block', 'inline', 'grid'])\n\n    const replaceWithGrid = (attrs: (JSXAttribute | JSXSpreadAttribute)[]) =>\n      matchesDisplayValue(attrs, 'grid', ['block', 'inline', 'flex'])\n\n    if (transformImport(j, root, 'Box', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    if (\n      replaceElement(\n        j,\n        root,\n        replaceWithFlex,\n        {\n          element: 'Box',\n          localNames,\n        },\n        {\n          element: 'Flex',\n          callback: (path) => transformAttributes(j, path, FLEX_MODS, FLEX_TODO_WARNING),\n        },\n      )\n    ) {\n      markChanged()\n    }\n\n    if (\n      replaceElement(\n        j,\n        root,\n        replaceWithGrid,\n        {\n          element: 'Box',\n          localNames,\n          callback: (path) => transformAttributes(j, path, BOX_MODS, BOX_TODO_WARNING),\n        },\n        {\n          element: 'Grid',\n          callback: (path) => transformAttributes(j, path, GRID_MODS, GRID_TODO_WARNING),\n        },\n      )\n    ) {\n      markChanged()\n    }\n\n    if (\n      transformStyledComponents(\n        j,\n        root,\n        styledAliases,\n        (attrs) => !replaceWithFlex(attrs) && !replaceWithGrid(attrs),\n        {\n          warning: STYLED_TODO_WARNING,\n          callback: (path) => transformAttributes(j, path, BOX_MODS, BOX_TODO_WARNING),\n        },\n      )\n    ) {\n      markChanged()\n    }\n  })\n}\n"],"names":[],"mappings":";;;;;AAgBA,MAAM,mBAAmB,+CACnB,oBAAoB,gDACpB,oBAAoB,gDACpB,sBAAsB;AAG5B,SAAwB,UACtB,UACA,KACA,SACoB;AACpB,QAAM,EAAC,aAAa,UAAA,IAAa,WAAW,CAAA;AAE5C,SAAO,mBAAmB,UAAU,KAAK,CAAC,EAAC,GAAG,MAAM,kBAAiB;AACnE,UAAM,aAAa,uBAAuB,GAAG,MAAM,OAAO,OAAO,GAC3D,gBAAgB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAGF,QAAI,CAAC,yBAAyB,GAAG,MAAM,OAAO,YAAY,SAAS,aAAa;AAC9E;AAGF,UAAM,sBAAsB,CAC1B,OACA,QACA,YACG;AACH,YAAM,UAAU,6BAA6B,GAAG,OAAO,SAAS,KAAK,CAAA,GAC/D,SAAS,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO;AAC1D,UAAI;AAEJ,iBAAW,YAAY;AACrB,YAAI,OAAO,KAAK,CAAC,UAAU,OAAO,SAAU,YAAY,MAAM,SAAS,QAAQ,CAAC,GAAG;AACjF,2BAAiB;AACjB;AAAA,QACF;AAGF,aAAI,iBACK,KAGF,OAAO,KAAK,CAAC,UAAU,OAAO,SAAU,YAAY,MAAM,SAAS,MAAM,CAAC;AAAA,IACnF,GAEM,kBAAkB,CAAC,UACvB,oBAAoB,OAAO,QAAQ,CAAC,SAAS,UAAU,MAAM,CAAC,GAE1D,kBAAkB,CAAC,UACvB,oBAAoB,OAAO,QAAQ,CAAC,SAAS,UAAU,MAAM,CAAC;AAE5D,oBAAgB,GAAG,MAAM,OAAO,aAAa,SAAS,KACxD,eAIA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,SAAS;AAAA,QACT,UAAU,CAAC,SAAS,oBAAoB,GAAG,MAAM,WAAW,iBAAiB;AAAA,MAAA;AAAA,IAC/E,KAGF,eAIA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT;AAAA,QACA,UAAU,CAAC,SAAS,oBAAoB,GAAG,MAAM,UAAU,gBAAgB;AAAA,MAAA;AAAA,MAE7E;AAAA,QACE,SAAS;AAAA,QACT,UAAU,CAAC,SAAS,oBAAoB,GAAG,MAAM,WAAW,iBAAiB;AAAA,MAAA;AAAA,IAC/E,KAGF,eAIA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,CAAC,UAAU,CAAC,gBAAgB,KAAK,KAAK,CAAC,gBAAgB,KAAK;AAAA,MAC5D;AAAA,QACE,SAAS;AAAA,QACT,UAAU,CAAC,SAAS,oBAAoB,GAAG,MAAM,UAAU,gBAAgB;AAAA,MAAA;AAAA,IAC7E,KAGF,YAAA;AAAA,EAEJ,CAAC;AACH;"}

package/dist/transforms/latest/card/card.js

@@ -1,5 +1,5 @@
 import "jscodeshift";
-import { transformComponent, getComponentLocalNames, shouldTransformComponent, transformImport, transformAttributes, getAttribute, getStaticAttributeExpression } from "../../../_chunks-es/transformComponent.js";
+import { transformComponent, getComponentLocalNames, getStyledComponentAliases, shouldTransformComponent, transformImport, transformStyledComponents, transformAttributes, getAttribute, getStaticAttributeExpression } from "../../../_chunks-es/transformStyledComponents.js";
 import { replaceElement, BOX_MODS } from "../../../_chunks-es/box.mods.js";
 const CARD_MODS = {
   alignItems: {
@@ -589,27 +589,42 @@ const CARD_MODS = {
       5: "120rem"
     }
   }
-}, CARD_TODO_WARNING = "Please double check the Card migration below", BOX_TODO_WARNING = "Please double check the Box migration below";
+}, CARD_TODO_WARNING = "Please double check the Card migration below", BOX_TODO_WARNING = "Please double check the Box migration below", STYLED_TODO_WARNING = "Please double check styled(Card) migration below";
 function transform(fileInfo, api, options) {
   const { fromPackage, toPackage } = options || {};
   return transformComponent(fileInfo, api, ({ j, root, markChanged }) => {
-    const localNames = getComponentLocalNames(j, root, "Card", options);
-    shouldTransformComponent(j, root, "Card", localNames, options) && (transformImport(j, root, "Card", fromPackage, toPackage) && markChanged(), replaceElement(
+    const localNames = getComponentLocalNames(j, root, "Card", options), styledAliases = getStyledComponentAliases(
       j,
       root,
-      (attrs) => {
-        const density = getAttribute(attrs, "density"), muted = getAttribute(attrs, "muted"), scheme = getAttribute(attrs, "scheme"), border = getAttribute(attrs, "border"), padding = getStaticAttributeExpression(j, attrs, "padding"), radius = getStaticAttributeExpression(j, attrs, "radius");
-        return !(density || muted || scheme || border && padding === 3 && radius == 2 || border && padding === 4 && radius == 3 || border && padding === 5 && radius == 4);
-      },
+      "Card",
+      fileInfo.path,
+      localNames,
+      options
+    );
+    if (!shouldTransformComponent(j, root, "Card", localNames, options, styledAliases))
+      return;
+    transformImport(j, root, "Card", fromPackage, toPackage) && markChanged();
+    const replaceWithBox = (attrs) => {
+      const density = getAttribute(attrs, "density"), muted = getAttribute(attrs, "muted"), scheme = getAttribute(attrs, "scheme"), border = getAttribute(attrs, "border"), padding = getStaticAttributeExpression(j, attrs, "padding"), radius = getStaticAttributeExpression(j, attrs, "radius");
+      return !(density || muted || scheme || border && padding === 3 && radius == 2 || border && padding === 4 && radius == 3 || border && padding === 5 && radius == 4);
+    };
+    replaceElement(
+      j,
+      root,
+      (attrs) => replaceWithBox(attrs),
       {
         element: "Card",
+        localNames,
         callback: (path) => transformAttributes(j, path, CARD_MODS, CARD_TODO_WARNING)
       },
       {
         element: "Box",
         callback: (path) => transformAttributes(j, path, BOX_MODS, BOX_TODO_WARNING)
       }
-    ) && markChanged());
+    ) && markChanged(), transformStyledComponents(j, root, styledAliases, (attrs) => !replaceWithBox(attrs), {
+      warning: STYLED_TODO_WARNING,
+      callback: (path) => transformAttributes(j, path, CARD_MODS, CARD_TODO_WARNING)
+    }) && markChanged();
   });
 }
 export {

package/dist/transforms/latest/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../../../src/transforms/latest/card/card.mods.ts","../../../../src/transforms/latest/card/card.ts"],"sourcesContent":["import type {AttributeMods} from '../../../types/AttributeMods'\n\n/** @internal */\nexport const CARD_MODS: AttributeMods = {\n  alignItems: {\n    type: 'style-only',\n    style: 'alignItems',\n  },\n  border: {\n    type: 'remove',\n  },\n  borderTop: {\n    type: 'style-mapped',\n    style: 'borderTop',\n    mapping: {\n      true: '1px solid var(--tone-separator, var(--border-color-default))',\n      default: '1px solid var(--tone-separator, var(--border-color-default))',\n      muted: '1px solid var(--tone-separator, var(--border-color-default))',\n      false: 'none',\n      none: 'none',\n    },\n  },\n  borderRight: {\n    type: 'style-mapped',\n    style: 'borderRight',\n    mapping: {\n      true: '1px solid var(--tone-separator, var(--border-color-default))',\n      default: '1px solid var(--tone-separator, var(--border-color-default))',\n      muted: '1px solid var(--tone-separator, var(--border-color-default))',\n      false: 'none',\n      none: 'none',\n    },\n  },\n  borderbottom: {\n    type: 'style-mapped',\n    style: 'borderBottom',\n    mapping: {\n      true: '1px solid var(--tone-separator, var(--border-color-default))',\n      default: '1px solid var(--tone-separator, var(--border-color-default))',\n      muted: '1px solid var(--tone-separator, var(--border-color-default))',\n      false: 'none',\n      none: 'none',\n    },\n  },\n  borderLeft: {\n    type: 'style-mapped',\n    style: 'borderLeft',\n    mapping: {\n      true: '1px solid var(--tone-separator, var(--border-color-default))',\n      default: '1px solid var(--tone-separator, var(--border-color-default))',\n      muted: '1px solid var(--tone-separator, var(--border-color-default))',\n      false: 'none',\n      none: 'none',\n    },\n  },\n  borderWidth: {type: 'remove'},\n  column: {\n    type: 'style-mapped',\n    style: 'gridColumn',\n    mapping: {\n      auto: 'auto',\n      full: '1 / -1',\n      1: 'span 1 / span 1',\n      2: 'span 2 / span 2',\n      3: 'span 3 / span 3',\n      4: 'span 4 / span 4',\n      5: 'span 5 / span 5',\n      6: 'span 6 / span 6',\n      7: 'span 7 / span 7',\n      8: 'span 8 / span 8',\n      9: 'span 9 / span 9',\n      10: 'span 10 / span 10',\n      11: 'span 11 / span 11',\n      12: 'span 12 / span 12',\n    },\n  },\n  columnEnd: {\n    type: 'style-mapped',\n    style: 'gridColumnEnd',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  columnStart: {\n    type: 'style-mapped',\n    style: 'gridColumnStart',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  display: {\n    type: 'style-only',\n    style: 'display',\n  },\n  flex: {\n    type: 'style-mapped',\n    style: 'flex',\n    mapping: {\n      none: '0 0 auto',\n      auto: '1 1 auto',\n      initial: '0 1 auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  flexDirection: {\n    type: 'style-only',\n    style: 'flexDirection',\n  },\n  flexWrap: {\n    type: 'style-only',\n    style: 'flexWrap',\n  },\n  gap: {\n    type: 'style-mapped',\n    style: 'gap',\n    mapping: {\n      0: 'var(--space-0)',\n      1: 'var(--space-1)',\n      2: 'var(--space-2)',\n      3: 'var(--space-3)',\n      4: 'var(--space-4)',\n      5: 'var(--space-5)',\n      6: 'var(--space-6)',\n      7: 'var(--space-7)',\n      8: 'var(--space-8)',\n      9: 'var(--space-9)',\n    },\n  },\n  gapX: {\n    type: 'style-mapped',\n    style: 'columnGap',\n    mapping: {\n      0: 'var(--space-0)',\n      1: 'var(--space-1)',\n      2: 'var(--space-2)',\n      3: 'var(--space-3)',\n      4: 'var(--space-4)',\n      5: 'var(--space-5)',\n      6: 'var(--space-6)',\n      7: 'var(--space-7)',\n      8: 'var(--space-8)',\n      9: 'var(--space-9)',\n    },\n  },\n  gapY: {\n    type: 'style-mapped',\n    style: 'rowGap',\n    mapping: {\n      0: 'var(--space-0)',\n      1: 'var(--space-1)',\n      2: 'var(--space-2)',\n      3: 'var(--space-3)',\n      4: 'var(--space-4)',\n      5: 'var(--space-5)',\n      6: 'var(--space-6)',\n      7: 'var(--space-7)',\n      8: 'var(--space-8)',\n      9: 'var(--space-9)',\n    },\n  },\n  gridAutoColumns: {\n    type: 'style-only',\n    style: 'gridAutoColumns',\n  },\n  gridAutoFlow: {\n    type: 'style-only',\n    style: 'gridAutoFlow',\n  },\n  gridAutoRows: {\n    type: 'style-only',\n    style: 'gridAutoRows',\n  },\n  gridColumn: {\n    type: 'style-mapped',\n    style: 'gridColumn',\n    mapping: {\n      auto: 'auto',\n      full: '1 / -1',\n      1: 'span 1 / span 1',\n      2: 'span 2 / span 2',\n      3: 'span 3 / span 3',\n      4: 'span 4 / span 4',\n      5: 'span 5 / span 5',\n      6: 'span 6 / span 6',\n      7: 'span 7 / span 7',\n      8: 'span 8 / span 8',\n      9: 'span 9 / span 9',\n      10: 'span 10 / span 10',\n      11: 'span 11 / span 11',\n      12: 'span 12 / span 12',\n    },\n  },\n  gridColumnEnd: {\n    type: 'style-mapped',\n    style: 'gridColumnEnd',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  gridColumnStart: {\n    type: 'style-mapped',\n    style: 'gridColumnStart',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  gridRow: {\n    type: 'style-mapped',\n    style: 'gridRow',\n    mapping: {\n      auto: 'auto',\n      full: '1 / -1',\n      1: 'span 1 / span 1',\n      2: 'span 2 / span 2',\n      3: 'span 3 / span 3',\n      4: 'span 4 / span 4',\n      5: 'span 5 / span 5',\n      6: 'span 6 / span 6',\n      7: 'span 7 / span 7',\n      8: 'span 8 / span 8',\n      9: 'span 9 / span 9',\n      10: 'span 10 / span 10',\n      11: 'span 11 / span 11',\n      12: 'span 12 / span 12',\n    },\n  },\n  gridRowEnd: {\n    type: 'style-mapped',\n    style: 'gridRowEnd',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  gridRowStart: {\n    type: 'style-mapped',\n    style: 'gridRowStart',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  gridTemplateColumns: {\n    type: 'style-mapped',\n    style: 'gridTemplateColumns',\n    mapping: {\n      0: '0px',\n      1: 'repeat(1, 1fr)',\n      2: 'repeat(2, 1fr)',\n      3: 'repeat(3, 1fr)',\n      4: 'repeat(4, 1fr)',\n      5: 'repeat(5, 1fr)',\n      6: 'repeat(6, 1fr)',\n      7: 'repeat(7, 1fr)',\n      8: 'repeat(8, 1fr)',\n      9: 'repeat(9, 1fr)',\n      10: 'repeat(10, 1fr)',\n      11: 'repeat(11, 1fr)',\n      12: 'repeat(12, 1fr)',\n    },\n  },\n  gridTemplateRows: {\n    type: 'style-mapped',\n    style: 'gridTemplateRows',\n    mapping: {\n      0: '0px',\n      1: 'repeat(1, 1fr)',\n      2: 'repeat(2, 1fr)',\n      3: 'repeat(3, 1fr)',\n      4: 'repeat(4, 1fr)',\n      5: 'repeat(5, 1fr)',\n      6: 'repeat(6, 1fr)',\n      7: 'repeat(7, 1fr)',\n      8: 'repeat(8, 1fr)',\n      9: 'repeat(9, 1fr)',\n      10: 'repeat(10, 1fr)',\n      11: 'repeat(11, 1fr)',\n      12: 'repeat(12, 1fr)',\n    },\n  },\n  height: {\n    type: 'style-mapped',\n    style: 'height',\n    mapping: {\n      fill: '100%',\n      auto: 'auto',\n      min: 'min-content',\n      max: 'max-content',\n      fit: 'fit-content',\n      stretch: 'stretch',\n    },\n  },\n  inset: {\n    type: 'style-only',\n    style: 'inset',\n  },\n  insetTop: {\n    type: 'style-only',\n    style: 'top',\n  },\n  insetRight: {\n    type: 'style-only',\n    style: 'right',\n  },\n  insetBottom: {\n    type: 'style-only',\n    style: 'bottom',\n  },\n  insetLeft: {\n    type: 'style-only',\n    style: 'left',\n  },\n  justifyContent: {\n    type: 'style-only',\n    style: 'justifyContent',\n  },\n  maxWidth: {\n    type: 'style-mapped',\n    style: 'maxWidth',\n    mapping: {\n      auto: 'none',\n      fill: '100%',\n      0: '20rem',\n      1: '40rem',\n      2: '60rem',\n      3: '80rem',\n      4: '100rem',\n      5: '120rem',\n    },\n  },\n  minHeight: {\n    type: 'style-mapped',\n    style: 'minHeight',\n    mapping: {\n      full: '100%',\n      0: '0',\n    },\n  },\n  minWidth: {\n    type: 'style-mapped',\n    style: 'minWidth',\n    mapping: {\n      full: '100%',\n      0: '0',\n      auto: 'auto',\n      min: 'min-content',\n      max: 'max-content',\n      fit: 'fit-content',\n    },\n  },\n  muted: {\n    type: 'warn-only',\n    warning: 'Please double check the Card migration below. The muted prop has been deprecated.',\n  },\n  outline: {\n    type: 'style-only',\n    style: 'outline',\n  },\n  overflow: {\n    type: 'style-only',\n    style: 'overflow',\n  },\n  overflowX: {\n    type: 'style-only',\n    style: 'overflowX',\n  },\n  overflowY: {\n    type: 'style-only',\n    style: 'overflowY',\n  },\n  padding: {\n    type: 'composite',\n    name: 'density',\n    mapping: {\n      compact: {\n        padding: 3,\n        radius: 2,\n      },\n      regular: {\n        padding: 4,\n        radius: 3,\n      },\n      loose: {\n        padding: 5,\n        radius: 4,\n      },\n    },\n  },\n  position: {\n    type: 'style-only',\n    style: 'position',\n  },\n  row: {\n    type: 'style-mapped',\n    style: 'gridRow',\n    mapping: {\n      auto: 'auto',\n      full: '1 / -1',\n      1: 'span 1 / span 1',\n      2: 'span 2 / span 2',\n      3: 'span 3 / span 3',\n      4: 'span 4 / span 4',\n      5: 'span 5 / span 5',\n      6: 'span 6 / span 6',\n      7: 'span 7 / span 7',\n      8: 'span 8 / span 8',\n      9: 'span 9 / span 9',\n      10: 'span 10 / span 10',\n      11: 'span 11 / span 11',\n      12: 'span 12 / span 12',\n    },\n  },\n  rowEnd: {\n    type: 'style-mapped',\n    style: 'gridRowEnd',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  rowStart: {\n    type: 'style-mapped',\n    style: 'gridRowStart',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  scheme: {\n    type: 'warn-only',\n    warning: 'Please double check the Card migration below. The scheme prop has been deprecated.',\n  },\n  shadow: {\n    type: 'style-mapped',\n    style: 'boxShadow',\n    mapping: {\n      0: 'var(--shadow0)',\n      1: 'var(--shadow1)',\n      2: 'var(--shadow2)',\n      3: 'var(--shadow3)',\n      4: 'var(--shadow4)',\n      5: 'var(--shadow5)',\n    },\n  },\n  sizing: {\n    type: 'style-mapped',\n    style: 'boxSizing',\n    mapping: {\n      content: 'content-box',\n      border: 'border-box',\n    },\n  },\n  textAlign: {\n    type: 'style-only',\n    style: 'textAlign',\n  },\n  tone: {\n    type: 'mapped-only',\n    mapping: {\n      default: 'none',\n      none: 'none',\n      transparent: 'neutral',\n      neutral: 'neutral',\n      brand: 'primary',\n      primary: 'primary',\n      positive: 'positive',\n      caution: 'caution',\n      critical: 'critical',\n      suggest: 'suggest',\n    },\n  },\n  width: {\n    type: 'style-mapped',\n    style: 'width',\n    mapping: {\n      auto: 'auto',\n      fill: '100%',\n      stretch: 'stretch',\n      min: 'min-content',\n      max: 'max-content',\n      0: '20rem',\n      1: '40rem',\n      2: '60rem',\n      3: '80rem',\n      4: '100rem',\n      5: '120rem',\n    },\n  },\n}\n","import {type API, type FileInfo} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {getAttribute} from '../../../utils/getAttribute'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {getStaticAttributeExpression} from '../../../utils/getStaticAttributeExpression'\nimport {replaceElement} from '../../../utils/replaceElement'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {BOX_MODS} from '../box/box.mods'\nimport {CARD_MODS} from './card.mods'\n\nconst CARD_TODO_WARNING = 'Please double check the Card migration below'\nconst BOX_TODO_WARNING = 'Please double check the Box migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options?: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Card', options)\n\n    if (!shouldTransformComponent(j, root, 'Card', localNames, options)) {\n      return\n    }\n\n    if (transformImport(j, root, 'Card', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    if (\n      replaceElement(\n        j,\n        root,\n        (attrs) => {\n          const density = getAttribute(attrs, 'density')\n          const muted = getAttribute(attrs, 'muted')\n          const scheme = getAttribute(attrs, 'scheme')\n          const border = getAttribute(attrs, 'border')\n          const padding = getStaticAttributeExpression(j, attrs, 'padding')\n          const radius = getStaticAttributeExpression(j, attrs, 'radius')\n\n          return !(\n            density ||\n            muted ||\n            scheme ||\n            (border && padding === 3 && radius == 2) ||\n            (border && padding === 4 && radius == 3) ||\n            (border && padding === 5 && radius == 4)\n          )\n        },\n        {\n          element: 'Card',\n          callback: (path) => transformAttributes(j, path, CARD_MODS, CARD_TODO_WARNING),\n        },\n        {\n          element: 'Box',\n          callback: (path) => transformAttributes(j, path, BOX_MODS, BOX_TODO_WARNING),\n        },\n      )\n    ) {\n      markChanged()\n    }\n  })\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"card.js","sources":["../../../../src/transforms/latest/card/card.mods.ts","../../../../src/transforms/latest/card/card.ts"],"sourcesContent":["import type {AttributeMods} from '../../../types/AttributeMods'\n\n/** @internal */\nexport const CARD_MODS: AttributeMods = {\n  alignItems: {\n    type: 'style-only',\n    style: 'alignItems',\n  },\n  border: {\n    type: 'remove',\n  },\n  borderTop: {\n    type: 'style-mapped',\n    style: 'borderTop',\n    mapping: {\n      true: '1px solid var(--tone-separator, var(--border-color-default))',\n      default: '1px solid var(--tone-separator, var(--border-color-default))',\n      muted: '1px solid var(--tone-separator, var(--border-color-default))',\n      false: 'none',\n      none: 'none',\n    },\n  },\n  borderRight: {\n    type: 'style-mapped',\n    style: 'borderRight',\n    mapping: {\n      true: '1px solid var(--tone-separator, var(--border-color-default))',\n      default: '1px solid var(--tone-separator, var(--border-color-default))',\n      muted: '1px solid var(--tone-separator, var(--border-color-default))',\n      false: 'none',\n      none: 'none',\n    },\n  },\n  borderbottom: {\n    type: 'style-mapped',\n    style: 'borderBottom',\n    mapping: {\n      true: '1px solid var(--tone-separator, var(--border-color-default))',\n      default: '1px solid var(--tone-separator, var(--border-color-default))',\n      muted: '1px solid var(--tone-separator, var(--border-color-default))',\n      false: 'none',\n      none: 'none',\n    },\n  },\n  borderLeft: {\n    type: 'style-mapped',\n    style: 'borderLeft',\n    mapping: {\n      true: '1px solid var(--tone-separator, var(--border-color-default))',\n      default: '1px solid var(--tone-separator, var(--border-color-default))',\n      muted: '1px solid var(--tone-separator, var(--border-color-default))',\n      false: 'none',\n      none: 'none',\n    },\n  },\n  borderWidth: {type: 'remove'},\n  column: {\n    type: 'style-mapped',\n    style: 'gridColumn',\n    mapping: {\n      auto: 'auto',\n      full: '1 / -1',\n      1: 'span 1 / span 1',\n      2: 'span 2 / span 2',\n      3: 'span 3 / span 3',\n      4: 'span 4 / span 4',\n      5: 'span 5 / span 5',\n      6: 'span 6 / span 6',\n      7: 'span 7 / span 7',\n      8: 'span 8 / span 8',\n      9: 'span 9 / span 9',\n      10: 'span 10 / span 10',\n      11: 'span 11 / span 11',\n      12: 'span 12 / span 12',\n    },\n  },\n  columnEnd: {\n    type: 'style-mapped',\n    style: 'gridColumnEnd',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  columnStart: {\n    type: 'style-mapped',\n    style: 'gridColumnStart',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  display: {\n    type: 'style-only',\n    style: 'display',\n  },\n  flex: {\n    type: 'style-mapped',\n    style: 'flex',\n    mapping: {\n      none: '0 0 auto',\n      auto: '1 1 auto',\n      initial: '0 1 auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  flexDirection: {\n    type: 'style-only',\n    style: 'flexDirection',\n  },\n  flexWrap: {\n    type: 'style-only',\n    style: 'flexWrap',\n  },\n  gap: {\n    type: 'style-mapped',\n    style: 'gap',\n    mapping: {\n      0: 'var(--space-0)',\n      1: 'var(--space-1)',\n      2: 'var(--space-2)',\n      3: 'var(--space-3)',\n      4: 'var(--space-4)',\n      5: 'var(--space-5)',\n      6: 'var(--space-6)',\n      7: 'var(--space-7)',\n      8: 'var(--space-8)',\n      9: 'var(--space-9)',\n    },\n  },\n  gapX: {\n    type: 'style-mapped',\n    style: 'columnGap',\n    mapping: {\n      0: 'var(--space-0)',\n      1: 'var(--space-1)',\n      2: 'var(--space-2)',\n      3: 'var(--space-3)',\n      4: 'var(--space-4)',\n      5: 'var(--space-5)',\n      6: 'var(--space-6)',\n      7: 'var(--space-7)',\n      8: 'var(--space-8)',\n      9: 'var(--space-9)',\n    },\n  },\n  gapY: {\n    type: 'style-mapped',\n    style: 'rowGap',\n    mapping: {\n      0: 'var(--space-0)',\n      1: 'var(--space-1)',\n      2: 'var(--space-2)',\n      3: 'var(--space-3)',\n      4: 'var(--space-4)',\n      5: 'var(--space-5)',\n      6: 'var(--space-6)',\n      7: 'var(--space-7)',\n      8: 'var(--space-8)',\n      9: 'var(--space-9)',\n    },\n  },\n  gridAutoColumns: {\n    type: 'style-only',\n    style: 'gridAutoColumns',\n  },\n  gridAutoFlow: {\n    type: 'style-only',\n    style: 'gridAutoFlow',\n  },\n  gridAutoRows: {\n    type: 'style-only',\n    style: 'gridAutoRows',\n  },\n  gridColumn: {\n    type: 'style-mapped',\n    style: 'gridColumn',\n    mapping: {\n      auto: 'auto',\n      full: '1 / -1',\n      1: 'span 1 / span 1',\n      2: 'span 2 / span 2',\n      3: 'span 3 / span 3',\n      4: 'span 4 / span 4',\n      5: 'span 5 / span 5',\n      6: 'span 6 / span 6',\n      7: 'span 7 / span 7',\n      8: 'span 8 / span 8',\n      9: 'span 9 / span 9',\n      10: 'span 10 / span 10',\n      11: 'span 11 / span 11',\n      12: 'span 12 / span 12',\n    },\n  },\n  gridColumnEnd: {\n    type: 'style-mapped',\n    style: 'gridColumnEnd',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  gridColumnStart: {\n    type: 'style-mapped',\n    style: 'gridColumnStart',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  gridRow: {\n    type: 'style-mapped',\n    style: 'gridRow',\n    mapping: {\n      auto: 'auto',\n      full: '1 / -1',\n      1: 'span 1 / span 1',\n      2: 'span 2 / span 2',\n      3: 'span 3 / span 3',\n      4: 'span 4 / span 4',\n      5: 'span 5 / span 5',\n      6: 'span 6 / span 6',\n      7: 'span 7 / span 7',\n      8: 'span 8 / span 8',\n      9: 'span 9 / span 9',\n      10: 'span 10 / span 10',\n      11: 'span 11 / span 11',\n      12: 'span 12 / span 12',\n    },\n  },\n  gridRowEnd: {\n    type: 'style-mapped',\n    style: 'gridRowEnd',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  gridRowStart: {\n    type: 'style-mapped',\n    style: 'gridRowStart',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  gridTemplateColumns: {\n    type: 'style-mapped',\n    style: 'gridTemplateColumns',\n    mapping: {\n      0: '0px',\n      1: 'repeat(1, 1fr)',\n      2: 'repeat(2, 1fr)',\n      3: 'repeat(3, 1fr)',\n      4: 'repeat(4, 1fr)',\n      5: 'repeat(5, 1fr)',\n      6: 'repeat(6, 1fr)',\n      7: 'repeat(7, 1fr)',\n      8: 'repeat(8, 1fr)',\n      9: 'repeat(9, 1fr)',\n      10: 'repeat(10, 1fr)',\n      11: 'repeat(11, 1fr)',\n      12: 'repeat(12, 1fr)',\n    },\n  },\n  gridTemplateRows: {\n    type: 'style-mapped',\n    style: 'gridTemplateRows',\n    mapping: {\n      0: '0px',\n      1: 'repeat(1, 1fr)',\n      2: 'repeat(2, 1fr)',\n      3: 'repeat(3, 1fr)',\n      4: 'repeat(4, 1fr)',\n      5: 'repeat(5, 1fr)',\n      6: 'repeat(6, 1fr)',\n      7: 'repeat(7, 1fr)',\n      8: 'repeat(8, 1fr)',\n      9: 'repeat(9, 1fr)',\n      10: 'repeat(10, 1fr)',\n      11: 'repeat(11, 1fr)',\n      12: 'repeat(12, 1fr)',\n    },\n  },\n  height: {\n    type: 'style-mapped',\n    style: 'height',\n    mapping: {\n      fill: '100%',\n      auto: 'auto',\n      min: 'min-content',\n      max: 'max-content',\n      fit: 'fit-content',\n      stretch: 'stretch',\n    },\n  },\n  inset: {\n    type: 'style-only',\n    style: 'inset',\n  },\n  insetTop: {\n    type: 'style-only',\n    style: 'top',\n  },\n  insetRight: {\n    type: 'style-only',\n    style: 'right',\n  },\n  insetBottom: {\n    type: 'style-only',\n    style: 'bottom',\n  },\n  insetLeft: {\n    type: 'style-only',\n    style: 'left',\n  },\n  justifyContent: {\n    type: 'style-only',\n    style: 'justifyContent',\n  },\n  maxWidth: {\n    type: 'style-mapped',\n    style: 'maxWidth',\n    mapping: {\n      auto: 'none',\n      fill: '100%',\n      0: '20rem',\n      1: '40rem',\n      2: '60rem',\n      3: '80rem',\n      4: '100rem',\n      5: '120rem',\n    },\n  },\n  minHeight: {\n    type: 'style-mapped',\n    style: 'minHeight',\n    mapping: {\n      full: '100%',\n      0: '0',\n    },\n  },\n  minWidth: {\n    type: 'style-mapped',\n    style: 'minWidth',\n    mapping: {\n      full: '100%',\n      0: '0',\n      auto: 'auto',\n      min: 'min-content',\n      max: 'max-content',\n      fit: 'fit-content',\n    },\n  },\n  muted: {\n    type: 'warn-only',\n    warning: 'Please double check the Card migration below. The muted prop has been deprecated.',\n  },\n  outline: {\n    type: 'style-only',\n    style: 'outline',\n  },\n  overflow: {\n    type: 'style-only',\n    style: 'overflow',\n  },\n  overflowX: {\n    type: 'style-only',\n    style: 'overflowX',\n  },\n  overflowY: {\n    type: 'style-only',\n    style: 'overflowY',\n  },\n  padding: {\n    type: 'composite',\n    name: 'density',\n    mapping: {\n      compact: {\n        padding: 3,\n        radius: 2,\n      },\n      regular: {\n        padding: 4,\n        radius: 3,\n      },\n      loose: {\n        padding: 5,\n        radius: 4,\n      },\n    },\n  },\n  position: {\n    type: 'style-only',\n    style: 'position',\n  },\n  row: {\n    type: 'style-mapped',\n    style: 'gridRow',\n    mapping: {\n      auto: 'auto',\n      full: '1 / -1',\n      1: 'span 1 / span 1',\n      2: 'span 2 / span 2',\n      3: 'span 3 / span 3',\n      4: 'span 4 / span 4',\n      5: 'span 5 / span 5',\n      6: 'span 6 / span 6',\n      7: 'span 7 / span 7',\n      8: 'span 8 / span 8',\n      9: 'span 9 / span 9',\n      10: 'span 10 / span 10',\n      11: 'span 11 / span 11',\n      12: 'span 12 / span 12',\n    },\n  },\n  rowEnd: {\n    type: 'style-mapped',\n    style: 'gridRowEnd',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  rowStart: {\n    type: 'style-mapped',\n    style: 'gridRowStart',\n    mapping: {\n      auto: 'auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  scheme: {\n    type: 'warn-only',\n    warning: 'Please double check the Card migration below. The scheme prop has been deprecated.',\n  },\n  shadow: {\n    type: 'style-mapped',\n    style: 'boxShadow',\n    mapping: {\n      0: 'var(--shadow0)',\n      1: 'var(--shadow1)',\n      2: 'var(--shadow2)',\n      3: 'var(--shadow3)',\n      4: 'var(--shadow4)',\n      5: 'var(--shadow5)',\n    },\n  },\n  sizing: {\n    type: 'style-mapped',\n    style: 'boxSizing',\n    mapping: {\n      content: 'content-box',\n      border: 'border-box',\n    },\n  },\n  textAlign: {\n    type: 'style-only',\n    style: 'textAlign',\n  },\n  tone: {\n    type: 'mapped-only',\n    mapping: {\n      default: 'none',\n      none: 'none',\n      transparent: 'neutral',\n      neutral: 'neutral',\n      brand: 'primary',\n      primary: 'primary',\n      positive: 'positive',\n      caution: 'caution',\n      critical: 'critical',\n      suggest: 'suggest',\n    },\n  },\n  width: {\n    type: 'style-mapped',\n    style: 'width',\n    mapping: {\n      auto: 'auto',\n      fill: '100%',\n      stretch: 'stretch',\n      min: 'min-content',\n      max: 'max-content',\n      0: '20rem',\n      1: '40rem',\n      2: '60rem',\n      3: '80rem',\n      4: '100rem',\n      5: '120rem',\n    },\n  },\n}\n","import {type API, type FileInfo, type JSXAttribute, type JSXSpreadAttribute} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {getAttribute} from '../../../utils/getAttribute'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {getStaticAttributeExpression} from '../../../utils/getStaticAttributeExpression'\nimport {getStyledComponentAliases} from '../../../utils/getStyledComponentAliases'\nimport {replaceElement} from '../../../utils/replaceElement'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {transformStyledComponents} from '../../../utils/transformStyledComponents'\nimport {BOX_MODS} from '../box/box.mods'\nimport {CARD_MODS} from './card.mods'\n\nconst CARD_TODO_WARNING = 'Please double check the Card migration below'\nconst BOX_TODO_WARNING = 'Please double check the Box migration below'\nconst STYLED_TODO_WARNING = 'Please double check styled(Card) migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options?: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Card', options)\n    const styledAliases = getStyledComponentAliases(\n      j,\n      root,\n      'Card',\n      fileInfo.path,\n      localNames,\n      options,\n    )\n\n    if (!shouldTransformComponent(j, root, 'Card', localNames, options, styledAliases)) {\n      return\n    }\n\n    if (transformImport(j, root, 'Card', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    const replaceWithBox = (attrs: (JSXAttribute | JSXSpreadAttribute)[]) => {\n      const density = getAttribute(attrs, 'density')\n      const muted = getAttribute(attrs, 'muted')\n      const scheme = getAttribute(attrs, 'scheme')\n      const border = getAttribute(attrs, 'border')\n      const padding = getStaticAttributeExpression(j, attrs, 'padding')\n      const radius = getStaticAttributeExpression(j, attrs, 'radius')\n\n      return !(\n        density ||\n        muted ||\n        scheme ||\n        (border && padding === 3 && radius == 2) ||\n        (border && padding === 4 && radius == 3) ||\n        (border && padding === 5 && radius == 4)\n      )\n    }\n\n    if (\n      replaceElement(\n        j,\n        root,\n        (attrs) => replaceWithBox(attrs),\n        {\n          element: 'Card',\n          localNames,\n          callback: (path) => transformAttributes(j, path, CARD_MODS, CARD_TODO_WARNING),\n        },\n        {\n          element: 'Box',\n          callback: (path) => transformAttributes(j, path, BOX_MODS, BOX_TODO_WARNING),\n        },\n      )\n    ) {\n      markChanged()\n    }\n\n    if (\n      transformStyledComponents(j, root, styledAliases, (attrs) => !replaceWithBox(attrs), {\n        warning: STYLED_TODO_WARNING,\n        callback: (path) => transformAttributes(j, path, CARD_MODS, CARD_TODO_WARNING),\n      })\n    ) {\n      markChanged()\n    }\n  })\n}\n"],"names":[],"mappings":"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"}

package/dist/transforms/latest/code/code.js

@@ -1,6 +1,6 @@
 import "jscodeshift";
 import { addAttribute } from "../../../_chunks-es/addAttribute.js";
-import { transformComponent, getComponentLocalNames, shouldTransformComponent, transformImport, transformAttributes } from "../../../_chunks-es/transformComponent.js";
+import { transformComponent, getComponentLocalNames, getStyledComponentAliases, shouldTransformComponent, transformImport, transformAttributes, transformStyledComponents } from "../../../_chunks-es/transformStyledComponents.js";
 const CODE_MODS = {
   flex: {
     type: "style-mapped",
@@ -58,13 +58,24 @@ const CODE_MODS = {
 function transform(fileInfo, api, options) {
   const { fromPackage, toPackage } = options || {};
   return transformComponent(fileInfo, api, ({ j, root, markChanged }) => {
-    const localNames = getComponentLocalNames(j, root, "Code", options);
-    shouldTransformComponent(j, root, "Code", localNames, options) && (transformImport(j, root, "Code", fromPackage, toPackage) && markChanged(), root.find(j.JSXOpeningElement, {
-      name: { type: "JSXIdentifier", name: "Code" }
-    }).forEach((path) => {
+    const localNames = getComponentLocalNames(j, root, "Code", options), styledAliases = getStyledComponentAliases(
+      j,
+      root,
+      "Code",
+      fileInfo.path,
+      localNames,
+      options
+    );
+    shouldTransformComponent(j, root, "Code", localNames, options, styledAliases) && (transformImport(j, root, "Code", fromPackage, toPackage) && markChanged(), root.find(j.JSXOpeningElement).forEach((path) => {
       let changed = !1;
-      transformAttributes(j, path, CODE_MODS, TODO_WARNING) && (changed = !0), addAttribute(j, path.node, "trim", !0) && (changed = !0), changed && markChanged();
-    }));
+      const name = path.node.name;
+      name.type !== "JSXIdentifier" || !localNames.has(name.name) || (transformAttributes(j, path, CODE_MODS, TODO_WARNING) && (changed = !0), addAttribute(j, path.node, "trim", !0) && (changed = !0), changed && markChanged());
+    }), transformStyledComponents(j, root, styledAliases, () => !0, {
+      callback: (path) => {
+        let changed = !1;
+        return transformAttributes(j, path, CODE_MODS, TODO_WARNING) && (changed = !0), addAttribute(j, path.node, "trim", !0) && (changed = !0), changed;
+      }
+    }) && markChanged());
   });
 }
 export {

package/dist/transforms/latest/code/code.js.map

@@ -1 +1 @@
-{"version":3,"file":"code.js","sources":["../../../../src/transforms/latest/code/code.mods.ts","../../../../src/transforms/latest/code/code.ts"],"sourcesContent":["import type {AttributeMods} from '../../../types/AttributeMods'\n\n/** @internal */\nexport const CODE_MODS: AttributeMods = {\n  flex: {\n    type: 'style-mapped',\n    style: 'flex',\n    mapping: {\n      none: '0 0 auto',\n      auto: '1 1 auto',\n      initial: '0 1 auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  maxWidth: {\n    type: 'style-mapped',\n    style: 'maxWidth',\n    mapping: {\n      auto: 'none',\n      fill: '100%',\n      0: '20rem',\n      1: '40rem',\n      2: '60rem',\n      3: '80rem',\n      4: '100rem',\n      5: '120rem',\n    },\n  },\n  width: {\n    type: 'style-mapped',\n    style: 'width',\n    mapping: {\n      auto: 'auto',\n      fill: '100%',\n      stretch: 'stretch',\n      min: 'min-content',\n      max: 'max-content',\n      0: '20rem',\n      1: '40rem',\n      2: '60rem',\n      3: '80rem',\n      4: '100rem',\n      5: '120rem',\n    },\n  },\n}\n","import {type API, type FileInfo} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {addAttribute} from '../../../utils/addAttribute'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {CODE_MODS} from './code.mods'\n\nconst TODO_WARNING = 'Please double check the Code migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Code', options)\n\n    if (!shouldTransformComponent(j, root, 'Code', localNames, options)) {\n      return\n    }\n\n    if (transformImport(j, root, 'Code', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    root\n      .find(j.JSXOpeningElement, {\n        name: {type: 'JSXIdentifier', name: 'Code'},\n      })\n      .forEach((path) => {\n        let changed = false\n\n        if (transformAttributes(j, path, CODE_MODS, TODO_WARNING)) {\n          changed = true\n        }\n\n        if (addAttribute(j, path.node, 'trim', true)) {\n          changed = true\n        }\n\n        if (changed) {\n          markChanged()\n        }\n      })\n  })\n}\n"],"names":[],"mappings":";;;AAGO,MAAM,YAA2B;AAAA,EACtC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACL;AAAA,EAEF,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,KAAK;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACL;AAEJ,GC7CM,eAAe;AAGrB,SAAwB,UACtB,UACA,KACA,SACoB;AACpB,QAAM,EAAC,aAAa,UAAA,IAAa,WAAW,CAAA;AAE5C,SAAO,mBAAmB,UAAU,KAAK,CAAC,EAAC,GAAG,MAAM,kBAAiB;AACnE,UAAM,aAAa,uBAAuB,GAAG,MAAM,QAAQ,OAAO;AAE7D,6BAAyB,GAAG,MAAM,QAAQ,YAAY,OAAO,MAI9D,gBAAgB,GAAG,MAAM,QAAQ,aAAa,SAAS,KACzD,YAAA,GAGF,KACG,KAAK,EAAE,mBAAmB;AAAA,MACzB,MAAM,EAAC,MAAM,iBAAiB,MAAM,OAAA;AAAA,IAAM,CAC3C,EACA,QAAQ,CAAC,SAAS;AACjB,UAAI,UAAU;AAEV,0BAAoB,GAAG,MAAM,WAAW,YAAY,MACtD,UAAU,KAGR,aAAa,GAAG,KAAK,MAAM,QAAQ,EAAI,MACzC,UAAU,KAGR,WACF,YAAA;AAAA,IAEJ,CAAC;AAAA,EACL,CAAC;AACH;"}
+{"version":3,"file":"code.js","sources":["../../../../src/transforms/latest/code/code.mods.ts","../../../../src/transforms/latest/code/code.ts"],"sourcesContent":["import type {AttributeMods} from '../../../types/AttributeMods'\n\n/** @internal */\nexport const CODE_MODS: AttributeMods = {\n  flex: {\n    type: 'style-mapped',\n    style: 'flex',\n    mapping: {\n      none: '0 0 auto',\n      auto: '1 1 auto',\n      initial: '0 1 auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  maxWidth: {\n    type: 'style-mapped',\n    style: 'maxWidth',\n    mapping: {\n      auto: 'none',\n      fill: '100%',\n      0: '20rem',\n      1: '40rem',\n      2: '60rem',\n      3: '80rem',\n      4: '100rem',\n      5: '120rem',\n    },\n  },\n  width: {\n    type: 'style-mapped',\n    style: 'width',\n    mapping: {\n      auto: 'auto',\n      fill: '100%',\n      stretch: 'stretch',\n      min: 'min-content',\n      max: 'max-content',\n      0: '20rem',\n      1: '40rem',\n      2: '60rem',\n      3: '80rem',\n      4: '100rem',\n      5: '120rem',\n    },\n  },\n}\n","import {type API, type FileInfo} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {addAttribute} from '../../../utils/addAttribute'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {getStyledComponentAliases} from '../../../utils/getStyledComponentAliases'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {transformStyledComponents} from '../../../utils/transformStyledComponents'\nimport {CODE_MODS} from './code.mods'\n\nconst TODO_WARNING = 'Please double check the Code migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Code', options)\n    const styledAliases = getStyledComponentAliases(\n      j,\n      root,\n      'Code',\n      fileInfo.path,\n      localNames,\n      options,\n    )\n\n    if (!shouldTransformComponent(j, root, 'Code', localNames, options, styledAliases)) {\n      return\n    }\n\n    if (transformImport(j, root, 'Code', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    root.find(j.JSXOpeningElement).forEach((path) => {\n      let changed = false\n      const name = path.node.name\n\n      if (name.type !== 'JSXIdentifier' || !localNames.has(name.name)) {\n        return\n      }\n\n      if (transformAttributes(j, path, CODE_MODS, TODO_WARNING)) {\n        changed = true\n      }\n\n      if (addAttribute(j, path.node, 'trim', true)) {\n        changed = true\n      }\n\n      if (changed) {\n        markChanged()\n      }\n    })\n\n    if (\n      transformStyledComponents(j, root, styledAliases, () => true, {\n        callback: (path) => {\n          let changed = false\n\n          if (transformAttributes(j, path, CODE_MODS, TODO_WARNING)) {\n            changed = true\n          }\n\n          if (addAttribute(j, path.node, 'trim', true)) {\n            changed = true\n          }\n\n          return changed\n        },\n      })\n    ) {\n      markChanged()\n    }\n  })\n}\n"],"names":[],"mappings":";;;AAGO,MAAM,YAA2B;AAAA,EACtC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACL;AAAA,EAEF,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,KAAK;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACL;AAEJ,GC3CM,eAAe;AAGrB,SAAwB,UACtB,UACA,KACA,SACoB;AACpB,QAAM,EAAC,aAAa,UAAA,IAAa,WAAW,CAAA;AAE5C,SAAO,mBAAmB,UAAU,KAAK,CAAC,EAAC,GAAG,MAAM,kBAAiB;AACnE,UAAM,aAAa,uBAAuB,GAAG,MAAM,QAAQ,OAAO,GAC5D,gBAAgB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAGG,6BAAyB,GAAG,MAAM,QAAQ,YAAY,SAAS,aAAa,MAI7E,gBAAgB,GAAG,MAAM,QAAQ,aAAa,SAAS,KACzD,YAAA,GAGF,KAAK,KAAK,EAAE,iBAAiB,EAAE,QAAQ,CAAC,SAAS;AAC/C,UAAI,UAAU;AACd,YAAM,OAAO,KAAK,KAAK;AAEnB,WAAK,SAAS,mBAAmB,CAAC,WAAW,IAAI,KAAK,IAAI,MAI1D,oBAAoB,GAAG,MAAM,WAAW,YAAY,MACtD,UAAU,KAGR,aAAa,GAAG,KAAK,MAAM,QAAQ,EAAI,MACzC,UAAU,KAGR,WACF,YAAA;AAAA,IAEJ,CAAC,GAGC,0BAA0B,GAAG,MAAM,eAAe,MAAM,IAAM;AAAA,MAC5D,UAAU,CAAC,SAAS;AAClB,YAAI,UAAU;AAEd,eAAI,oBAAoB,GAAG,MAAM,WAAW,YAAY,MACtD,UAAU,KAGR,aAAa,GAAG,KAAK,MAAM,QAAQ,EAAI,MACzC,UAAU,KAGL;AAAA,MACT;AAAA,IAAA,CACD,KAED,YAAA;AAAA,EAEJ,CAAC;AACH;"}

package/dist/transforms/latest/container/container.js

@@ -1,5 +1,5 @@
 import "jscodeshift";
-import { transformComponent, getComponentLocalNames, shouldTransformComponent, transformImport, transformAttributes } from "../../../_chunks-es/transformComponent.js";
+import { transformComponent, getComponentLocalNames, getStyledComponentAliases, shouldTransformComponent, transformImport, transformAttributes, transformStyledComponents } from "../../../_chunks-es/transformStyledComponents.js";
 import { LAYOUT_MODS } from "../../../_chunks-es/layout-mods.js";
 const CONTAINER_MODS = {
   ...LAYOUT_MODS,
@@ -77,12 +77,20 @@ const CONTAINER_MODS = {
 function transform(fileInfo, api, options) {
   const { fromPackage, toPackage } = options || {};
   return transformComponent(fileInfo, api, ({ j, root, markChanged }) => {
-    const localNames = getComponentLocalNames(j, root, "Container", options);
-    shouldTransformComponent(j, root, "Container", localNames, options) && (transformImport(j, root, "Container", fromPackage, toPackage) && markChanged(), root.find(j.JSXOpeningElement, {
-      name: { type: "JSXIdentifier", name: "Container" }
-    }).forEach((path) => {
-      transformAttributes(j, path, CONTAINER_MODS, TODO_WARNING) && markChanged();
-    }));
+    const localNames = getComponentLocalNames(j, root, "Container", options), styledAliases = getStyledComponentAliases(
+      j,
+      root,
+      "Container",
+      fileInfo.path,
+      localNames,
+      options
+    );
+    shouldTransformComponent(j, root, "Container", localNames, options, styledAliases) && (transformImport(j, root, "Container", fromPackage, toPackage) && markChanged(), root.find(j.JSXOpeningElement).forEach((path) => {
+      const name = path.node.name;
+      name.type !== "JSXIdentifier" || !localNames.has(name.name) || transformAttributes(j, path, CONTAINER_MODS, TODO_WARNING) && markChanged();
+    }), transformStyledComponents(j, root, styledAliases, () => !0, {
+      callback: (path) => transformAttributes(j, path, CONTAINER_MODS, TODO_WARNING)
+    }) && markChanged());
   });
 }
 export {

package/dist/transforms/latest/container/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sources":["../../../../src/transforms/latest/container/container.mods.ts","../../../../src/transforms/latest/container/container.ts"],"sourcesContent":["import {LAYOUT_MODS} from '../../../constants/latest/layout-mods'\nimport type {AttributeMods} from '../../../types/AttributeMods'\n\n/** @internal */\nexport const CONTAINER_MODS: AttributeMods = {\n  ...LAYOUT_MODS,\n  alignItems: {\n    type: 'style-only',\n    style: 'alignItems',\n  },\n  flexDirection: {\n    type: 'style-only',\n    style: 'flexDirection',\n  },\n  flexWrap: {\n    type: 'style-only',\n    style: 'flexWrap',\n  },\n  gridAutoColumns: {\n    type: 'style-only',\n    style: 'gridAutoColumns',\n  },\n  gridAutoFlow: {\n    type: 'style-only',\n    style: 'gridAutoFlow',\n  },\n  gridAutoRows: {\n    type: 'style-only',\n    style: 'gridAutoRows',\n  },\n  gridTemplateColumns: {\n    type: 'style-mapped',\n    style: 'gridTemplateColumns',\n    mapping: {\n      0: '0px',\n      1: 'repeat(1, 1fr)',\n      2: 'repeat(2, 1fr)',\n      3: 'repeat(3, 1fr)',\n      4: 'repeat(4, 1fr)',\n      5: 'repeat(5, 1fr)',\n      6: 'repeat(6, 1fr)',\n      7: 'repeat(7, 1fr)',\n      8: 'repeat(8, 1fr)',\n      9: 'repeat(9, 1fr)',\n      10: 'repeat(10, 1fr)',\n      11: 'repeat(11, 1fr)',\n      12: 'repeat(12, 1fr)',\n    },\n  },\n  gridTemplateRows: {\n    type: 'style-mapped',\n    style: 'gridTemplateRows',\n    mapping: {\n      0: '0px',\n      1: 'repeat(1, 1fr)',\n      2: 'repeat(2, 1fr)',\n      3: 'repeat(3, 1fr)',\n      4: 'repeat(4, 1fr)',\n      5: 'repeat(5, 1fr)',\n      6: 'repeat(6, 1fr)',\n      7: 'repeat(7, 1fr)',\n      8: 'repeat(8, 1fr)',\n      9: 'repeat(9, 1fr)',\n      10: 'repeat(10, 1fr)',\n      11: 'repeat(11, 1fr)',\n      12: 'repeat(12, 1fr)',\n    },\n  },\n  justifyContent: {\n    type: 'style-only',\n    style: 'justifyContent',\n  },\n  width: {\n    type: 'rename-only',\n    name: 'size',\n  },\n}\n","import {type API, type FileInfo} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {CONTAINER_MODS} from './container.mods'\n\nconst TODO_WARNING = 'Please double check the Container migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options?: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Container', options)\n\n    if (!shouldTransformComponent(j, root, 'Container', localNames, options)) {\n      return\n    }\n\n    if (transformImport(j, root, 'Container', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    root\n      .find(j.JSXOpeningElement, {\n        name: {type: 'JSXIdentifier', name: 'Container'},\n      })\n      .forEach((path) => {\n        if (transformAttributes(j, path, CONTAINER_MODS, TODO_WARNING)) {\n          markChanged()\n        }\n      })\n  })\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,iBAAgC;AAAA,EAC3C,GAAG;AAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,eAAe;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,qBAAqB;AAAA,IACnB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEV,GClEM,eAAe;AAGrB,SAAwB,UACtB,UACA,KACA,SACoB;AACpB,QAAM,EAAC,aAAa,UAAA,IAAa,WAAW,CAAA;AAE5C,SAAO,mBAAmB,UAAU,KAAK,CAAC,EAAC,GAAG,MAAM,kBAAiB;AACnE,UAAM,aAAa,uBAAuB,GAAG,MAAM,aAAa,OAAO;AAElE,6BAAyB,GAAG,MAAM,aAAa,YAAY,OAAO,MAInE,gBAAgB,GAAG,MAAM,aAAa,aAAa,SAAS,KAC9D,YAAA,GAGF,KACG,KAAK,EAAE,mBAAmB;AAAA,MACzB,MAAM,EAAC,MAAM,iBAAiB,MAAM,YAAA;AAAA,IAAW,CAChD,EACA,QAAQ,CAAC,SAAS;AACb,0BAAoB,GAAG,MAAM,gBAAgB,YAAY,KAC3D,YAAA;AAAA,IAEJ,CAAC;AAAA,EACL,CAAC;AACH;"}
+{"version":3,"file":"container.js","sources":["../../../../src/transforms/latest/container/container.mods.ts","../../../../src/transforms/latest/container/container.ts"],"sourcesContent":["import {LAYOUT_MODS} from '../../../constants/latest/layout-mods'\nimport type {AttributeMods} from '../../../types/AttributeMods'\n\n/** @internal */\nexport const CONTAINER_MODS: AttributeMods = {\n  ...LAYOUT_MODS,\n  alignItems: {\n    type: 'style-only',\n    style: 'alignItems',\n  },\n  flexDirection: {\n    type: 'style-only',\n    style: 'flexDirection',\n  },\n  flexWrap: {\n    type: 'style-only',\n    style: 'flexWrap',\n  },\n  gridAutoColumns: {\n    type: 'style-only',\n    style: 'gridAutoColumns',\n  },\n  gridAutoFlow: {\n    type: 'style-only',\n    style: 'gridAutoFlow',\n  },\n  gridAutoRows: {\n    type: 'style-only',\n    style: 'gridAutoRows',\n  },\n  gridTemplateColumns: {\n    type: 'style-mapped',\n    style: 'gridTemplateColumns',\n    mapping: {\n      0: '0px',\n      1: 'repeat(1, 1fr)',\n      2: 'repeat(2, 1fr)',\n      3: 'repeat(3, 1fr)',\n      4: 'repeat(4, 1fr)',\n      5: 'repeat(5, 1fr)',\n      6: 'repeat(6, 1fr)',\n      7: 'repeat(7, 1fr)',\n      8: 'repeat(8, 1fr)',\n      9: 'repeat(9, 1fr)',\n      10: 'repeat(10, 1fr)',\n      11: 'repeat(11, 1fr)',\n      12: 'repeat(12, 1fr)',\n    },\n  },\n  gridTemplateRows: {\n    type: 'style-mapped',\n    style: 'gridTemplateRows',\n    mapping: {\n      0: '0px',\n      1: 'repeat(1, 1fr)',\n      2: 'repeat(2, 1fr)',\n      3: 'repeat(3, 1fr)',\n      4: 'repeat(4, 1fr)',\n      5: 'repeat(5, 1fr)',\n      6: 'repeat(6, 1fr)',\n      7: 'repeat(7, 1fr)',\n      8: 'repeat(8, 1fr)',\n      9: 'repeat(9, 1fr)',\n      10: 'repeat(10, 1fr)',\n      11: 'repeat(11, 1fr)',\n      12: 'repeat(12, 1fr)',\n    },\n  },\n  justifyContent: {\n    type: 'style-only',\n    style: 'justifyContent',\n  },\n  width: {\n    type: 'rename-only',\n    name: 'size',\n  },\n}\n","import {type API, type FileInfo} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {getStyledComponentAliases} from '../../../utils/getStyledComponentAliases'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {transformStyledComponents} from '../../../utils/transformStyledComponents'\nimport {CONTAINER_MODS} from './container.mods'\n\nconst TODO_WARNING = 'Please double check the Container migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options?: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Container', options)\n    const styledAliases = getStyledComponentAliases(\n      j,\n      root,\n      'Container',\n      fileInfo.path,\n      localNames,\n      options,\n    )\n\n    if (!shouldTransformComponent(j, root, 'Container', localNames, options, styledAliases)) {\n      return\n    }\n\n    if (transformImport(j, root, 'Container', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    root.find(j.JSXOpeningElement).forEach((path) => {\n      const name = path.node.name\n\n      if (name.type !== 'JSXIdentifier' || !localNames.has(name.name)) {\n        return\n      }\n\n      if (transformAttributes(j, path, CONTAINER_MODS, TODO_WARNING)) {\n        markChanged()\n      }\n    })\n\n    if (\n      transformStyledComponents(j, root, styledAliases, () => true, {\n        callback: (path) => transformAttributes(j, path, CONTAINER_MODS, TODO_WARNING),\n      })\n    ) {\n      markChanged()\n    }\n  })\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,iBAAgC;AAAA,EAC3C,GAAG;AAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,eAAe;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,qBAAqB;AAAA,IACnB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEV,GChEM,eAAe;AAGrB,SAAwB,UACtB,UACA,KACA,SACoB;AACpB,QAAM,EAAC,aAAa,UAAA,IAAa,WAAW,CAAA;AAE5C,SAAO,mBAAmB,UAAU,KAAK,CAAC,EAAC,GAAG,MAAM,kBAAiB;AACnE,UAAM,aAAa,uBAAuB,GAAG,MAAM,aAAa,OAAO,GACjE,gBAAgB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAGG,6BAAyB,GAAG,MAAM,aAAa,YAAY,SAAS,aAAa,MAIlF,gBAAgB,GAAG,MAAM,aAAa,aAAa,SAAS,KAC9D,YAAA,GAGF,KAAK,KAAK,EAAE,iBAAiB,EAAE,QAAQ,CAAC,SAAS;AAC/C,YAAM,OAAO,KAAK,KAAK;AAEnB,WAAK,SAAS,mBAAmB,CAAC,WAAW,IAAI,KAAK,IAAI,KAI1D,oBAAoB,GAAG,MAAM,gBAAgB,YAAY,KAC3D,YAAA;AAAA,IAEJ,CAAC,GAGC,0BAA0B,GAAG,MAAM,eAAe,MAAM,IAAM;AAAA,MAC5D,UAAU,CAAC,SAAS,oBAAoB,GAAG,MAAM,gBAAgB,YAAY;AAAA,IAAA,CAC9E,KAED,YAAA;AAAA,EAEJ,CAAC;AACH;"}

package/dist/transforms/latest/flex/flex.js

@@ -1,16 +1,24 @@
 import "jscodeshift";
-import { transformComponent, getComponentLocalNames, shouldTransformComponent, transformImport, transformAttributes } from "../../../_chunks-es/transformComponent.js";
+import { transformComponent, getComponentLocalNames, getStyledComponentAliases, shouldTransformComponent, transformImport, transformAttributes, transformStyledComponents } from "../../../_chunks-es/transformStyledComponents.js";
 import { FLEX_MODS } from "../../../_chunks-es/flex.mods.js";
 const TODO_WARNING = "Please double check the Flex migration below";
 function transform(fileInfo, api, options) {
   const { fromPackage, toPackage } = options || {};
   return transformComponent(fileInfo, api, ({ j, root, markChanged }) => {
-    const localNames = getComponentLocalNames(j, root, "Flex", options);
-    shouldTransformComponent(j, root, "Flex", localNames, options) && (transformImport(j, root, "Flex", fromPackage, toPackage) && markChanged(), root.find(j.JSXOpeningElement, {
-      name: { type: "JSXIdentifier", name: "Flex" }
-    }).forEach((path) => {
-      transformAttributes(j, path, FLEX_MODS, TODO_WARNING) && markChanged();
-    }));
+    const localNames = getComponentLocalNames(j, root, "Flex", options), styledAliases = getStyledComponentAliases(
+      j,
+      root,
+      "Flex",
+      fileInfo.path,
+      localNames,
+      options
+    );
+    shouldTransformComponent(j, root, "Flex", localNames, options, styledAliases) && (transformImport(j, root, "Flex", fromPackage, toPackage) && markChanged(), root.find(j.JSXOpeningElement).forEach((path) => {
+      const name = path.node.name;
+      name.type !== "JSXIdentifier" || !localNames.has(name.name) || transformAttributes(j, path, FLEX_MODS, TODO_WARNING) && markChanged();
+    }), transformStyledComponents(j, root, styledAliases, () => !0, {
+      callback: (path) => transformAttributes(j, path, FLEX_MODS, TODO_WARNING)
+    }) && markChanged());
   });
 }
 export {

package/dist/transforms/latest/flex/flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.js","sources":["../../../../src/transforms/latest/flex/flex.ts"],"sourcesContent":["import {type API, type FileInfo} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {FLEX_MODS} from './flex.mods'\n\nconst TODO_WARNING = 'Please double check the Flex migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Flex', options)\n\n    if (!shouldTransformComponent(j, root, 'Flex', localNames, options)) {\n      return\n    }\n\n    if (transformImport(j, root, 'Flex', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    root\n      .find(j.JSXOpeningElement, {\n        name: {type: 'JSXIdentifier', name: 'Flex'},\n      })\n      .forEach((path) => {\n        if (transformAttributes(j, path, FLEX_MODS, TODO_WARNING)) {\n          markChanged()\n        }\n      })\n  })\n}\n"],"names":[],"mappings":";;;AAUA,MAAM,eAAe;AAGrB,SAAwB,UACtB,UACA,KACA,SACoB;AACpB,QAAM,EAAC,aAAa,UAAA,IAAa,WAAW,CAAA;AAE5C,SAAO,mBAAmB,UAAU,KAAK,CAAC,EAAC,GAAG,MAAM,kBAAiB;AACnE,UAAM,aAAa,uBAAuB,GAAG,MAAM,QAAQ,OAAO;AAE7D,6BAAyB,GAAG,MAAM,QAAQ,YAAY,OAAO,MAI9D,gBAAgB,GAAG,MAAM,QAAQ,aAAa,SAAS,KACzD,YAAA,GAGF,KACG,KAAK,EAAE,mBAAmB;AAAA,MACzB,MAAM,EAAC,MAAM,iBAAiB,MAAM,OAAA;AAAA,IAAM,CAC3C,EACA,QAAQ,CAAC,SAAS;AACb,0BAAoB,GAAG,MAAM,WAAW,YAAY,KACtD,YAAA;AAAA,IAEJ,CAAC;AAAA,EACL,CAAC;AACH;"}
+{"version":3,"file":"flex.js","sources":["../../../../src/transforms/latest/flex/flex.ts"],"sourcesContent":["import {type API, type FileInfo} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {getStyledComponentAliases} from '../../../utils/getStyledComponentAliases'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {transformStyledComponents} from '../../../utils/transformStyledComponents'\nimport {FLEX_MODS} from './flex.mods'\n\nconst TODO_WARNING = 'Please double check the Flex migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Flex', options)\n    const styledAliases = getStyledComponentAliases(\n      j,\n      root,\n      'Flex',\n      fileInfo.path,\n      localNames,\n      options,\n    )\n\n    if (!shouldTransformComponent(j, root, 'Flex', localNames, options, styledAliases)) {\n      return\n    }\n\n    if (transformImport(j, root, 'Flex', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    root.find(j.JSXOpeningElement).forEach((path) => {\n      const name = path.node.name\n\n      if (name.type !== 'JSXIdentifier' || !localNames.has(name.name)) {\n        return\n      }\n\n      if (transformAttributes(j, path, FLEX_MODS, TODO_WARNING)) {\n        markChanged()\n      }\n    })\n\n    if (\n      transformStyledComponents(j, root, styledAliases, () => true, {\n        callback: (path) => transformAttributes(j, path, FLEX_MODS, TODO_WARNING),\n      })\n    ) {\n      markChanged()\n    }\n  })\n}\n"],"names":[],"mappings":";;;AAYA,MAAM,eAAe;AAGrB,SAAwB,UACtB,UACA,KACA,SACoB;AACpB,QAAM,EAAC,aAAa,UAAA,IAAa,WAAW,CAAA;AAE5C,SAAO,mBAAmB,UAAU,KAAK,CAAC,EAAC,GAAG,MAAM,kBAAiB;AACnE,UAAM,aAAa,uBAAuB,GAAG,MAAM,QAAQ,OAAO,GAC5D,gBAAgB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAGG,6BAAyB,GAAG,MAAM,QAAQ,YAAY,SAAS,aAAa,MAI7E,gBAAgB,GAAG,MAAM,QAAQ,aAAa,SAAS,KACzD,YAAA,GAGF,KAAK,KAAK,EAAE,iBAAiB,EAAE,QAAQ,CAAC,SAAS;AAC/C,YAAM,OAAO,KAAK,KAAK;AAEnB,WAAK,SAAS,mBAAmB,CAAC,WAAW,IAAI,KAAK,IAAI,KAI1D,oBAAoB,GAAG,MAAM,WAAW,YAAY,KACtD,YAAA;AAAA,IAEJ,CAAC,GAGC,0BAA0B,GAAG,MAAM,eAAe,MAAM,IAAM;AAAA,MAC5D,UAAU,CAAC,SAAS,oBAAoB,GAAG,MAAM,WAAW,YAAY;AAAA,IAAA,CACzE,KAED,YAAA;AAAA,EAEJ,CAAC;AACH;"}

package/dist/transforms/latest/grid/grid.js

@@ -1,16 +1,24 @@
 import "jscodeshift";
-import { transformComponent, getComponentLocalNames, shouldTransformComponent, transformImport, transformAttributes } from "../../../_chunks-es/transformComponent.js";
+import { transformComponent, getComponentLocalNames, getStyledComponentAliases, shouldTransformComponent, transformImport, transformAttributes, transformStyledComponents } from "../../../_chunks-es/transformStyledComponents.js";
 import { GRID_MODS } from "../../../_chunks-es/grid.mods.js";
 const TODO_WARNING = "Please double check the Grid migration below";
 function transform(fileInfo, api, options) {
   const { fromPackage, toPackage } = options || {};
   return transformComponent(fileInfo, api, ({ j, root, markChanged }) => {
-    const localNames = getComponentLocalNames(j, root, "Grid", options);
-    shouldTransformComponent(j, root, "Grid", localNames, options) && (transformImport(j, root, "Grid", fromPackage, toPackage) && markChanged(), root.find(j.JSXOpeningElement, {
-      name: { type: "JSXIdentifier", name: "Grid" }
-    }).forEach((path) => {
-      transformAttributes(j, path, GRID_MODS, TODO_WARNING) && markChanged();
-    }));
+    const localNames = getComponentLocalNames(j, root, "Grid", options), styledAliases = getStyledComponentAliases(
+      j,
+      root,
+      "Grid",
+      fileInfo.path,
+      localNames,
+      options
+    );
+    shouldTransformComponent(j, root, "Grid", localNames, options, styledAliases) && (transformImport(j, root, "Grid", fromPackage, toPackage) && markChanged(), root.find(j.JSXOpeningElement).forEach((path) => {
+      const name = path.node.name;
+      name.type !== "JSXIdentifier" || !localNames.has(name.name) || transformAttributes(j, path, GRID_MODS, TODO_WARNING) && markChanged();
+    }), transformStyledComponents(j, root, styledAliases, () => !0, {
+      callback: (path) => transformAttributes(j, path, GRID_MODS, TODO_WARNING)
+    }) && markChanged());
   });
 }
 export {

package/dist/transforms/latest/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../../src/transforms/latest/grid/grid.ts"],"sourcesContent":["import {type API, type FileInfo} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {GRID_MODS} from './grid.mods'\n\nconst TODO_WARNING = 'Please double check the Grid migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Grid', options)\n\n    if (!shouldTransformComponent(j, root, 'Grid', localNames, options)) {\n      return\n    }\n\n    if (transformImport(j, root, 'Grid', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    root\n      .find(j.JSXOpeningElement, {\n        name: {type: 'JSXIdentifier', name: 'Grid'},\n      })\n      .forEach((path) => {\n        if (transformAttributes(j, path, GRID_MODS, TODO_WARNING)) {\n          markChanged()\n        }\n      })\n  })\n}\n"],"names":[],"mappings":";;;AAUA,MAAM,eAAe;AAGrB,SAAwB,UACtB,UACA,KACA,SACoB;AACpB,QAAM,EAAC,aAAa,UAAA,IAAa,WAAW,CAAA;AAE5C,SAAO,mBAAmB,UAAU,KAAK,CAAC,EAAC,GAAG,MAAM,kBAAiB;AACnE,UAAM,aAAa,uBAAuB,GAAG,MAAM,QAAQ,OAAO;AAE7D,6BAAyB,GAAG,MAAM,QAAQ,YAAY,OAAO,MAI9D,gBAAgB,GAAG,MAAM,QAAQ,aAAa,SAAS,KACzD,YAAA,GAGF,KACG,KAAK,EAAE,mBAAmB;AAAA,MACzB,MAAM,EAAC,MAAM,iBAAiB,MAAM,OAAA;AAAA,IAAM,CAC3C,EACA,QAAQ,CAAC,SAAS;AACb,0BAAoB,GAAG,MAAM,WAAW,YAAY,KACtD,YAAA;AAAA,IAEJ,CAAC;AAAA,EACL,CAAC;AACH;"}
+{"version":3,"file":"grid.js","sources":["../../../../src/transforms/latest/grid/grid.ts"],"sourcesContent":["import {type API, type FileInfo} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {getStyledComponentAliases} from '../../../utils/getStyledComponentAliases'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {transformStyledComponents} from '../../../utils/transformStyledComponents'\nimport {GRID_MODS} from './grid.mods'\n\nconst TODO_WARNING = 'Please double check the Grid migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Grid', options)\n    const styledAliases = getStyledComponentAliases(\n      j,\n      root,\n      'Grid',\n      fileInfo.path,\n      localNames,\n      options,\n    )\n\n    if (!shouldTransformComponent(j, root, 'Grid', localNames, options, styledAliases)) {\n      return\n    }\n\n    if (transformImport(j, root, 'Grid', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    root.find(j.JSXOpeningElement).forEach((path) => {\n      const name = path.node.name\n\n      if (name.type !== 'JSXIdentifier' || !localNames.has(name.name)) {\n        return\n      }\n\n      if (transformAttributes(j, path, GRID_MODS, TODO_WARNING)) {\n        markChanged()\n      }\n    })\n\n    if (\n      transformStyledComponents(j, root, styledAliases, () => true, {\n        callback: (path) => transformAttributes(j, path, GRID_MODS, TODO_WARNING),\n      })\n    ) {\n      markChanged()\n    }\n  })\n}\n"],"names":[],"mappings":";;;AAYA,MAAM,eAAe;AAGrB,SAAwB,UACtB,UACA,KACA,SACoB;AACpB,QAAM,EAAC,aAAa,UAAA,IAAa,WAAW,CAAA;AAE5C,SAAO,mBAAmB,UAAU,KAAK,CAAC,EAAC,GAAG,MAAM,kBAAiB;AACnE,UAAM,aAAa,uBAAuB,GAAG,MAAM,QAAQ,OAAO,GAC5D,gBAAgB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAGG,6BAAyB,GAAG,MAAM,QAAQ,YAAY,SAAS,aAAa,MAI7E,gBAAgB,GAAG,MAAM,QAAQ,aAAa,SAAS,KACzD,YAAA,GAGF,KAAK,KAAK,EAAE,iBAAiB,EAAE,QAAQ,CAAC,SAAS;AAC/C,YAAM,OAAO,KAAK,KAAK;AAEnB,WAAK,SAAS,mBAAmB,CAAC,WAAW,IAAI,KAAK,IAAI,KAI1D,oBAAoB,GAAG,MAAM,WAAW,YAAY,KACtD,YAAA;AAAA,IAEJ,CAAC,GAGC,0BAA0B,GAAG,MAAM,eAAe,MAAM,IAAM;AAAA,MAC5D,UAAU,CAAC,SAAS,oBAAoB,GAAG,MAAM,WAAW,YAAY;AAAA,IAAA,CACzE,KAED,YAAA;AAAA,EAEJ,CAAC;AACH;"}

package/dist/transforms/latest/heading/heading.js

@@ -1,6 +1,6 @@
 import "jscodeshift";
 import { addAttribute } from "../../../_chunks-es/addAttribute.js";
-import { transformComponent, getComponentLocalNames, shouldTransformComponent, transformImport, transformAttributes } from "../../../_chunks-es/transformComponent.js";
+import { transformComponent, getComponentLocalNames, getStyledComponentAliases, shouldTransformComponent, transformImport, transformAttributes, transformStyledComponents } from "../../../_chunks-es/transformStyledComponents.js";
 const HEADING_MODS = {
   as: {
     type: "warn-missing",
@@ -70,13 +70,24 @@ const HEADING_MODS = {
 function transform(fileInfo, api, options) {
   const { fromPackage, toPackage } = options || {};
   return transformComponent(fileInfo, api, ({ j, root, markChanged }) => {
-    const localNames = getComponentLocalNames(j, root, "Heading", options);
-    shouldTransformComponent(j, root, "Heading", localNames, options) && (transformImport(j, root, "Heading", fromPackage, toPackage) && markChanged(), root.find(j.JSXOpeningElement, {
-      name: { type: "JSXIdentifier", name: "Heading" }
-    }).forEach((path) => {
+    const localNames = getComponentLocalNames(j, root, "Heading", options), styledAliases = getStyledComponentAliases(
+      j,
+      root,
+      "Heading",
+      fileInfo.path,
+      localNames,
+      options
+    );
+    shouldTransformComponent(j, root, "Heading", localNames, options, styledAliases) && (transformImport(j, root, "Heading", fromPackage, toPackage) && markChanged(), root.find(j.JSXOpeningElement).forEach((path) => {
       let changed = !1;
-      transformAttributes(j, path, HEADING_MODS, TODO_WARNING) && (changed = !0), addAttribute(j, path.node, "trim", !0) && (changed = !0), changed && markChanged();
-    }));
+      const name = path.node.name;
+      name.type !== "JSXIdentifier" || !localNames.has(name.name) || (transformAttributes(j, path, HEADING_MODS, TODO_WARNING) && (changed = !0), addAttribute(j, path.node, "trim", !0) && (changed = !0), changed && markChanged());
+    }), transformStyledComponents(j, root, styledAliases, () => !0, {
+      callback: (path) => {
+        let changed = !1;
+        return transformAttributes(j, path, HEADING_MODS, TODO_WARNING) && (changed = !0), addAttribute(j, path.node, "trim", !0) && (changed = !0), changed;
+      }
+    }) && markChanged());
   });
 }
 export {

package/dist/transforms/latest/heading/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sources":["../../../../src/transforms/latest/heading/heading.mods.ts","../../../../src/transforms/latest/heading/heading.ts"],"sourcesContent":["import type {AttributeMods} from '../../../types/AttributeMods'\n\n/** @internal */\nexport const HEADING_MODS: AttributeMods = {\n  as: {\n    type: 'warn-missing',\n    warning:\n      'Please double check the Heading migration below. The as prop is missing and will default to h2.',\n  },\n  flex: {\n    type: 'style-mapped',\n    style: 'flex',\n    mapping: {\n      none: '0 0 auto',\n      auto: '1 1 auto',\n      initial: '0 1 auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  maxWidth: {\n    type: 'style-mapped',\n    style: 'maxWidth',\n    mapping: {\n      auto: 'none',\n      fill: '100%',\n      0: '20rem',\n      1: '40rem',\n      2: '60rem',\n      3: '80rem',\n      4: '100rem',\n      5: '120rem',\n    },\n  },\n  textOverflow: {\n    type: 'rename-mapped',\n    name: 'truncate',\n    mapping: {\n      ellipsis: 1,\n      clip: 1,\n    },\n  },\n  width: {\n    type: 'style-mapped',\n    style: 'width',\n    mapping: {\n      auto: 'auto',\n      fill: '100%',\n      stretch: 'stretch',\n      min: 'min-content',\n      max: 'max-content',\n      0: '20rem',\n      1: '40rem',\n      2: '60rem',\n      3: '80rem',\n      4: '100rem',\n      5: '120rem',\n    },\n  },\n}\n","import {type API, type FileInfo} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {addAttribute} from '../../../utils/addAttribute'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {HEADING_MODS} from './heading.mods'\n\nconst TODO_WARNING = 'Please double check the Heading migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Heading', options)\n\n    if (!shouldTransformComponent(j, root, 'Heading', localNames, options)) {\n      return\n    }\n\n    if (transformImport(j, root, 'Heading', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    root\n      .find(j.JSXOpeningElement, {\n        name: {type: 'JSXIdentifier', name: 'Heading'},\n      })\n      .forEach((path) => {\n        let changed = false\n\n        if (transformAttributes(j, path, HEADING_MODS, TODO_WARNING)) {\n          changed = true\n        }\n\n        if (addAttribute(j, path.node, 'trim', true)) {\n          changed = true\n        }\n\n        if (changed) {\n          markChanged()\n        }\n      })\n  })\n}\n"],"names":[],"mappings":";;;AAGO,MAAM,eAA8B;AAAA,EACzC,IAAI;AAAA,IACF,MAAM;AAAA,IACN,SACE;AAAA,EAAA;AAAA,EAEJ,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACL;AAAA,EAEF,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,MACP,UAAU;AAAA,MACV,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,KAAK;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACL;AAEJ,GC1DM,eAAe;AAGrB,SAAwB,UACtB,UACA,KACA,SACoB;AACpB,QAAM,EAAC,aAAa,UAAA,IAAa,WAAW,CAAA;AAE5C,SAAO,mBAAmB,UAAU,KAAK,CAAC,EAAC,GAAG,MAAM,kBAAiB;AACnE,UAAM,aAAa,uBAAuB,GAAG,MAAM,WAAW,OAAO;AAEhE,6BAAyB,GAAG,MAAM,WAAW,YAAY,OAAO,MAIjE,gBAAgB,GAAG,MAAM,WAAW,aAAa,SAAS,KAC5D,YAAA,GAGF,KACG,KAAK,EAAE,mBAAmB;AAAA,MACzB,MAAM,EAAC,MAAM,iBAAiB,MAAM,UAAA;AAAA,IAAS,CAC9C,EACA,QAAQ,CAAC,SAAS;AACjB,UAAI,UAAU;AAEV,0BAAoB,GAAG,MAAM,cAAc,YAAY,MACzD,UAAU,KAGR,aAAa,GAAG,KAAK,MAAM,QAAQ,EAAI,MACzC,UAAU,KAGR,WACF,YAAA;AAAA,IAEJ,CAAC;AAAA,EACL,CAAC;AACH;"}
+{"version":3,"file":"heading.js","sources":["../../../../src/transforms/latest/heading/heading.mods.ts","../../../../src/transforms/latest/heading/heading.ts"],"sourcesContent":["import type {AttributeMods} from '../../../types/AttributeMods'\n\n/** @internal */\nexport const HEADING_MODS: AttributeMods = {\n  as: {\n    type: 'warn-missing',\n    warning:\n      'Please double check the Heading migration below. The as prop is missing and will default to h2.',\n  },\n  flex: {\n    type: 'style-mapped',\n    style: 'flex',\n    mapping: {\n      none: '0 0 auto',\n      auto: '1 1 auto',\n      initial: '0 1 auto',\n      1: '1',\n      2: '2',\n      3: '3',\n      4: '4',\n      5: '5',\n      6: '6',\n      7: '7',\n      8: '8',\n      9: '9',\n      10: '10',\n      11: '11',\n      12: '12',\n    },\n  },\n  maxWidth: {\n    type: 'style-mapped',\n    style: 'maxWidth',\n    mapping: {\n      auto: 'none',\n      fill: '100%',\n      0: '20rem',\n      1: '40rem',\n      2: '60rem',\n      3: '80rem',\n      4: '100rem',\n      5: '120rem',\n    },\n  },\n  textOverflow: {\n    type: 'rename-mapped',\n    name: 'truncate',\n    mapping: {\n      ellipsis: 1,\n      clip: 1,\n    },\n  },\n  width: {\n    type: 'style-mapped',\n    style: 'width',\n    mapping: {\n      auto: 'auto',\n      fill: '100%',\n      stretch: 'stretch',\n      min: 'min-content',\n      max: 'max-content',\n      0: '20rem',\n      1: '40rem',\n      2: '60rem',\n      3: '80rem',\n      4: '100rem',\n      5: '120rem',\n    },\n  },\n}\n","import {type API, type FileInfo} from 'jscodeshift'\n\nimport type {BaseOptions} from '../../../types/BaseOptions'\nimport {addAttribute} from '../../../utils/addAttribute'\nimport {getComponentLocalNames} from '../../../utils/getComponentLocalNames'\nimport {getStyledComponentAliases} from '../../../utils/getStyledComponentAliases'\nimport {shouldTransformComponent} from '../../../utils/shouldTransformComponent'\nimport {transformAttributes} from '../../../utils/transformAttributes'\nimport {transformComponent} from '../../../utils/transformComponent'\nimport {transformImport} from '../../../utils/transformImport'\nimport {transformStyledComponents} from '../../../utils/transformStyledComponents'\nimport {HEADING_MODS} from './heading.mods'\n\nconst TODO_WARNING = 'Please double check the Heading migration below'\n\n/** @internal */\nexport default function transform(\n  fileInfo: FileInfo,\n  api: API,\n  options: BaseOptions,\n): string | undefined {\n  const {fromPackage, toPackage} = options || {}\n\n  return transformComponent(fileInfo, api, ({j, root, markChanged}) => {\n    const localNames = getComponentLocalNames(j, root, 'Heading', options)\n    const styledAliases = getStyledComponentAliases(\n      j,\n      root,\n      'Heading',\n      fileInfo.path,\n      localNames,\n      options,\n    )\n\n    if (!shouldTransformComponent(j, root, 'Heading', localNames, options, styledAliases)) {\n      return\n    }\n\n    if (transformImport(j, root, 'Heading', fromPackage, toPackage)) {\n      markChanged()\n    }\n\n    root.find(j.JSXOpeningElement).forEach((path) => {\n      let changed = false\n      const name = path.node.name\n\n      if (name.type !== 'JSXIdentifier' || !localNames.has(name.name)) {\n        return\n      }\n\n      if (transformAttributes(j, path, HEADING_MODS, TODO_WARNING)) {\n        changed = true\n      }\n\n      if (addAttribute(j, path.node, 'trim', true)) {\n        changed = true\n      }\n\n      if (changed) {\n        markChanged()\n      }\n    })\n\n    if (\n      transformStyledComponents(j, root, styledAliases, () => true, {\n        callback: (path) => {\n          let changed = false\n\n          if (transformAttributes(j, path, HEADING_MODS, TODO_WARNING)) {\n            changed = true\n          }\n\n          if (addAttribute(j, path.node, 'trim', true)) {\n            changed = true\n          }\n\n          return changed\n        },\n      })\n    ) {\n      markChanged()\n    }\n  })\n}\n"],"names":[],"mappings":";;;AAGO,MAAM,eAA8B;AAAA,EACzC,IAAI;AAAA,IACF,MAAM;AAAA,IACN,SACE;AAAA,EAAA;AAAA,EAEJ,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACL;AAAA,EAEF,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,MACP,UAAU;AAAA,MACV,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,KAAK;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACL;AAEJ,GCxDM,eAAe;AAGrB,SAAwB,UACtB,UACA,KACA,SACoB;AACpB,QAAM,EAAC,aAAa,UAAA,IAAa,WAAW,CAAA;AAE5C,SAAO,mBAAmB,UAAU,KAAK,CAAC,EAAC,GAAG,MAAM,kBAAiB;AACnE,UAAM,aAAa,uBAAuB,GAAG,MAAM,WAAW,OAAO,GAC/D,gBAAgB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAGG,6BAAyB,GAAG,MAAM,WAAW,YAAY,SAAS,aAAa,MAIhF,gBAAgB,GAAG,MAAM,WAAW,aAAa,SAAS,KAC5D,YAAA,GAGF,KAAK,KAAK,EAAE,iBAAiB,EAAE,QAAQ,CAAC,SAAS;AAC/C,UAAI,UAAU;AACd,YAAM,OAAO,KAAK,KAAK;AAEnB,WAAK,SAAS,mBAAmB,CAAC,WAAW,IAAI,KAAK,IAAI,MAI1D,oBAAoB,GAAG,MAAM,cAAc,YAAY,MACzD,UAAU,KAGR,aAAa,GAAG,KAAK,MAAM,QAAQ,EAAI,MACzC,UAAU,KAGR,WACF,YAAA;AAAA,IAEJ,CAAC,GAGC,0BAA0B,GAAG,MAAM,eAAe,MAAM,IAAM;AAAA,MAC5D,UAAU,CAAC,SAAS;AAClB,YAAI,UAAU;AAEd,eAAI,oBAAoB,GAAG,MAAM,cAAc,YAAY,MACzD,UAAU,KAGR,aAAa,GAAG,KAAK,MAAM,QAAQ,EAAI,MACzC,UAAU,KAGL;AAAA,MACT;AAAA,IAAA,CACD,KAED,YAAA;AAAA,EAEJ,CAAC;AACH;"}