@nx/react 23.0.0-beta.1 → 23.0.0-beta.3

package/tailwind.js

@@ -2,12 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createGlobPatternsForDependencies = createGlobPatternsForDependencies;
 const generate_globs_1 = require("@nx/js/src/utils/generate-globs");
+let hasWarned = false;
 /**
- * Generates a set of glob patterns based off the source root of the app and its dependencies
- * @param dirPath workspace relative directory path that will be used to infer the parent project and dependencies
- * @param fileGlobPattern pass a custom glob pattern to be used
+ * @deprecated `@nx/react/tailwind` will be removed in Nx 24. Migrate to Tailwind CSS v4 which no longer needs glob patterns.
+ * See: https://nx.dev/docs/technologies/react/guides/using-tailwind-css-in-react
  */
-function createGlobPatternsForDependencies(dirPath, fileGlobPattern = '/**/*!(*.stories|*.spec).{tsx,ts,jsx,js,html}') {
+function createGlobPatternsForDependencies(dirPath, fileGlobPattern = '/**/!(*.stories|*.spec).{tsx,ts,jsx,js,html}') {
+    if (!hasWarned) {
+        hasWarned = true;
+        console.warn(`\nWARNING: "@nx/react/tailwind" is deprecated and will be removed in Nx 24.\n` +
+            `Migrate to Tailwind CSS v4 which no longer needs glob patterns for content detection.\n` +
+            `See: https://nx.dev/docs/technologies/react/guides/using-tailwind-css-in-react\n`);
+    }
     try {
         return (0, generate_globs_1.createGlobPatternsForDependencies)(dirPath, fileGlobPattern);
     }
@@ -19,7 +25,7 @@ function createGlobPatternsForDependencies(dirPath, fileGlobPattern = '/**/*!(*.
          * autocomplete features, for example.
          *
          * In order to best support that use-case, we therefore do not hard error when the ProjectGraph is
-         * fundamently unavailable in this tailwind-specific context.
+         * fundamentally unavailable in this tailwind-specific context.
          */
         console.warn('\nWARNING: There was an error creating glob patterns, returning an empty array\n' +
             `${e.message}\n`);

package/typings/style.d.ts

@@ -1,9 +1 @@
-export type SupportedStyles =
-  | 'css'
-  | 'scss'
-  | 'less'
-  | 'tailwind'
-  | 'styled-components'
-  | '@emotion/styled'
-  | 'styled-jsx'
-  | 'none';
+export type SupportedStyles = 'css' | 'scss' | 'none';

package/src/generators/application/files/style-styled-jsx/src/app/__fileName__.tsx__tmpl__

@@ -1,46 +0,0 @@
-<%_ if (classComponent) { _%>
-import { Component } from 'react';
-<%_ } _%>
-<%_ if (!minimal) { _%>
-import NxWelcome from "./nx-welcome";
-<%_ } _%>
-
-<%_ if (classComponent) { _%>
-export class App extends Component {
-  override render() {
-    return (
-      <div>
-        <style jsx>{`/** your style here **/`}</style>
-        <%_ if (!minimal) { _%>
-        <NxWelcome title="<%= projectName %>"/>
-        <%_ } else { _%>
-        <h1>
-          <span> Hello there, </span>
-          Welcome <%= projectName %> 👋
-        </h1>
-        <%_ } _%>
-      </div>
-    );
-  }
-}
-<%_ } else { _%>
-export function App() {
-  return (
-    <div>
-      <style jsx>{`/** your style here **/`}</style>
-    <%_ if (!minimal) { _%>
-      <NxWelcome title="<%= projectName %>"/>
-    <%_ } else { _%>
-      <h1>
-        <span> Hello there, </span>
-        Welcome <%= projectName %> 👋
-      </h1>
-    <%_ } _%>
-    </div>
-  );
-}
-<%_ } _%>
-
-export default App;
-
-<% if (inSourceTests === true) { %> <%- inSourceVitestTests %> <% } %>

package/src/generators/application/files/style-styled-module/src/app/__fileName__.tsx__tmpl__

@@ -1,49 +0,0 @@
-<%_ if (classComponent) { _%>
-import { Component } from 'react';
-<%_ } _%>
-import styled from '<%= styledModule %>';
-<%_ if (!minimal) { _%>
-import NxWelcome from "./nx-welcome";
-<%_ } _%>
-
-const StyledApp = styled.div`
-    /* Your style here */
-`;
-
-<%_ if (classComponent) { _%>
-export class App extends Component {
-  override render() {
-    return (
-      <StyledApp>
-        <%_ if (!minimal) { _%>
-        <NxWelcome title="<%= projectName %>"/>
-        <%_ } else { _%>
-        <h1>
-          <span> Hello there, </span>
-          Welcome <%= projectName %> 👋
-        </h1>
-        <%_ } _%>
-      </StyledApp>
-    );
-  }
-}
-<%_ } else { _%>
-export function App() {
-  return (
-    <StyledApp>
-    <%_ if (!minimal) { _%>
-      <NxWelcome title="<%= projectName %>"/>
-    <%_ } else { _%>
-      <h1>
-        <span> Hello there, </span>
-        Welcome <%= projectName %> 👋
-      </h1>
-    <%_ } _%>
-    </StyledApp>
-  );
-}
-<%_ } _%>
-
-export default App;
-
-<% if (inSourceTests === true) { %> <%- inSourceVitestTests %> <% } %>

package/src/generators/application/files/style-tailwind/src/app/__fileName__.tsx__tmpl__

@@ -1,45 +0,0 @@
-<%_ if (classComponent) { _%>
-import { Component } from 'react';
-<%_ } if (!minimal) { _%>
-import NxWelcome from "./nx-welcome";
-<%_ } if (bundler === "rspack" || bundler === 'rsbuild') { _%>
-import '../styles.css';
-<%_ } _%>
-
-<%_ if (classComponent) { _%>
-export class App extends Component {
-  override render() {
-    return (
-      <div>
-        <%_ if (!minimal) { _%>
-        <NxWelcome title="<%= projectName %>"/>
-        <%_ } else { _%>
-        <h1>
-          <span> Hello there, </span>
-          Welcome <%= projectName %> 👋
-        </h1>
-        <%_ } _%>
-      </div>
-    );
-  }
-}
-<%_ } else { _%>
-export function App() {
-  return (
-    <div>
-      <%_ if (!minimal) { _%>
-      <NxWelcome title="<%= projectName %>"/>
-      <%_ } else { _%>
-      <h1>
-        <span> Hello there, </span>
-        Welcome <%= projectName %> 👋
-      </h1>
-      <%_ } _%>
-    </div>
-  );
-}
-<%_ } _%>
-
-export default App;
-
-<% if (inSourceTests === true) { %> <%- inSourceVitestTests %> <% } %>

package/src/generators/application/files/style-tailwind/src/styles.css

@@ -1 +0,0 @@
-/* You can add global styles to this file, and also import other style files */

package/src/generators/application/lib/show-possible-warnings.d.ts

@@ -1,4 +0,0 @@
-import { Tree } from '@nx/devkit';
-import { NormalizedSchema, Schema } from '../schema';
-export declare function showPossibleWarnings(tree: Tree, options: NormalizedSchema<Schema>): void;
-//# sourceMappingURL=show-possible-warnings.d.ts.map

package/src/generators/application/lib/show-possible-warnings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"show-possible-warnings.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/show-possible-warnings.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,IAAI,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAErD,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,QASlC"}

package/src/generators/application/lib/show-possible-warnings.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.showPossibleWarnings = showPossibleWarnings;
-const tslib_1 = require("tslib");
-const pc = tslib_1.__importStar(require("picocolors"));
-const devkit_1 = require("@nx/devkit");
-function showPossibleWarnings(tree, options) {
-    if (options.style === 'styled-jsx' && options.compiler === 'swc') {
-        devkit_1.logger.warn(`styled-jsx may not work with SWC. Try using ${pc.bold('nx g @nx/react:app --compiler=babel')} instead.`);
-    }
-}

package/src/generators/setup-tailwind/files/postcss.config.js__tmpl__

@@ -1,15 +0,0 @@
-const { join } = require('path');
-
-// Note: If you use library-specific PostCSS/Tailwind configuration then you should remove the `postcssConfig` build
-// option from your application's configuration (i.e. project.json).
-//
-// See: https://nx.dev/guides/using-tailwind-css-in-react#step-4:-applying-configuration-to-libraries
-
-module.exports = {
-  plugins: {
-    tailwindcss: {
-      config: join(__dirname, 'tailwind.config.js'),
-    },
-    autoprefixer: {},
-  },
-}

package/src/generators/setup-tailwind/files/tailwind.config.js__tmpl__

@@ -1,17 +0,0 @@
-const { createGlobPatternsForDependencies } = require('@nx/react/tailwind');
-const { join } = require('path');
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    join(
-      __dirname,
-      '{src,pages,components,app}/**/*!(*.stories|*.spec).{ts,tsx,html}'
-    ),
-    ...createGlobPatternsForDependencies(__dirname),
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};

package/src/generators/setup-tailwind/lib/add-tailwind-style-imports.d.ts

@@ -1,4 +0,0 @@
-import { ProjectConfiguration, Tree } from '@nx/devkit';
-import { SetupTailwindOptions } from '../schema';
-export declare function addTailwindStyleImports(tree: Tree, project: ProjectConfiguration, _options: SetupTailwindOptions): void;
-//# sourceMappingURL=add-tailwind-style-imports.d.ts.map

package/src/generators/setup-tailwind/lib/add-tailwind-style-imports.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-tailwind-style-imports.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/setup-tailwind/lib/add-tailwind-style-imports.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,oBAAoB,EAEpB,IAAI,EACL,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAWjD,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,oBAAoB,QA2B/B"}

package/src/generators/setup-tailwind/lib/add-tailwind-style-imports.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addTailwindStyleImports = addTailwindStyleImports;
-const devkit_1 = require("@nx/devkit");
-// base directories and file types to simplify locating the stylesheet
-const baseDirs = ['src', 'pages', 'src/pages', 'src/app', 'app'];
-const fileNames = ['styles', 'global'];
-const extensions = ['.css', '.scss', '.less'];
-const knownLocations = baseDirs.flatMap((dir) => fileNames.flatMap((name) => extensions.map((ext) => `${dir}/${name}${ext}`)));
-function addTailwindStyleImports(tree, project, _options) {
-    const candidates = knownLocations.map((currentPath) => (0, devkit_1.joinPathFragments)(project.root, currentPath));
-    const stylesPath = candidates.find((currentStylePath) => tree.exists(currentStylePath));
-    if (stylesPath) {
-        const content = tree.read(stylesPath).toString();
-        tree.write(stylesPath, `@tailwind base;\n@tailwind components;\n@tailwind utilities;\n${content}`);
-    }
-    else {
-        devkit_1.logger.warn((0, devkit_1.stripIndents) `
-        Could not find stylesheet to update. Add the following imports to your stylesheet (e.g. styles.css):
-        
-          @tailwind base;
-          @tailwind components;
-          @tailwind utilities;
-          
-        See our guide for more details: https://nx.dev/guides/using-tailwind-css-in-react`);
-    }
-}

package/src/generators/setup-tailwind/lib/update-project.d.ts

@@ -1,4 +0,0 @@
-import type { ProjectConfiguration, Tree } from '@nx/devkit';
-import { SetupTailwindOptions } from '../schema';
-export declare function updateProject(tree: Tree, config: ProjectConfiguration, options: SetupTailwindOptions): void;
-//# sourceMappingURL=update-project.d.ts.map

package/src/generators/setup-tailwind/lib/update-project.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"update-project.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/setup-tailwind/lib/update-project.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAG7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,wBAAgB,aAAa,CAC3B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,oBAAoB,EAC5B,OAAO,EAAE,oBAAoB,QAU9B"}

package/src/generators/setup-tailwind/lib/update-project.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateProject = updateProject;
-const devkit_1 = require("@nx/devkit");
-function updateProject(tree, config, options) {
-    if (config?.targets?.build?.executor === '@nx/webpack:webpack') {
-        config.targets.build.options ??= {};
-        config.targets.build.options.postcssConfig = (0, devkit_1.joinPathFragments)(config.root, 'postcss.config.js');
-        (0, devkit_1.updateProjectConfiguration)(tree, options.project, config);
-    }
-}

package/src/generators/setup-tailwind/schema.d.ts

@@ -1,7 +0,0 @@
-export interface SetupTailwindOptions {
-    project: string;
-    buildTarget?: string;
-    skipFormat?: boolean;
-    skipPackageJson?: boolean;
-}
-//# sourceMappingURL=schema.d.ts.map

package/src/generators/setup-tailwind/schema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/setup-tailwind/schema.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/src/generators/setup-tailwind/schema.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/generators/setup-tailwind/schema.json

@@ -1,47 +0,0 @@
-{
-  "$schema": "https://json-schema.org/schema",
-  "cli": "nx",
-  "$id": "NxReactTailwindSetupGenerator",
-  "title": "Configures Tailwind CSS for an application or a buildable/publishable library.",
-  "description": "Adds the Tailwind CSS configuration files for a given React project and installs, if needed, the packages required for Tailwind CSS to work.",
-  "type": "object",
-  "examples": [
-    {
-      "command": "nx g setup-tailwind --project=my-app",
-      "description": "Initialize Tailwind configuration for the `my-app` project."
-    }
-  ],
-  "properties": {
-    "project": {
-      "type": "string",
-      "description": "The name of the project to add the Tailwind CSS setup for.",
-      "alias": "p",
-      "$default": {
-        "$source": "argv",
-        "index": 0
-      },
-      "x-dropdown": "projects",
-      "x-prompt": "What project would you like to add the Tailwind CSS setup?",
-      "x-priority": "important"
-    },
-    "buildTarget": {
-      "type": "string",
-      "description": "The name of the target used to build the project. This option is not needed in most cases.",
-      "default": "build",
-      "x-priority": "important"
-    },
-    "skipFormat": {
-      "type": "boolean",
-      "description": "Skips formatting the workspace after the generator completes.",
-      "x-priority": "internal"
-    },
-    "skipPackageJson": {
-      "type": "boolean",
-      "default": false,
-      "description": "Do not add dependencies to `package.json`.",
-      "x-priority": "internal"
-    }
-  },
-  "additionalProperties": false,
-  "required": ["project"]
-}

package/src/generators/setup-tailwind/setup-tailwind.d.ts

@@ -1,5 +0,0 @@
-import type { GeneratorCallback, Tree } from '@nx/devkit';
-import type { SetupTailwindOptions } from './schema';
-export declare function setupTailwindGenerator(tree: Tree, options: SetupTailwindOptions): Promise<GeneratorCallback>;
-export default setupTailwindGenerator;
-//# sourceMappingURL=setup-tailwind.d.ts.map

package/src/generators/setup-tailwind/setup-tailwind.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"setup-tailwind.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/setup-tailwind/setup-tailwind.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAgB1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrD,wBAAsB,sBAAsB,CAC1C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,oBAAoB,8BA8C9B;AAED,eAAe,sBAAsB,CAAC"}

package/src/generators/setup-tailwind/setup-tailwind.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupTailwindGenerator = setupTailwindGenerator;
-const devkit_1 = require("@nx/devkit");
-const versions_1 = require("../../utils/versions");
-const add_tailwind_style_imports_1 = require("./lib/add-tailwind-style-imports");
-const update_project_1 = require("./lib/update-project");
-const path_1 = require("path");
-async function setupTailwindGenerator(tree, options) {
-    devkit_1.logger.warn(`The 'setup-tailwind' generator is deprecated. Generating Tailwind configuration is no longer maintained. This generator will be removed in Nx 23.`);
-    const tasks = [];
-    const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
-    if (tree.exists((0, devkit_1.joinPathFragments)(project.root, 'postcss.config.js')) ||
-        tree.exists((0, devkit_1.joinPathFragments)(project.root, 'tailwind.config.js'))) {
-        devkit_1.logger.info(`Skipping setup since there are existing PostCSS or Tailwind configuration files. For manual setup instructions, see https://nx.dev/guides/using-tailwind-css-in-react.`);
-        return;
-    }
-    (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, './files'), project.root, {
-        tmpl: '',
-    });
-    (0, add_tailwind_style_imports_1.addTailwindStyleImports)(tree, project, options);
-    (0, update_project_1.updateProject)(tree, project, options);
-    if (!options.skipPackageJson) {
-        tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
-            autoprefixer: versions_1.autoprefixerVersion,
-            postcss: versions_1.postcssVersion,
-            tailwindcss: versions_1.tailwindcssVersion,
-        }));
-    }
-    if (!options.skipFormat) {
-        await (0, devkit_1.formatFiles)(tree);
-    }
-    return (0, devkit_1.runTasksInSerial)(...tasks);
-}
-exports.default = setupTailwindGenerator;

package/src/rules/add-styled-dependencies.d.ts

@@ -1,6 +0,0 @@
-import { Tree } from '@nx/devkit';
-export declare function addStyledModuleDependencies(host: Tree, options: {
-    styledModule?: string;
-    compiler?: 'babel' | 'swc';
-}): import("@nx/devkit").GeneratorCallback;
-//# sourceMappingURL=add-styled-dependencies.d.ts.map

package/src/rules/add-styled-dependencies.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-styled-dependencies.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/rules/add-styled-dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,IAAI,EAAE,MAAM,YAAY,CAAC;AAMhE,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAAE,0CAgB/D"}

package/src/rules/add-styled-dependencies.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addStyledModuleDependencies = addStyledModuleDependencies;
-const devkit_1 = require("@nx/devkit");
-const styled_1 = require("../utils/styled");
-function addStyledModuleDependencies(host, options) {
-    const extraDependencies = options.compiler === 'swc'
-        ? styled_1.cssInJsDependenciesSwc[options.styledModule]
-        : styled_1.cssInJsDependenciesBabel[options.styledModule];
-    if (extraDependencies) {
-        return (0, devkit_1.addDependenciesToPackageJson)(host, extraDependencies.dependencies, extraDependencies.devDependencies);
-    }
-    else {
-        return () => { };
-    }
-}

package/src/utils/styled.d.ts

@@ -1,4 +0,0 @@
-import { PackageDependencies } from './dependencies';
-export declare const cssInJsDependenciesBabel: Record<string, PackageDependencies>;
-export declare const cssInJsDependenciesSwc: Record<string, PackageDependencies>;
-//# sourceMappingURL=styled.d.ts.map

package/src/utils/styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/utils/styled.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CA2BxE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CA6BtE,CAAC"}

package/src/utils/styled.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cssInJsDependenciesSwc = exports.cssInJsDependenciesBabel = void 0;
-const versions_1 = require("./versions");
-exports.cssInJsDependenciesBabel = {
-    'styled-components': {
-        dependencies: {
-            'react-is': versions_1.reactIsVersion,
-            'styled-components': versions_1.styledComponentsVersion,
-        },
-        devDependencies: {
-            '@types/styled-components': versions_1.typesStyledComponentsVersion,
-            '@types/react-is': versions_1.typesReactIsVersion,
-            'babel-plugin-styled-components': versions_1.babelPluginStyledComponentsVersion,
-        },
-    },
-    '@emotion/styled': {
-        dependencies: {
-            '@emotion/styled': versions_1.emotionStyledVersion,
-            '@emotion/react': versions_1.emotionReactVersion,
-        },
-        devDependencies: {
-            '@emotion/babel-plugin': versions_1.emotionBabelPlugin,
-        },
-    },
-    'styled-jsx': {
-        dependencies: {
-            'styled-jsx': versions_1.styledJsxVersion,
-        },
-        devDependencies: {},
-    },
-};
-exports.cssInJsDependenciesSwc = {
-    'styled-components': {
-        dependencies: {
-            'react-is': versions_1.reactIsVersion,
-            'styled-components': versions_1.styledComponentsVersion,
-        },
-        devDependencies: {
-            '@types/styled-components': versions_1.typesStyledComponentsVersion,
-            '@types/react-is': versions_1.typesReactIsVersion,
-            '@swc/plugin-styled-components': versions_1.swcPluginStyledComponentsVersion,
-        },
-    },
-    '@emotion/styled': {
-        dependencies: {
-            '@emotion/styled': versions_1.emotionStyledVersion,
-            '@emotion/react': versions_1.emotionReactVersion,
-        },
-        devDependencies: {
-            '@swc/plugin-emotion': versions_1.swcPluginEmotionVersion,
-        },
-    },
-    'styled-jsx': {
-        dependencies: {
-            'styled-jsx': versions_1.styledJsxVersion,
-        },
-        devDependencies: {
-            '@swc/plugin-styled-jsx': versions_1.swcPluginStyledJsxVersion,
-        },
-    },
-};