@stack-dev/cli 0.1.0

package/src/packages/library-package/create-library-package.ts

@@ -0,0 +1,85 @@
+import { getNamespace, getWorkspaceRoot } from '../../utils/workspace';
+
+import path from 'node:path';
+import { PackageJsonGenerator } from '../../file-generator';
+import { Dependency, PackageJSON } from '../../package-json';
+import { PackageGenerator } from '../../utils/package-generator';
+import { ADD_FILE_GENERATOR } from './files/add-file-generator';
+import { ADD_SPEC_FILE_GENERATOR } from './files/add-spec-file-generator';
+import { ESLINT_CONFIG_FILE_GENERATOR } from './files/eslint-config-file-generator';
+import { INDEX_FILE_GENERATOR } from './files/index-file-generator';
+import { PRETTIER_CONFIG_FILE_GENERATOR } from './files/prettier-config-file-generator';
+import { TSCONFIG_FILE_GENERATOR } from './files/tsconfig-file-generator';
+import { TSUP_CONFIG_FILE_GENERATOR } from './files/tsup-config-file-generator';
+import { VITEST_CONFIG_FILE_GENERATOR } from './files/vitest-config-file-generator';
+
+export async function createLibraryPackage(name: string): Promise<void> {
+  const rootDir = await getWorkspaceRoot();
+  const directory = path.join(rootDir, 'packages', name);
+
+  const namespace = await getNamespace(rootDir);
+  const packageName = `${namespace}/${name}`;
+
+  console.log(`✨ Creating config package: ${packageName}`);
+
+  const generator = new PackageGenerator(
+    directory,
+    makePackageGenerator(packageName, namespace),
+    [
+      INDEX_FILE_GENERATOR,
+      ADD_FILE_GENERATOR,
+      ADD_SPEC_FILE_GENERATOR,
+      TSUP_CONFIG_FILE_GENERATOR,
+      TSCONFIG_FILE_GENERATOR,
+      PRETTIER_CONFIG_FILE_GENERATOR,
+      ESLINT_CONFIG_FILE_GENERATOR,
+      VITEST_CONFIG_FILE_GENERATOR,
+    ],
+  );
+
+  await generator.generate();
+
+  console.log(`✅ Config package created at: ${directory}`);
+}
+
+function makePackageGenerator(packageName: string, namespace: string) {
+  const packageJsonModel = new PackageJSON({
+    name: packageName,
+    devDependencies: [
+      new Dependency(`${namespace}/eslint-config`, 'workspace:*'),
+      new Dependency(`${namespace}/prettier-config`, 'workspace:*'),
+      new Dependency(`${namespace}/typescript-config`, 'workspace:*'),
+      new Dependency('eslint', '^9.32.0'),
+      new Dependency('prettier', '^3.6.2'),
+      new Dependency('prettier-plugin-organize-imports', '^4.2.0'),
+      new Dependency('tsup', '^7.3.0'),
+      new Dependency('vitest', '^3.2.4'),
+      new Dependency('@vitest/coverage-v8', '^3.2.4'),
+    ],
+    additionalData: {
+      version: '0.1.0',
+      private: true,
+      main: 'dist/index.js',
+      module: 'dist/index.mjs',
+      types: 'dist/index.d.ts',
+      exports: {
+        '.': {
+          development: './src/index.ts',
+          import: './dist/index.mjs',
+          require: './dist/index.js',
+          types: './dist/index.d.ts',
+        },
+      },
+      scripts: {
+        build: 'tsup',
+        lint: 'eslint',
+        format: 'prettier . --write',
+        test: 'vitest run',
+        'test:watch': 'vitest',
+      },
+      sideEffects: false,
+    },
+  });
+
+  return new PackageJsonGenerator(packageJsonModel, namespace);
+}

package/src/packages/library-package/files/add-file-generator.ts

@@ -0,0 +1,8 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const ADD_TS = `export function add(n1: number, n2: number): number {
+  return n1 + n2;
+}
+`;
+
+export const ADD_FILE_GENERATOR = new FileGeneratorImp('src/add.ts', ADD_TS);

package/src/packages/library-package/files/add-spec-file-generator.ts

@@ -0,0 +1,17 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const ADD_SPEC_TS = `import { describe, it, expect } from 'vitest';
+
+import { add } from '../add';
+
+describe('add', () => {
+  it('adds two numbers', () => {
+    expect(add(2, 3)).toBe(5);
+  });
+});
+`;
+
+export const ADD_SPEC_FILE_GENERATOR = new FileGeneratorImp(
+  'src/spec/add.spec.ts',
+  ADD_SPEC_TS,
+);

package/src/packages/library-package/files/eslint-config-file-generator.ts

@@ -0,0 +1,11 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const ESLINT_CONFIG = `import base from '@stack-dev/eslint-config/base.mjs';
+
+export default [...base, { ignores: ['**/dist/**'] }];
+`;
+
+export const ESLINT_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'eslint.config.mjs',
+  ESLINT_CONFIG,
+);

package/src/packages/library-package/files/index-file-generator.ts

@@ -0,0 +1,9 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const INDEX_TS = `export * from './add';
+`;
+
+export const INDEX_FILE_GENERATOR = new FileGeneratorImp(
+  'src/index.ts',
+  INDEX_TS,
+);

package/src/packages/library-package/files/prettier-config-file-generator.ts

@@ -0,0 +1,11 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const PRETTIER_CONFIG = `import base from '@stack-dev/prettier-config/base.mjs';
+
+export default base;
+`;
+
+export const PRETTIER_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'prettier.config.mjs',
+  PRETTIER_CONFIG,
+);

package/src/packages/library-package/files/tsconfig-file-generator.ts

@@ -0,0 +1,15 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const TSCONFIG = `{
+  "extends": "@stack-dev/typescript-config/tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist"
+  },
+  "include": ["src"]
+}
+`;
+
+export const TSCONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'tsconfig.json',
+  TSCONFIG,
+);

package/src/packages/library-package/files/tsup-config-file-generator.ts

@@ -0,0 +1,23 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const TSUP_CONFIG = `import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  format: ['esm', 'cjs'],
+  dts: true,
+  sourcemap: true,
+  clean: true,
+  target: 'esnext',
+  outExtension({ format }) {
+    return {
+      js: format === 'esm' ? '.mjs' : '.js',
+    };
+  },
+});
+`;
+
+export const TSUP_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'tsup.config.ts',
+  TSUP_CONFIG,
+);

package/src/packages/library-package/files/vitest-config-file-generator.ts

@@ -0,0 +1,19 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const VITEST_CONFIG = `import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    globals: true,
+    coverage: {
+      provider: 'v8',
+    },
+    environment: 'node',
+  },
+});
+`;
+
+export const VITEST_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'vitest.config.ts',
+  VITEST_CONFIG,
+);

package/src/packages/library-package/index.ts

@@ -0,0 +1 @@
+export * from './create-library-package';

package/src/packages/react-package/create-react-package.ts

@@ -0,0 +1,25 @@
+import { StyleType } from '../../utils/style-type';
+import { createTailwindReactPackage } from './create-tailwind-react-package';
+import { createUnstyledReactPackage } from './create-unstyled-react-package';
+import { createCssReactPackage } from './css-react-package/create-css-react-package';
+import { createStyledComponentsReactPackage } from './styled-components-react-package/create-styled-components-react-package';
+
+export async function createReactPackage(
+  name: string,
+  style: StyleType,
+): Promise<void> {
+  switch (style) {
+    case 'tailwind':
+      await createTailwindReactPackage(name);
+      break;
+    case 'css-modules':
+      await createCssReactPackage(name);
+      break;
+    case 'styled-components':
+      await createStyledComponentsReactPackage(name);
+      break;
+    case 'none':
+      await createUnstyledReactPackage(name);
+      break;
+  }
+}

package/src/packages/react-package/create-tailwind-react-package.ts

@@ -0,0 +1,30 @@
+import { FileGeneratorImp } from "../../file-generator/file-generator-imp";
+
+export async function createTailwindReactPackage(name: string): Promise<void> {
+  throw new Error('Not implemented.');
+}
+
+const STYLED_BUTTON = `import React from 'react';
+
+interface ButtonProps {
+  label: string;
+  onClick?: () => void; 
+}
+
+export function TailwindButton(props: ButtonProps) {
+  const {label, onClick} = props;
+    
+  return (
+    <button 
+      onClick={onClick}
+      className="my-lib-bg-blue-600 my-lib-text-white my-lib-p-[10px] my-lib-border-none my-lib-rounded my-lib-cursor-pointer hover:my-lib-brightness-110"
+    >
+      {label}
+    </button>
+  );
+};`;
+
+export const STYLED_BUTTON_FILE_GENERATOR = new FileGeneratorImp(
+  'styled-button.ts',
+  STYLED_BUTTON,
+);

package/src/packages/react-package/create-unstyled-react-package.ts

@@ -0,0 +1,3 @@
+export async function createUnstyledReactPackage(name: string): Promise<void> {
+  throw new Error('Not implemented.');
+}

package/src/packages/react-package/css-react-package/create-css-react-package.ts

@@ -0,0 +1,103 @@
+import path from 'path';
+import { PackageJsonGenerator } from '../../../file-generator';
+import { Dependency, PackageJSON } from '../../../package-json';
+import { PackageGenerator } from '../../../utils/package-generator';
+import { getNamespace, getWorkspaceRoot } from '../../../utils/workspace';
+import { BUTTON_CSS_MODULE_FILE_GENERATOR } from './files/button-css-module-file-generator';
+import { BUTTON_FILE_GENERATOR } from './files/button-file-generator';
+import { BUTTON_SPEC_FILE_GENERATOR } from './files/button-spec-file-generator';
+import { ESLINT_CONFIG_FILE_GENERATOR } from './files/eslint-config-file-generator';
+import { INDEX_FILE_GENERATOR } from './files/index-file-generator';
+import { PRETTIER_CONFIG_FILE_GENERATOR } from './files/prettier-config-file-generator';
+import { TSCONFIG_FILE_GENERATOR } from './files/tsconfig-file-generator';
+import { TSUP_CONFIG_FILE_GENERATOR } from './files/tsup-config-file-generator';
+import { VITEST_CONFIG_FILE_GENERATOR } from './files/vitest-config-file-generator';
+
+export async function createCssReactPackage(name: string): Promise<void> {
+  const rootDir = await getWorkspaceRoot();
+  const directory = path.join(rootDir, 'packages', name);
+
+  const namespace = await getNamespace(rootDir);
+  const packageName = `${namespace}/${name}`;
+
+  console.log(`✨ Creating CSS Modules React library: ${packageName}`);
+
+  const generator = new PackageGenerator(
+    directory,
+    makePackageGenerator(packageName, namespace),
+    [
+      INDEX_FILE_GENERATOR,
+      BUTTON_FILE_GENERATOR,
+      BUTTON_CSS_MODULE_FILE_GENERATOR,
+      BUTTON_SPEC_FILE_GENERATOR,
+      TSUP_CONFIG_FILE_GENERATOR,
+      TSCONFIG_FILE_GENERATOR,
+      PRETTIER_CONFIG_FILE_GENERATOR,
+      ESLINT_CONFIG_FILE_GENERATOR,
+      VITEST_CONFIG_FILE_GENERATOR,
+    ],
+  );
+
+  await generator.generate();
+
+  console.log(`✅ Library created at: ${directory}`);
+}
+
+function makePackageGenerator(packageName: string, namespace: string) {
+  const packageJsonModel = new PackageJSON({
+    name: packageName,
+    peerDependencies: [
+      new Dependency('react', '>=18'),
+      new Dependency('react-dom', '>=18'),
+    ],
+    devDependencies: [
+      new Dependency(`${namespace}/eslint-config`, 'workspace:*'),
+      new Dependency(`${namespace}/prettier-config`, 'workspace:*'),
+      new Dependency(`${namespace}/typescript-config`, 'workspace:*'),
+      // Development React binaries
+      new Dependency('react', '^18.3.1'),
+      new Dependency('react-dom', '^18.3.1'),
+      new Dependency('@types/react', '^18.3.1'),
+      new Dependency('@types/react-dom', '^18.3.1'),
+      // Linting & Formatting
+      new Dependency('eslint', '^9.32.0'),
+      new Dependency('prettier', '^3.6.2'),
+      new Dependency('prettier-plugin-organize-imports', '^4.2.0'),
+      // Build
+      new Dependency('tsup', '^8.0.0'),
+      new Dependency('postcss', '^8.4.0'),
+      // Testing
+      new Dependency('vitest', '^3.2.4'),
+      new Dependency('@vitest/coverage-v8', '^3.2.4'),
+      new Dependency('@testing-library/react', '^16.0.0'),
+      new Dependency('@testing-library/jest-dom', '^6.0.0'),
+      new Dependency('jsdom', '^25.0.0'),
+    ],
+    additionalData: {
+      version: '0.1.0',
+      private: true,
+      main: 'dist/index.js',
+      module: 'dist/index.mjs',
+      types: 'dist/index.d.ts',
+      exports: {
+        '.': {
+          development: './src/index.ts',
+          import: './dist/index.mjs',
+          require: './dist/index.js',
+          types: './dist/index.d.ts',
+        },
+        './index.css': './dist/index.css',
+      },
+      scripts: {
+        build: 'tsup',
+        lint: 'eslint .',
+        format: 'prettier . --write',
+        test: 'vitest run',
+        'test:watch': 'vitest',
+      },
+      sideEffects: ['**/*.css'],
+    },
+  });
+
+  return new PackageJsonGenerator(packageJsonModel, namespace);
+}

package/src/packages/react-package/css-react-package/files/button-css-module-file-generator.ts

@@ -0,0 +1,16 @@
+import { FileGeneratorImp } from '../../../../file-generator/file-generator-imp';
+
+const BUTTON_CSS_MODULE = `.styledButton {
+  background: blue;
+  color: white;
+  padding: 10px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+`;
+
+export const BUTTON_CSS_MODULE_FILE_GENERATOR = new FileGeneratorImp(
+  'src/button.module.css',
+  BUTTON_CSS_MODULE,
+);

package/src/packages/react-package/css-react-package/files/button-file-generator.ts

@@ -0,0 +1,14 @@
+import { FileGeneratorImp } from '../../../../file-generator/file-generator-imp';
+
+const BUTTON = `import React from 'react';
+import * as styles from './button.module.css';
+
+export function Button(props: HTMLAttributes<HTMLButtonElement>) {
+  return <button className={styles.styledButton} {...props} />;
+}
+`;
+
+export const BUTTON_FILE_GENERATOR = new FileGeneratorImp(
+  'src/button.tsx',
+  BUTTON,
+);

package/src/packages/react-package/css-react-package/files/button-spec-file-generator.ts

@@ -0,0 +1,33 @@
+import { FileGeneratorImp } from '../../../../file-generator/file-generator-imp';
+
+const BUTTON_SPEC = `import { render, screen, fireEvent } from '@testing-library/react';
+import { Button } from './button';
+
+describe('Button', () => {
+  it('renders the label correctly', () => {
+    render(<Button>Click Me</Button>);
+    expect(screen.getByText('Click Me')).toBeDefined();
+  });
+
+  it('is a button element', () => {
+    render(<Button>Submit</Button>);
+    const buttonElement = screen.getByRole('button');
+    expect(buttonElement.tagName).toBe('BUTTON');
+  });
+
+  /* Note: Testing for specific CSS classes with CSS Modules is tricky 
+     because class names are mangled (e.g., _styledButton_123). 
+     Usually, we just test that the class attribute exists.
+  */
+  it('applies a class name', () => {
+    render(<Button>Styled</Button>);
+    const buttonElement = screen.getByRole('button');
+    expect(buttonElement.className).toBeTruthy();
+  });
+});
+`;
+
+export const BUTTON_SPEC_FILE_GENERATOR = new FileGeneratorImp(
+  'src/button.spec.tsx',
+  BUTTON_SPEC,
+);

package/src/packages/react-package/css-react-package/files/eslint-config-file-generator.ts

@@ -0,0 +1,18 @@
+import { FileGeneratorImp } from '../../../../file-generator/file-generator-imp';
+
+const ESLINT_CONFIG = `import base from '@stack-dev/eslint-config/base.mjs';
+import react from '@stack-dev/eslint-config/react.mjs';
+
+export default [
+  ...base,
+  ...react,
+  { 
+    ignores: ['**/dist/**', '**/coverage/**'] 
+  }
+];
+`;
+
+export const ESLINT_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'eslint.config.mjs',
+  ESLINT_CONFIG,
+);

package/src/packages/react-package/css-react-package/files/index-file-generator.ts

@@ -0,0 +1,9 @@
+import { FileGeneratorImp } from '../../../../file-generator/file-generator-imp';
+
+const INDEX_TS = `export * from './button';
+`;
+
+export const INDEX_FILE_GENERATOR = new FileGeneratorImp(
+  'src/index.ts',
+  INDEX_TS,
+);

package/src/packages/react-package/css-react-package/files/prettier-config-file-generator.ts

@@ -0,0 +1,11 @@
+import { FileGeneratorImp } from '../../../../file-generator/file-generator-imp';
+
+const PRETTIER_CONFIG = `import base from '@stack-dev/prettier-config/base.mjs';
+
+export default base;
+`;
+
+export const PRETTIER_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'prettier.config.mjs',
+  PRETTIER_CONFIG,
+);

package/src/packages/react-package/css-react-package/files/tsconfig-file-generator.ts

@@ -0,0 +1,15 @@
+import { FileGeneratorImp } from '../../../../file-generator/file-generator-imp';
+
+const TSCONFIG = `{
+  "extends": "@stack-dev/typescript-config/tsconfig.react.json",
+  "compilerOptions": {
+    "outDir": "dist"
+  },
+  "include": ["src"]
+}
+`;
+
+export const TSCONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'tsconfig.json',
+  TSCONFIG,
+);

package/src/packages/react-package/css-react-package/files/tsup-config-file-generator.ts

@@ -0,0 +1,24 @@
+import { FileGeneratorImp } from '../../../../file-generator/file-generator-imp';
+
+const TSUP_CONFIG = `import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  format: ['cjs', 'esm'],
+  dts: true,
+  minify: true,
+  clean: true,
+  injectStyle: true,
+  external: ['react', 'react-dom'],
+  outExtension({ format }) {
+    return {
+      js: format === 'esm' ? '.mjs' : '.js',
+    };
+  },
+});
+`;
+
+export const TSUP_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'tsup.config.ts',
+  TSUP_CONFIG,
+);

package/src/packages/react-package/css-react-package/files/vitest-config-file-generator.ts

@@ -0,0 +1,23 @@
+import { FileGeneratorImp } from '../../../../file-generator/file-generator-imp';
+
+const VITEST_CONFIG = `import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+    },
+    css: true,
+  },
+});
+`;
+
+export const VITEST_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'vitest.config.ts',
+  VITEST_CONFIG,
+);

package/src/packages/react-package/index.ts

@@ -0,0 +1 @@
+export * from './create-react-package';

package/src/packages/react-package/styled-components-react-package/create-styled-components-react-package.ts

@@ -0,0 +1,112 @@
+import path from 'path';
+import { PackageJsonGenerator } from '../../../file-generator';
+import { Dependency, PackageJSON } from '../../../package-json';
+import { PackageGenerator } from '../../../utils/package-generator';
+import { getNamespace, getWorkspaceRoot } from '../../../utils/workspace';
+import { BUTTON_FILE_GENERATOR } from './files/button-file-generator';
+import { BUTTON_SPEC_FILE_GENERATOR } from './files/button-spec-file-generator';
+import { ESLINT_CONFIG_FILE_GENERATOR } from './files/eslint-config-file-generator';
+import { INDEX_FILE_GENERATOR } from './files/index-file-generator';
+import { PRETTIER_CONFIG_FILE_GENERATOR } from './files/prettier-config-file-generator';
+import { TSCONFIG_FILE_GENERATOR } from './files/tsconfig-file-generator';
+import { TSUP_CONFIG_FILE_GENERATOR } from './files/tsup-config-file-generator';
+import { VITEST_CONFIG_FILE_GENERATOR } from './files/vitest-config-file-generator';
+
+export async function createStyledComponentsReactPackage(
+  name: string,
+): Promise<void> {
+  const rootDir = await getWorkspaceRoot();
+  const directory = path.join(rootDir, 'packages', name);
+
+  const namespace = await getNamespace(rootDir);
+  const packageName = `${namespace}/${name}`;
+
+  console.log(
+    `✨ Creating Styled Components Modules React library: ${packageName}`,
+  );
+
+  const generator = new PackageGenerator(
+    directory,
+    makePackageGenerator(packageName, namespace),
+    [
+      INDEX_FILE_GENERATOR,
+      BUTTON_FILE_GENERATOR,
+      BUTTON_SPEC_FILE_GENERATOR,
+      TSUP_CONFIG_FILE_GENERATOR,
+      TSCONFIG_FILE_GENERATOR,
+      PRETTIER_CONFIG_FILE_GENERATOR,
+      ESLINT_CONFIG_FILE_GENERATOR,
+      VITEST_CONFIG_FILE_GENERATOR,
+    ],
+  );
+
+  await generator.generate();
+
+  console.log(`✅ Library created at: ${directory}`);
+}
+
+function makePackageGenerator(packageName: string, namespace: string) {
+  const packageJsonModel = new PackageJSON({
+    name: packageName,
+    // Peer deps are crucial for Styled Components to prevent "Multiple instances" errors
+    peerDependencies: [
+      new Dependency('react', '>=18'),
+      new Dependency('react-dom', '>=18'),
+      new Dependency('styled-components', '>=6'),
+    ],
+    devDependencies: [
+      new Dependency(`${namespace}/eslint-config`, 'workspace:*'),
+      new Dependency(`${namespace}/prettier-config`, 'workspace:*'),
+      new Dependency(`${namespace}/typescript-config`, 'workspace:*'),
+      // Development React binaries
+      new Dependency('react', '^18.3.1'),
+      new Dependency('react-dom', '^18.3.1'),
+      new Dependency('@types/react', '^18.3.1'),
+      new Dependency('@types/react-dom', '^18.3.1'),
+      // Styled Components types and binary for build time
+      new Dependency('styled-components', '^6.1.13'),
+      new Dependency('@types/styled-components', '^5.1.34'),
+      // Linting & Formatting
+      new Dependency('eslint', '^9.32.0'),
+      new Dependency('prettier', '^3.6.2'),
+      new Dependency('prettier-plugin-organize-imports', '^4.2.0'),
+      // Build
+      new Dependency('tsup', '^8.0.0'),
+      // Testing
+      new Dependency('vitest', '^3.2.4'),
+      new Dependency('@vitest/coverage-v8', '^3.2.4'),
+      new Dependency('@testing-library/react', '^16.0.0'),
+      new Dependency('@testing-library/jest-dom', '^6.0.0'),
+      new Dependency('jsdom', '^25.0.0'),
+    ],
+    additionalData: {
+      version: '0.1.0',
+      private: true,
+      type: 'module', // Added this to ensure ESM consistency
+      main: 'dist/index.js',
+      module: 'dist/index.mjs',
+      types: 'dist/index.d.ts',
+      exports: {
+        '.': {
+          development: './src/index.ts',
+          import: './dist/index.mjs',
+          require: './dist/index.js',
+          types: './dist/index.d.ts',
+        },
+        // Removed './index.css' as it's no longer produced by Styled Components
+      },
+      scripts: {
+        build: 'tsup',
+        dev: 'tsup --watch', // Helpful for local lib dev
+        lint: 'eslint .',
+        format: 'prettier . --write',
+        test: 'vitest run',
+        'test:watch': 'vitest',
+      },
+      // Set to false or removed because Styled Components are pure JS/TS
+      sideEffects: false,
+    },
+  });
+
+  return new PackageJsonGenerator(packageJsonModel, namespace);
+}