mui-to-shadcn 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,26 @@
+# Changelog
+
+All notable changes to this project are documented here. This project adheres to [Semantic Versioning](https://semver.org).
+
+## [Unreleased]
+
+## [0.1.0] - 2026-06-17
+
+First public release.
+
+### Added
+
+- Multi-pass codemod (component mapping → infrastructure removal → event handlers → icons → `sx`/system-props). Pure AST transformation with ts-morph (no LLM). Targets shadcn CLI v4 + Tailwind CSS v4, and works with both the Radix and Base UI variants of shadcn.
+- **Icons**: `@mui/icons-material` → `lucide-react` (~700 names mapped, validated against the installed lucide-react in CI); `fontSize`/`color` become classes; variant suffixes (Outlined/Rounded/Sharp/TwoTone) resolve to the base icon; bare references use an aliased import so the build never breaks; unmapped icons are left in place with a note.
+- **Infrastructure removal**: `ThemeProvider`, `StyledEngineProvider`, `CssVarsProvider`, the MUI/Emotion cache providers (`CacheProvider`, `AppRouterCacheProvider`), `ScopedCssBaseline` are unwrapped; `CssBaseline`/`GlobalStyles` dropped; `createTheme`/`styled`/`makeStyles`/`keyframes` flagged with a warning.
+- **Event handlers**: inline `onChange` bodies are rewritten when safe — `(e) => setX(e.target.value/checked)` → `(e) => setX(e)`, and MUI `(event, value) => …` → `(value) => …`; handlers that also use the event are left with a warning.
+- **Grid**: converted to a real CSS grid (`grid grid-cols-12` + `col-span-*`, `gap`, breakpoint prefixes), including the v6/v7 `size`/`offset` props.
+- Expanded `sx` coverage: letterSpacing, textTransform, fontStyle, textDecoration, objectFit, visibility, boxSizing, pointerEvents, userSelect, order, flexBasis, alignSelf/justifySelf/justifyItems, gridColumn/gridRow/gridTemplateColumns, verticalAlign, listStyleType, plus success/warning/info/grey/common color tokens.
+- **Button**: `startIcon`/`endIcon` move into the children (then get icon-converted); `href`/`component` become `asChild` (with an anchor for `href`).
+- Component mapping for Button, IconButton, Checkbox, Switch, Slider, RadioGroup, TextField, Select (+ MenuItem), Divider, LinearProgress, CircularProgress (lucide spinner), Skeleton, Paper, the Card family, Alert, Link, Typography, Avatar, Chip, Badge, Tooltip, Tabs (incl. the MUI Lab TabContext/TabList/TabPanel), Accordion, Dialog, Modal, Menu (DropdownMenu), Popover/Popper, Collapse (Collapsible), ToggleButtonGroup, Drawer/SwipeableDrawer (Sheet), Breadcrumbs, Pagination, the Table family, the List family, the Stepper family, Rating (lucide stars), the Transition components (Grow/Fade/Slide/Zoom, unwrapped), Fab, AppBar/Toolbar, ImageList, the Input/Form primitives, and Box/Stack/Grid/Container.
+- `sx` and system-props pass: spacing, sizing, color, flex, position and more to Tailwind classes; MUI 8px spacing mapped to the Tailwind 4px scale; Box/Stack/Grid/Container rewritten to `div`. Output targets Tailwind v4 (v4 shadow scale and container max-width).
+- Coverage: 89 of 106 catalogued components convert fully, 8 inside their parent, 4 partial (Grid/Grid2/GridLegacy, Slider), 5 manual with a note (DataGrid, Autocomplete, SpeedDial, Timeline, BottomNavigationAction).
+- `--setup` orchestrator: collects the required shadcn components, runs `shadcn init`/`add`, writes the converted files, runs Prettier. Package-manager auto-detection and `--dry-run`.
+- `--base radix|base` to target Radix or Base UI (omits `asChild` for Base UI).
+- Programmatic API via `runMigration` and `buildRegistry`; `@mui/lab` import support.
+- Generated component status overview (`docs/COMPONENTS.md`, regenerated with `npm run docs`).

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Marcel Baklouti
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.de.md

@@ -0,0 +1,78 @@
+# mui-to-shadcn
+
+Codemod, der React-Code von Material UI (MUI) nach shadcn/ui konvertiert. Reine AST-Transformation mit ts-morph, kein LLM.
+
+## Installation
+
+```
+npm install
+```
+
+## Nutzung
+
+```
+npm run migrate -- <pfad> --report     # Probelauf, schreibt nichts, listet benoetigte shadcn-Komponenten
+npm run migrate -- <pfad> --write       # schreibt Aenderungen in die Dateien
+npm run migrate -- <pfad> --skip-sx     # ueberspringt den sx/System-Props-Pass
+```
+
+`<pfad>` kann eine einzelne Datei oder ein Verzeichnis sein (rekursiv `**/*.{ts,tsx}`, ohne node_modules).
+
+### Vollautomatik: --setup
+
+```
+npm run migrate -- <pfad> --setup [--base radix|base] [--pm pnpm|npm|yarn|bun] [--dry-run]
+```
+
+`--setup` fuehrt im Projektverzeichnis nacheinander aus:
+
+1. ermittelt in einem Probelauf alle benoetigten shadcn-Komponenten
+2. `shadcn init --base <radix|base>` (nur wenn keine components.json existiert)
+3. `shadcn add <alle benoetigten Komponenten>`
+4. schreibt die konvertierten Dateien
+5. `prettier --write`
+
+Der Paketmanager wird aus der Lockfile erkannt (oder per `--pm` gesetzt). `--base base` waehlt Base UI, `--base radix` (Default) waehlt Radix. Mit `--dry-run` werden nur die geplanten Befehle ausgegeben, nichts ausgefuehrt.
+
+```
+npm test          # Tests
+npm run typecheck # tsc --noEmit
+```
+
+## Radix oder Base UI
+
+Die erzeugte JSX-Ausgabe nutzt die oeffentliche shadcn-API (`@/components/ui/*`, onValueChange, type single/multiple, AccordionItem). Diese API ist bei Radix und Base UI identisch; nur die Primitive darunter unterscheiden sich. Ausnahmen bei Base UI: kein `asChild` (render-Prop), `checked` strikt boolean, `value` bei Slider/Select strikt Array. Mit `--base base` wird `asChild` nicht emittiert und ein Hinweis ausgegeben.
+
+## Zwei Paesse
+
+1. **Komponenten-Mapping**: MUI-Komponenten werden strukturell zu shadcn umgebaut, Importe umgeschrieben.
+2. **sx / System-Props**: `sx={{ ... }}` und MUI-Shorthand-Props (m, p, display, gap, width, color, ...) werden zu Tailwind-Klassen. MUI-Spacing (8px) wird auf die Tailwind-Skala (4px) umgerechnet (z. B. `p: 2` -> `p-4`). Box/Stack/Grid/Container werden zu `div` mit passenden Klassen.
+
+## Vollstaendig konvertierte Komponenten
+
+Vollstaendige, stets aktuelle Statusuebersicht (89 voll, 8 im Elternelement, 4 teilweise, 5 manuell): [docs/COMPONENTS.md](./docs/COMPONENTS.md) (neu erzeugen mit `npm run docs`).
+
+Button, IconButton, Checkbox, Switch, Slider, RadioGroup (+ FormControlLabel/Radio), TextField (-> Label + Input/Textarea), Select (+ MenuItem), TextareaAutosize, Divider, LinearProgress, Skeleton, Paper, Card-Familie, Alert (+ AlertTitle), Link, Typography, Avatar, Chip (-> Badge), Tooltip, Tabs (+ Tab), Accordion-Familie, Dialog-Familie, ToggleButtonGroup (+ ToggleButton), Drawer (-> Sheet), Breadcrumbs, Table-Familie, Box/Stack/Grid/Container.
+
+## Bewusst manuell (mit Notiz im Report)
+
+Komponenten mit grundlegend anderem Paradigma oder ohne shadcn-Pendant: DataGrid, Stepper, Rating, SpeedDial, Autocomplete, Menu (anchorEl), Popover/Popper, Modal, Pagination, CircularProgress, MUI Badge, Snackbar, List-Familie, ImageList, Fab, AppBar/Toolbar, Transitions (Grow/Fade/Slide/Zoom/Collapse) u. a.
+
+## Was --setup nicht abnimmt
+
+Auch mit `--setup` bleibt prinzipbedingt Handarbeit, weil sie Absicht erfordert:
+
+- **Handler-Signaturen**: onChange wird zu onValueChange/onCheckedChange/onValueChange; der Callback erhaelt jetzt einen Wert/boolean/Array statt eines Events. Code wie `e.target.value` oder `e.target.checked` muss angepasst werden.
+- **Komponenten ohne Pendant** (siehe Liste oben) manuell umbauen.
+- **MUI entfernen**: ThemeProvider, CssBaseline, createTheme, Emotion-Cache sowie `@mui/*`- und `@emotion/*`-Abhaengigkeiten, sobald alles migriert ist.
+- **Base UI** (falls gewaehlt): `asChild` durch render-Prop ersetzen, strikte boolean/Array-Props.
+- **Layout und Optik**: Grid wird best-effort konvertiert; Whitespace verschachtelter Bloecke ist nicht perfekt. Nach der Migration pruefen.
+
+Die Ausgabe ist gueltiges TSX. Prettier/ESLint werden von `--setup` bereits ausgefuehrt; ohne `--setup`:
+
+```
+npx prettier --write <pfad>
+npx eslint --fix <pfad>
+```
+
+Der Report zeigt geaenderte Handler-Signaturen und alle manuell zu pruefenden Stellen.

package/README.md

@@ -0,0 +1,112 @@
+# mui-to-shadcn
+
+[![CI](https://github.com/marcelbaklouti/mui-to-shadcn/actions/workflows/ci.yml/badge.svg)](https://github.com/marcelbaklouti/mui-to-shadcn/actions/workflows/ci.yml)
+[![npm](https://img.shields.io/npm/v/mui-to-shadcn.svg)](https://www.npmjs.com/package/mui-to-shadcn)
+[![license](https://img.shields.io/npm/l/mui-to-shadcn.svg)](./LICENSE)
+
+A codemod that converts [Material UI](https://mui.com) (MUI) React code to [shadcn/ui](https://ui.shadcn.com). Pure AST transformation with [ts-morph](https://ts-morph.com), no LLM. Targets shadcn CLI v4 and Tailwind CSS v4, and works with both the Radix and Base UI variants of shadcn.
+
+> Deutsche Version: [README.de.md](./README.de.md)
+
+## What it does
+
+Several passes over your `.ts`/`.tsx` files, designed to leave as little manual work as possible — even on large codebases:
+
+1. **Component mapping** — MUI components are restructured into their shadcn equivalents and imports are rewritten.
+2. **Infrastructure removal** — `ThemeProvider`, `CssBaseline`, `StyledEngineProvider`, the MUI/Emotion cache providers and `GlobalStyles` are unwrapped or dropped (Tailwind's preflight replaces the baseline). `createTheme`/`styled`/`makeStyles` are flagged with a warning since they wrap arbitrary CSS.
+3. **Event handlers** — when `onChange` becomes `onValueChange`/`onCheckedChange`, simple inline handlers are rewritten too: `(e) => setX(e.target.value)` becomes `(e) => setX(e)`, and MUI's `(event, value) => …` becomes `(value) => …`. Handlers that also use the event are left untouched with a warning.
+4. **Icons** — `@mui/icons-material` imports and usages are converted to [lucide-react](https://lucide.dev) (what shadcn uses), e.g. `DeleteIcon` → `Trash2`. ~700 icon names are mapped; `fontSize`/`color` become classes. Unmapped icons are left in place with a note.
+5. **`sx` / system props** — `sx={{ ... }}` and MUI shorthand props (`m`, `p`, `display`, `gap`, `width`, `color`, ...) become Tailwind classes. MUI spacing (8px) is converted to the Tailwind scale (4px), e.g. `p: 2` becomes `p-4`. `Box`/`Stack`/`Container` become `div`; `Grid` becomes a real CSS grid (`grid grid-cols-12` + `col-span-*`, including the v6/v7 `size`/`offset` props).
+
+## Quick start
+
+Run it without installing:
+
+```bash
+# dry run, prints the changes and the shadcn components it needs
+npx mui-to-shadcn src --report
+
+# write the changes
+npx mui-to-shadcn src --write
+```
+
+Or as a one-command setup in your project (installs the shadcn components, then migrates):
+
+```bash
+npx mui-to-shadcn src --setup --base radix   # or --base base for Base UI
+```
+
+`--setup` will, in your project directory:
+
+1. collect every shadcn component the migration needs,
+2. run `shadcn init` (only if there is no `components.json`),
+3. run `shadcn add <components>`,
+4. write the converted files,
+5. run `prettier --write`.
+
+The package manager is detected from your lockfile (override with `--pm pnpm|npm|yarn|bun`). Use `--dry-run` to print the planned commands without running anything.
+
+## CLI
+
+```
+mui-to-shadcn <path...> [options]
+
+--write        write changes (default is a dry run)
+--report       print every warning and manual item
+--skip-sx      skip the sx / system-props pass
+--setup        install shadcn components and run the full pipeline
+--base <b>     radix (default) or base (Base UI)
+--pm <m>       pnpm | npm | yarn | bun (otherwise auto-detected)
+--dry-run      with --setup: print planned commands only
+```
+
+`<path>` can be a file or a directory (globbed as `**/*.{ts,tsx}`, excluding node_modules).
+
+## Programmatic API
+
+```ts
+import { Project } from "ts-morph";
+import { runMigration } from "mui-to-shadcn";
+
+const project = new Project();
+const file = project.addSourceFileAtPath("Component.tsx");
+const result = runMigration(file, { base: "radix" });
+console.log(result.text, result.warnings, result.manual, result.components);
+```
+
+## Component support
+
+106 MUI components are catalogued. As of the current version: **89 fully converted**, **8 converted inside their parent**, **4 partial**, **5 left manual** with a note. The full, always-current table is generated from the registry:
+
+- [docs/COMPONENTS.md](./docs/COMPONENTS.md) — full status table (regenerate with `npm run docs`)
+
+Fully converted include Button, IconButton, Checkbox, Switch, RadioGroup, TextField, Select, the Form/Input primitives, Divider, LinearProgress, CircularProgress (lucide spinner), Skeleton, Paper, the Card family, Alert, Link, Typography, Avatar, Chip, Badge, Tooltip, Tabs (incl. the MUI Lab TabContext/TabList/TabPanel), Accordion, Dialog, Modal, Menu (DropdownMenu), Popover/Popper, Collapse (Collapsible), ToggleButtonGroup, Drawer/SwipeableDrawer (Sheet), Breadcrumbs, Pagination, the Table family, the List family, the Stepper family, Rating (lucide stars), the Transition components (unwrapped), Fab, AppBar/Toolbar, ImageList, and Box/Stack/Container.
+
+Plus icons: `@mui/icons-material` → `lucide-react` (~700 names mapped).
+
+Partial (best-effort, needs review): Grid / Grid2 / GridLegacy (real CSS grid; `size="grow"`/`"auto"` are flagged) and Slider.
+
+Still manual on purpose (different paradigm or no shadcn equivalent, with a recipe in the report): DataGrid (TanStack Table + shadcn Table), Autocomplete (Combobox = Popover + Command), SpeedDial, Timeline, and BottomNavigationAction. These need React state/hooks the codemod can't safely synthesize, so it leaves your working code in place rather than emit a build-breaking stub.
+
+## What the tool does not do
+
+Even with `--setup`, some work needs human judgement:
+
+- **Complex handlers**: simple inline `onChange` bodies are rewritten automatically, but a handler that also uses the event (e.g. `e.preventDefault()`) or a named function reference is left as-is with a warning — adjust it by hand.
+- **Custom theming**: `createTheme`/`extendTheme` palettes, `styled()`, `makeStyles`, and `keyframes` wrap arbitrary CSS, so they are flagged (not converted). Port custom tokens to your Tailwind/shadcn theme, then remove the remaining `@mui/*` / `@emotion/*` dependencies (listed by `--setup`).
+- **Base UI** (if selected): replace `asChild` with the render prop; `checked` is strictly boolean and `value` strictly an array; the Base UI `Select` also needs an `items` prop on the root and `nativeButton={false}` on non-button triggers.
+- **Layout and visuals**: Grid maps to CSS grid best-effort and nested whitespace is not perfect, so review the result.
+
+Radix or Base UI: the generated JSX uses the public shadcn API (`@/components/ui/*`, `onValueChange`, `type single/multiple`, `AccordionItem`), which is identical across both; only the underlying primitives differ.
+
+## Compatibility
+
+Targets shadcn CLI v4 (`shadcn init`/`add`, `--base radix|base`) and Tailwind CSS v4 (v4 shadow scale, container widths). Icons require [lucide-react](https://lucide.dev) (shadcn installs it). Output is valid TSX; run Prettier/ESLint afterwards (done automatically by `--setup`).
+
+## Contributing
+
+See [CONTRIBUTING.md](./CONTRIBUTING.md). Most contributions are component mappings in `src/mappings.ts`; the architecture and extension points are documented there.
+
+## License
+
+MIT (c) Marcel Baklouti. See [LICENSE](./LICENSE).

package/dist/attributes.d.ts

@@ -0,0 +1,5 @@
+import type { JsxElement, JsxSelfClosingElement, JsxOpeningElement } from "ts-morph";
+import type { ParsedElement } from "./types.js";
+export declare function getOpeningElement(node: JsxElement | JsxSelfClosingElement): JsxOpeningElement | JsxSelfClosingElement;
+export declare function parseElement(node: JsxElement | JsxSelfClosingElement, fullText: string): ParsedElement;
+//# sourceMappingURL=attributes.d.ts.map

package/dist/attributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../src/attributes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACrF,OAAO,KAAK,EAAmC,aAAa,EAAgB,MAAM,YAAY,CAAC;AAE/F,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,UAAU,GAAG,qBAAqB,GACvC,iBAAiB,GAAG,qBAAqB,CAE3C;AAcD,wBAAgB,YAAY,CAC1B,IAAI,EAAE,UAAU,GAAG,qBAAqB,EACxC,QAAQ,EAAE,MAAM,GACf,aAAa,CAyCf"}

package/dist/attributes.js

@@ -0,0 +1,57 @@
+import { Node } from "ts-morph";
+export function getOpeningElement(node) {
+    return Node.isJsxElement(node) ? node.getOpeningElement() : node;
+}
+function parseAttributeValue(initializer) {
+    if (!initializer)
+        return { kind: "boolean" };
+    if (Node.isStringLiteral(initializer)) {
+        return { kind: "string", value: initializer.getLiteralValue() };
+    }
+    if (Node.isJsxExpression(initializer)) {
+        const expression = initializer.getExpression();
+        return { kind: "expression", expression: expression ? expression.getText() : "" };
+    }
+    return { kind: "expression", expression: initializer.getText() };
+}
+export function parseElement(node, fullText) {
+    const opening = getOpeningElement(node);
+    const tagName = opening.getTagNameNode().getText();
+    const attributes = [];
+    const spreads = [];
+    for (const attribute of opening.getAttributes()) {
+        if (Node.isJsxAttribute(attribute)) {
+            attributes.push({
+                name: attribute.getNameNode().getText(),
+                value: parseAttributeValue(attribute.getInitializer()),
+                start: attribute.getStart(),
+                end: attribute.getEnd(),
+            });
+        }
+        else {
+            spreads.push({
+                text: attribute.getText(),
+                start: attribute.getStart(),
+                end: attribute.getEnd(),
+            });
+        }
+    }
+    let innerText = "";
+    let hasChildren = false;
+    if (Node.isJsxElement(node)) {
+        const closing = node.getClosingElement();
+        innerText = fullText.slice(node.getOpeningElement().getEnd(), closing.getStart());
+        hasChildren = innerText.trim().length > 0;
+    }
+    return {
+        tagName,
+        attributes,
+        spreads,
+        innerText,
+        selfClosing: Node.isJsxSelfClosingElement(node),
+        hasChildren,
+        start: node.getStart(),
+        end: node.getEnd(),
+    };
+}
+//# sourceMappingURL=attributes.js.map

package/dist/attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributes.js","sourceRoot":"","sources":["../src/attributes.ts"],"names":[],"mappings":"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"}

package/dist/cli.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":""}

package/dist/cli.js

@@ -0,0 +1,114 @@
+#!/usr/bin/env node
+import { parseArgs } from "node:util";
+import { writeFileSync } from "node:fs";
+import { relative } from "node:path";
+import { Project } from "ts-morph";
+import { runMigration } from "./run.js";
+import { collectSourceFiles } from "./paths.js";
+import { runSetup } from "./setup.js";
+function parseBase(value) {
+    return value === "base" ? "base" : "radix";
+}
+function parsePackageManager(value) {
+    if (value === "pnpm" || value === "npm" || value === "yarn" || value === "bun")
+        return value;
+    return undefined;
+}
+function main() {
+    const { values, positionals } = parseArgs({
+        allowPositionals: true,
+        options: {
+            write: { type: "boolean", default: false },
+            report: { type: "boolean", default: false },
+            "skip-sx": { type: "boolean", default: false },
+            setup: { type: "boolean", default: false },
+            "dry-run": { type: "boolean", default: false },
+            base: { type: "string" },
+            pm: { type: "string" },
+        },
+    });
+    if (positionals.length === 0) {
+        console.error("Usage: mui-to-shadcn <path...> [--write] [--report] [--skip-sx] [--setup [--base radix|base] [--pm pnpm|npm|yarn|bun] [--dry-run]]");
+        process.exit(1);
+    }
+    const applySx = values["skip-sx"] !== true;
+    const base = parseBase(values.base);
+    if (values.setup === true) {
+        const status = runSetup({
+            target: positionals,
+            base,
+            packageManager: parsePackageManager(values.pm),
+            dryRun: values["dry-run"] === true,
+            skipSx: !applySx,
+            cwd: process.cwd(),
+        });
+        process.exit(status);
+    }
+    const project = new Project({
+        skipAddingFilesFromTsConfig: true,
+        useInMemoryFileSystem: false,
+    });
+    const files = collectSourceFiles(project, positionals);
+    if (files.length === 0) {
+        console.error("No matching files found");
+        process.exit(1);
+    }
+    const write = values.write === true;
+    const report = values.report === true;
+    let changedCount = 0;
+    let warningCount = 0;
+    const manualTotals = new Map();
+    const components = new Set();
+    for (const file of files) {
+        const result = runMigration(file, { sx: applySx, base });
+        const rel = relative(process.cwd(), file.getFilePath());
+        warningCount += result.warnings.length;
+        for (const slug of result.components)
+            components.add(slug);
+        for (const hit of result.manual) {
+            manualTotals.set(hit.component, (manualTotals.get(hit.component) ?? 0) + 1);
+        }
+        if (result.changed) {
+            changedCount += 1;
+            if (write) {
+                writeFileSync(file.getFilePath(), result.text);
+                console.log(`changed: ${rel}`);
+            }
+            else {
+                console.log(`would change: ${rel}`);
+            }
+        }
+        if (report) {
+            for (const warning of result.warnings)
+                console.log(`  warning: ${warning}`);
+            for (const hit of result.manual) {
+                console.log(`  manual: line ${hit.line} <${hit.component}> ${hit.message}`);
+            }
+        }
+    }
+    console.log("");
+    console.log(`Files checked: ${files.length}`);
+    if (write) {
+        console.log(`Files changed: ${changedCount}`);
+    }
+    else {
+        console.log(`Files with changes: ${changedCount} (dry run, nothing written)`);
+    }
+    console.log(`Warnings: ${warningCount}`);
+    const componentList = [...components].sort();
+    if (componentList.length) {
+        console.log(`Required shadcn components (${componentList.length}): ${componentList.join(" ")}`);
+        console.log("Install: use --setup or manually: pnpm dlx shadcn@latest add " + componentList.join(" "));
+    }
+    if (manualTotals.size) {
+        console.log("Migrate manually:");
+        const sorted = [...manualTotals].sort((a, b) => b[1] - a[1]);
+        for (const [name, count] of sorted)
+            console.log(`  ${name}: ${count}`);
+    }
+    if (!report && (warningCount > 0 || manualTotals.size > 0)) {
+        console.log("Show details with --report");
+    }
+}
+main();
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":"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"}

package/dist/composites.d.ts

@@ -0,0 +1,7 @@
+import type { CompositeTransform } from "./types.js";
+export declare const typographyTransform: CompositeTransform;
+export declare const avatarTransform: CompositeTransform;
+export declare const cardHeaderTransform: CompositeTransform;
+export declare const chipTransform: CompositeTransform;
+export declare const buttonTransform: CompositeTransform;
+//# sourceMappingURL=composites.d.ts.map

package/dist/composites.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composites.d.ts","sourceRoot":"","sources":["../src/composites.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoC,kBAAkB,EAAmB,MAAM,YAAY,CAAC;AA6ExG,eAAO,MAAM,mBAAmB,EAAE,kBA6CjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,kBAkB7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,kBA2BjC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,kBAkC3B,CAAC;AAWF,eAAO,MAAM,eAAe,EAAE,kBAkE7B,CAAC"}