@openrewrite/recipes-angular 1.1.4 → 1.1.5

package/src/libraries/primeng/18/rename-calendar-to-datepicker.ts

@@ -0,0 +1,81 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {ExecutionContext, produceAsync, Recipe, TreeVisitor} from "@openrewrite/rewrite";
+import {ChangeImport, JavaScriptVisitor, JS} from "@openrewrite/rewrite/javascript";
+import {J, isIdentifier} from "@openrewrite/rewrite/java";
+
+const RENAMES: Record<string, string> = {
+    Calendar: "DatePicker",
+    CalendarModule: "DatePickerModule",
+};
+
+class RenameCalendarIdentifiers extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameCalendarToDatePicker.identifiers";
+    readonly displayName = "Rename `Calendar` identifiers to `DatePicker`";
+    readonly description = "Renames `Calendar` and `CalendarModule` identifier usages in files importing them from `primeng/calendar`.";
+
+    async editor(): Promise<TreeVisitor<any, ExecutionContext>> {
+        return new class extends JavaScriptVisitor<ExecutionContext> {
+            private importedNames = new Set<string>();
+
+            protected async visitImportDeclaration(jsImport: JS.Import, p: ExecutionContext): Promise<J | undefined> {
+                const imp = await super.visitImportDeclaration(jsImport, p) as JS.Import;
+                if (!imp?.moduleSpecifier) return imp;
+                const moduleSpec = imp.moduleSpecifier.element;
+                if (moduleSpec.kind !== J.Kind.Literal) return imp;
+                if ((moduleSpec as J.Literal).value !== "primeng/calendar") return imp;
+
+                const namedBindings = imp.importClause?.namedBindings;
+                if (namedBindings?.kind === JS.Kind.NamedImports) {
+                    for (const specifier of (namedBindings as JS.NamedImports).elements.elements) {
+                        const spec = specifier.element as JS.ImportSpecifier;
+                        if (isIdentifier(spec.specifier) && RENAMES[(spec.specifier as J.Identifier).simpleName]) {
+                            this.importedNames.add((spec.specifier as J.Identifier).simpleName);
+                        }
+                    }
+                }
+                return imp;
+            }
+
+            override async visitIdentifier(identifier: J.Identifier, p: ExecutionContext): Promise<J | undefined> {
+                const id = await super.visitIdentifier(identifier, p) as J.Identifier;
+                if (!id) return id;
+                if (this.importedNames.has(id.simpleName) && RENAMES[id.simpleName]) {
+                    const newName = RENAMES[id.simpleName];
+                    return produceAsync(id, async draft => { draft.simpleName = newName; });
+                }
+                return id;
+            }
+        };
+    }
+}
+
+export class RenameCalendarToDatePicker extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameCalendarToDatePicker";
+    readonly displayName = "Rename `Calendar` to `DatePicker`";
+    readonly description = "Renames `Calendar` and `CalendarModule` imports from `primeng/calendar` " +
+        "to `DatePicker` and `DatePickerModule` from `primeng/datepicker`, and updates all identifier usages. " +
+        "The old names are deprecated in PrimeNG 18.";
+
+    async recipeList(): Promise<Recipe[]> {
+        return [
+            new RenameCalendarIdentifiers(),
+            new ChangeImport({
+                oldModule: "primeng/calendar",
+                oldMember: "CalendarModule",
+                newModule: "primeng/datepicker",
+                newMember: "DatePickerModule",
+            }),
+            new ChangeImport({
+                oldModule: "primeng/calendar",
+                oldMember: "Calendar",
+                newModule: "primeng/datepicker",
+                newMember: "DatePicker",
+            }),
+        ];
+    }
+}

package/src/libraries/primeng/18/rename-dropdown-to-select.ts

@@ -0,0 +1,81 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {ExecutionContext, produceAsync, Recipe, TreeVisitor} from "@openrewrite/rewrite";
+import {ChangeImport, JavaScriptVisitor, JS} from "@openrewrite/rewrite/javascript";
+import {J, isIdentifier} from "@openrewrite/rewrite/java";
+
+const RENAMES: Record<string, string> = {
+    Dropdown: "Select",
+    DropdownModule: "SelectModule",
+};
+
+class RenameDropdownIdentifiers extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameDropdownToSelect.identifiers";
+    readonly displayName = "Rename `Dropdown` identifiers to `Select`";
+    readonly description = "Renames `Dropdown` and `DropdownModule` identifier usages in files importing them from `primeng/dropdown`.";
+
+    async editor(): Promise<TreeVisitor<any, ExecutionContext>> {
+        return new class extends JavaScriptVisitor<ExecutionContext> {
+            private importedNames = new Set<string>();
+
+            protected async visitImportDeclaration(jsImport: JS.Import, p: ExecutionContext): Promise<J | undefined> {
+                const imp = await super.visitImportDeclaration(jsImport, p) as JS.Import;
+                if (!imp?.moduleSpecifier) return imp;
+                const moduleSpec = imp.moduleSpecifier.element;
+                if (moduleSpec.kind !== J.Kind.Literal) return imp;
+                if ((moduleSpec as J.Literal).value !== "primeng/dropdown") return imp;
+
+                const namedBindings = imp.importClause?.namedBindings;
+                if (namedBindings?.kind === JS.Kind.NamedImports) {
+                    for (const specifier of (namedBindings as JS.NamedImports).elements.elements) {
+                        const spec = specifier.element as JS.ImportSpecifier;
+                        if (isIdentifier(spec.specifier) && RENAMES[(spec.specifier as J.Identifier).simpleName]) {
+                            this.importedNames.add((spec.specifier as J.Identifier).simpleName);
+                        }
+                    }
+                }
+                return imp;
+            }
+
+            override async visitIdentifier(identifier: J.Identifier, p: ExecutionContext): Promise<J | undefined> {
+                const id = await super.visitIdentifier(identifier, p) as J.Identifier;
+                if (!id) return id;
+                if (this.importedNames.has(id.simpleName) && RENAMES[id.simpleName]) {
+                    const newName = RENAMES[id.simpleName];
+                    return produceAsync(id, async draft => { draft.simpleName = newName; });
+                }
+                return id;
+            }
+        };
+    }
+}
+
+export class RenameDropdownToSelect extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameDropdownToSelect";
+    readonly displayName = "Rename `Dropdown` to `Select`";
+    readonly description = "Renames `Dropdown` and `DropdownModule` imports from `primeng/dropdown` " +
+        "to `Select` and `SelectModule` from `primeng/select`, and updates all identifier usages. " +
+        "The old names are deprecated in PrimeNG 18.";
+
+    async recipeList(): Promise<Recipe[]> {
+        return [
+            new RenameDropdownIdentifiers(),
+            new ChangeImport({
+                oldModule: "primeng/dropdown",
+                oldMember: "DropdownModule",
+                newModule: "primeng/select",
+                newMember: "SelectModule",
+            }),
+            new ChangeImport({
+                oldModule: "primeng/dropdown",
+                oldMember: "Dropdown",
+                newModule: "primeng/select",
+                newMember: "Select",
+            }),
+        ];
+    }
+}

package/src/libraries/primeng/18/rename-inputswitch-to-toggleswitch.ts

@@ -0,0 +1,81 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {ExecutionContext, produceAsync, Recipe, TreeVisitor} from "@openrewrite/rewrite";
+import {ChangeImport, JavaScriptVisitor, JS} from "@openrewrite/rewrite/javascript";
+import {J, isIdentifier} from "@openrewrite/rewrite/java";
+
+const RENAMES: Record<string, string> = {
+    InputSwitch: "ToggleSwitch",
+    InputSwitchModule: "ToggleSwitchModule",
+};
+
+class RenameInputSwitchIdentifiers extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameInputSwitchToToggleSwitch.identifiers";
+    readonly displayName = "Rename `InputSwitch` identifiers to `ToggleSwitch`";
+    readonly description = "Renames `InputSwitch` and `InputSwitchModule` identifier usages in files importing them from `primeng/inputswitch`.";
+
+    async editor(): Promise<TreeVisitor<any, ExecutionContext>> {
+        return new class extends JavaScriptVisitor<ExecutionContext> {
+            private importedNames = new Set<string>();
+
+            protected async visitImportDeclaration(jsImport: JS.Import, p: ExecutionContext): Promise<J | undefined> {
+                const imp = await super.visitImportDeclaration(jsImport, p) as JS.Import;
+                if (!imp?.moduleSpecifier) return imp;
+                const moduleSpec = imp.moduleSpecifier.element;
+                if (moduleSpec.kind !== J.Kind.Literal) return imp;
+                if ((moduleSpec as J.Literal).value !== "primeng/inputswitch") return imp;
+
+                const namedBindings = imp.importClause?.namedBindings;
+                if (namedBindings?.kind === JS.Kind.NamedImports) {
+                    for (const specifier of (namedBindings as JS.NamedImports).elements.elements) {
+                        const spec = specifier.element as JS.ImportSpecifier;
+                        if (isIdentifier(spec.specifier) && RENAMES[(spec.specifier as J.Identifier).simpleName]) {
+                            this.importedNames.add((spec.specifier as J.Identifier).simpleName);
+                        }
+                    }
+                }
+                return imp;
+            }
+
+            override async visitIdentifier(identifier: J.Identifier, p: ExecutionContext): Promise<J | undefined> {
+                const id = await super.visitIdentifier(identifier, p) as J.Identifier;
+                if (!id) return id;
+                if (this.importedNames.has(id.simpleName) && RENAMES[id.simpleName]) {
+                    const newName = RENAMES[id.simpleName];
+                    return produceAsync(id, async draft => { draft.simpleName = newName; });
+                }
+                return id;
+            }
+        };
+    }
+}
+
+export class RenameInputSwitchToToggleSwitch extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameInputSwitchToToggleSwitch";
+    readonly displayName = "Rename `InputSwitch` to `ToggleSwitch`";
+    readonly description = "Renames `InputSwitch` and `InputSwitchModule` imports from `primeng/inputswitch` " +
+        "to `ToggleSwitch` and `ToggleSwitchModule` from `primeng/toggleswitch`, and updates all identifier usages. " +
+        "The old names are deprecated in PrimeNG 18.";
+
+    async recipeList(): Promise<Recipe[]> {
+        return [
+            new RenameInputSwitchIdentifiers(),
+            new ChangeImport({
+                oldModule: "primeng/inputswitch",
+                oldMember: "InputSwitchModule",
+                newModule: "primeng/toggleswitch",
+                newMember: "ToggleSwitchModule",
+            }),
+            new ChangeImport({
+                oldModule: "primeng/inputswitch",
+                oldMember: "InputSwitch",
+                newModule: "primeng/toggleswitch",
+                newMember: "ToggleSwitch",
+            }),
+        ];
+    }
+}

package/src/libraries/primeng/18/rename-message-interface.ts

@@ -0,0 +1,78 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {ExecutionContext, produceAsync, Recipe, TreeVisitor} from "@openrewrite/rewrite";
+import {ChangeImport, JavaScriptVisitor, JS} from "@openrewrite/rewrite/javascript";
+import {J, isIdentifier} from "@openrewrite/rewrite/java";
+
+class RenameMessageIdentifiers extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameMessageInterface.rename-identifiers";
+    readonly displayName = "Rename `Message` identifiers to `ToastMessageOptions`";
+    readonly description = "Renames all `Message` identifier usages originating from `primeng/api` to `ToastMessageOptions`.";
+
+    async editor(): Promise<TreeVisitor<any, ExecutionContext>> {
+        return new class extends JavaScriptVisitor<ExecutionContext> {
+            private hasMessageImport = false;
+
+            protected async visitImportDeclaration(jsImport: JS.Import, p: ExecutionContext): Promise<J | undefined> {
+                const imp = await super.visitImportDeclaration(jsImport, p) as JS.Import;
+                if (!imp?.moduleSpecifier) return imp;
+
+                const moduleSpec = imp.moduleSpecifier.element;
+                if (moduleSpec.kind !== J.Kind.Literal) return imp;
+
+                const moduleName = (moduleSpec as J.Literal).value as string;
+                if (moduleName !== 'primeng/api') return imp;
+
+                const namedBindings = imp.importClause?.namedBindings;
+                if (namedBindings?.kind === JS.Kind.NamedImports) {
+                    const named = namedBindings as JS.NamedImports;
+                    for (const specifier of named.elements.elements) {
+                        const spec = specifier.element as JS.ImportSpecifier;
+                        if (isIdentifier(spec.specifier) && spec.specifier.simpleName === 'Message') {
+                            this.hasMessageImport = true;
+                        }
+                    }
+                }
+
+                return imp;
+            }
+
+            override async visitIdentifier(identifier: J.Identifier, p: ExecutionContext): Promise<J | undefined> {
+                const id = await super.visitIdentifier(identifier, p) as J.Identifier;
+                if (!id) return id;
+
+                if (this.hasMessageImport && id.simpleName === 'Message') {
+                    return produceAsync(id, async draft => {
+                        draft.simpleName = 'ToastMessageOptions';
+                    });
+                }
+
+                return id;
+            }
+        };
+    }
+}
+
+export class RenameMessageInterface extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameMessageInterface";
+    readonly displayName = "Rename `Message` interface to `ToastMessageOptions`";
+    readonly description = "Renames the `Message` interface import from `primeng/api` to `ToastMessageOptions` " +
+        "and updates all identifier usages. " +
+        "The `Message` interface was renamed in PrimeNG 18 due to name collision with the `Message` component.";
+
+    async recipeList(): Promise<Recipe[]> {
+        return [
+            new RenameMessageIdentifiers(),
+            new ChangeImport({
+                oldModule: "primeng/api",
+                oldMember: "Message",
+                newModule: "primeng/api",
+                newMember: "ToastMessageOptions",
+            }),
+        ];
+    }
+}

package/src/libraries/primeng/18/rename-overlaypanel-to-popover.ts

@@ -0,0 +1,81 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {ExecutionContext, produceAsync, Recipe, TreeVisitor} from "@openrewrite/rewrite";
+import {ChangeImport, JavaScriptVisitor, JS} from "@openrewrite/rewrite/javascript";
+import {J, isIdentifier} from "@openrewrite/rewrite/java";
+
+const RENAMES: Record<string, string> = {
+    OverlayPanel: "Popover",
+    OverlayPanelModule: "PopoverModule",
+};
+
+class RenameOverlayPanelIdentifiers extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameOverlayPanelToPopover.identifiers";
+    readonly displayName = "Rename `OverlayPanel` identifiers to `Popover`";
+    readonly description = "Renames `OverlayPanel` and `OverlayPanelModule` identifier usages in files importing them from `primeng/overlaypanel`.";
+
+    async editor(): Promise<TreeVisitor<any, ExecutionContext>> {
+        return new class extends JavaScriptVisitor<ExecutionContext> {
+            private importedNames = new Set<string>();
+
+            protected async visitImportDeclaration(jsImport: JS.Import, p: ExecutionContext): Promise<J | undefined> {
+                const imp = await super.visitImportDeclaration(jsImport, p) as JS.Import;
+                if (!imp?.moduleSpecifier) return imp;
+                const moduleSpec = imp.moduleSpecifier.element;
+                if (moduleSpec.kind !== J.Kind.Literal) return imp;
+                if ((moduleSpec as J.Literal).value !== "primeng/overlaypanel") return imp;
+
+                const namedBindings = imp.importClause?.namedBindings;
+                if (namedBindings?.kind === JS.Kind.NamedImports) {
+                    for (const specifier of (namedBindings as JS.NamedImports).elements.elements) {
+                        const spec = specifier.element as JS.ImportSpecifier;
+                        if (isIdentifier(spec.specifier) && RENAMES[(spec.specifier as J.Identifier).simpleName]) {
+                            this.importedNames.add((spec.specifier as J.Identifier).simpleName);
+                        }
+                    }
+                }
+                return imp;
+            }
+
+            override async visitIdentifier(identifier: J.Identifier, p: ExecutionContext): Promise<J | undefined> {
+                const id = await super.visitIdentifier(identifier, p) as J.Identifier;
+                if (!id) return id;
+                if (this.importedNames.has(id.simpleName) && RENAMES[id.simpleName]) {
+                    const newName = RENAMES[id.simpleName];
+                    return produceAsync(id, async draft => { draft.simpleName = newName; });
+                }
+                return id;
+            }
+        };
+    }
+}
+
+export class RenameOverlayPanelToPopover extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameOverlayPanelToPopover";
+    readonly displayName = "Rename `OverlayPanel` to `Popover`";
+    readonly description = "Renames `OverlayPanel` and `OverlayPanelModule` imports from `primeng/overlaypanel` " +
+        "to `Popover` and `PopoverModule` from `primeng/popover`, and updates all identifier usages. " +
+        "The old names are deprecated in PrimeNG 18.";
+
+    async recipeList(): Promise<Recipe[]> {
+        return [
+            new RenameOverlayPanelIdentifiers(),
+            new ChangeImport({
+                oldModule: "primeng/overlaypanel",
+                oldMember: "OverlayPanelModule",
+                newModule: "primeng/popover",
+                newMember: "PopoverModule",
+            }),
+            new ChangeImport({
+                oldModule: "primeng/overlaypanel",
+                oldMember: "OverlayPanel",
+                newModule: "primeng/popover",
+                newMember: "Popover",
+            }),
+        ];
+    }
+}

package/src/libraries/primeng/18/rename-sidebar-to-drawer.ts

@@ -0,0 +1,81 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {ExecutionContext, produceAsync, Recipe, TreeVisitor} from "@openrewrite/rewrite";
+import {ChangeImport, JavaScriptVisitor, JS} from "@openrewrite/rewrite/javascript";
+import {J, isIdentifier} from "@openrewrite/rewrite/java";
+
+const RENAMES: Record<string, string> = {
+    Sidebar: "Drawer",
+    SidebarModule: "DrawerModule",
+};
+
+class RenameSidebarIdentifiers extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameSidebarToDrawer.identifiers";
+    readonly displayName = "Rename `Sidebar` identifiers to `Drawer`";
+    readonly description = "Renames `Sidebar` and `SidebarModule` identifier usages in files importing them from `primeng/sidebar`.";
+
+    async editor(): Promise<TreeVisitor<any, ExecutionContext>> {
+        return new class extends JavaScriptVisitor<ExecutionContext> {
+            private importedNames = new Set<string>();
+
+            protected async visitImportDeclaration(jsImport: JS.Import, p: ExecutionContext): Promise<J | undefined> {
+                const imp = await super.visitImportDeclaration(jsImport, p) as JS.Import;
+                if (!imp?.moduleSpecifier) return imp;
+                const moduleSpec = imp.moduleSpecifier.element;
+                if (moduleSpec.kind !== J.Kind.Literal) return imp;
+                if ((moduleSpec as J.Literal).value !== "primeng/sidebar") return imp;
+
+                const namedBindings = imp.importClause?.namedBindings;
+                if (namedBindings?.kind === JS.Kind.NamedImports) {
+                    for (const specifier of (namedBindings as JS.NamedImports).elements.elements) {
+                        const spec = specifier.element as JS.ImportSpecifier;
+                        if (isIdentifier(spec.specifier) && RENAMES[(spec.specifier as J.Identifier).simpleName]) {
+                            this.importedNames.add((spec.specifier as J.Identifier).simpleName);
+                        }
+                    }
+                }
+                return imp;
+            }
+
+            override async visitIdentifier(identifier: J.Identifier, p: ExecutionContext): Promise<J | undefined> {
+                const id = await super.visitIdentifier(identifier, p) as J.Identifier;
+                if (!id) return id;
+                if (this.importedNames.has(id.simpleName) && RENAMES[id.simpleName]) {
+                    const newName = RENAMES[id.simpleName];
+                    return produceAsync(id, async draft => { draft.simpleName = newName; });
+                }
+                return id;
+            }
+        };
+    }
+}
+
+export class RenameSidebarToDrawer extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameSidebarToDrawer";
+    readonly displayName = "Rename `Sidebar` to `Drawer`";
+    readonly description = "Renames `Sidebar` and `SidebarModule` imports from `primeng/sidebar` " +
+        "to `Drawer` and `DrawerModule` from `primeng/drawer`, and updates all identifier usages. " +
+        "The old names are deprecated in PrimeNG 18.";
+
+    async recipeList(): Promise<Recipe[]> {
+        return [
+            new RenameSidebarIdentifiers(),
+            new ChangeImport({
+                oldModule: "primeng/sidebar",
+                oldMember: "SidebarModule",
+                newModule: "primeng/drawer",
+                newMember: "DrawerModule",
+            }),
+            new ChangeImport({
+                oldModule: "primeng/sidebar",
+                oldMember: "Sidebar",
+                newModule: "primeng/drawer",
+                newMember: "Drawer",
+            }),
+        ];
+    }
+}

package/src/libraries/primeng/18/rename-template-selectors.ts

@@ -0,0 +1,63 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {ExecutionContext, Recipe, TreeVisitor} from "@openrewrite/rewrite";
+import {PlainText, PlainTextVisitor} from "@openrewrite/rewrite/text";
+
+// v17 → v18 selector renames. Each entry is a pair of [old, new] tag names (without `<`).
+// We rewrite both opening and closing tags.
+const SELECTOR_RENAMES: Array<[string, string]> = [
+    ['p-calendar', 'p-datepicker'],
+    ['p-dropdown', 'p-select'],
+    ['p-inputSwitch', 'p-toggleSwitch'],
+    ['p-overlayPanel', 'p-popover'],
+    ['p-sidebar', 'p-drawer'],
+];
+
+/**
+ * Rewrite PrimeNG component selectors in HTML templates from their v17 names to v18 names.
+ * Operates on PlainText source files whose path ends in `.html`.
+ */
+export class RenameTemplateSelectors extends Recipe {
+    readonly name = "org.openrewrite.primeng.RenameTemplateSelectors";
+    readonly displayName = "Rename PrimeNG selectors in HTML templates to their v18 equivalents";
+    readonly description = "Renames v17 PrimeNG component selectors in `.html` templates to their v18 names: " +
+        "`<p-calendar>` → `<p-datepicker>`, `<p-dropdown>` → `<p-select>`, " +
+        "`<p-inputSwitch>` → `<p-toggleSwitch>`, `<p-overlayPanel>` → `<p-popover>`, " +
+        "`<p-sidebar>` → `<p-drawer>`. Both opening and closing tags are rewritten.";
+
+    async editor(): Promise<TreeVisitor<any, ExecutionContext>> {
+        return new class extends PlainTextVisitor<ExecutionContext> {
+            override async visitText(text: PlainText, p: ExecutionContext): Promise<PlainText | undefined> {
+                const t = await super.visitText(text, p) as PlainText;
+                if (!t) return t;
+                if (!t.sourcePath.endsWith('.html')) return t;
+
+                let updated = t.text;
+                let modified = false;
+                for (const [oldName, newName] of SELECTOR_RENAMES) {
+                    // Match opening tag: <oldName followed by space, >, /, or end-of-string
+                    const openRe = new RegExp(`<${oldName}(?=[\\s/>])`, 'g');
+                    // Match closing tag: </oldName>
+                    const closeRe = new RegExp(`</${oldName}>`, 'g');
+                    if (openRe.test(updated) || closeRe.test(updated)) {
+                        updated = updated.replace(new RegExp(`<${oldName}(?=[\\s/>])`, 'g'), `<${newName}`);
+                        updated = updated.replace(new RegExp(`</${oldName}>`, 'g'), `</${newName}>`);
+                        modified = true;
+                    }
+                }
+
+                if (!modified) return t;
+
+                return {
+                    ...t,
+                    text: updated,
+                    snippets: [],
+                };
+            }
+        }();
+    }
+}

package/src/libraries/primeng/18/upgrade-components-to-18.ts

@@ -0,0 +1,57 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {Recipe} from "@openrewrite/rewrite";
+import {RenameCalendarToDatePicker} from "./rename-calendar-to-datepicker";
+import {RenameDropdownToSelect} from "./rename-dropdown-to-select";
+import {RenameInputSwitchToToggleSwitch} from "./rename-inputswitch-to-toggleswitch";
+import {RenameOverlayPanelToPopover} from "./rename-overlaypanel-to-popover";
+import {RenameSidebarToDrawer} from "./rename-sidebar-to-drawer";
+import {RenameMessageInterface} from "./rename-message-interface";
+import {RenameTemplateSelectors} from "./rename-template-selectors";
+import {MigrateMessagesToMessageLoop} from "./migrate-messages-to-message-loop";
+import {MigratePFluidToWrapper} from "./migrate-p-fluid-to-wrapper";
+import {MarkRemovedPrimengModules} from "./mark-removed-primeng-modules";
+import {MarkDeprecatedPrimengComponents} from "./mark-deprecated-components";
+import {MarkDeprecatedPrimengCssClasses} from "./mark-deprecated-css-classes";
+import {MarkDrawerSize} from "./mark-drawer-size";
+
+export class UpgradeComponentsTo18 extends Recipe {
+    readonly name = "org.openrewrite.primeng.UpgradeComponentsTo18";
+    readonly displayName = "Upgrade PrimeNG components to 18";
+    readonly description = "Handles component renames, deprecations, and removals for PrimeNG 18. " +
+        "Renames Calendar to DatePicker, Dropdown to Select, InputSwitch to ToggleSwitch, " +
+        "OverlayPanel to Popover, and Sidebar to Drawer (TS imports + identifier usages + HTML selectors). " +
+        "Migrates the `Messages` template usage to the `<p-message>` + `@for` loop. " +
+        "Marks removed modules (Chips, TriStateCheckbox, Messages, DataViewLayoutOptions, pAnimate) with " +
+        "TODO stubs, marks deprecated components (TabMenu, Steps, InlineMessage, TabView, pDefer) with " +
+        "TODO comments on their imports, and marks deprecated CSS classes (`.p-link`, `.p-highlight`, " +
+        "`.p-fluid`) and `<p-drawer>`/`<p-sidebar>` `size` usages with HTML TODO comments. All marked " +
+        "sites are written to the `ManualMigrationSteps` data table.";
+
+    async recipeList(): Promise<Recipe[]> {
+        return [
+            // 1. TS-side renames (imports + identifier usages)
+            new RenameCalendarToDatePicker(),
+            new RenameDropdownToSelect(),
+            new RenameInputSwitchToToggleSwitch(),
+            new RenameOverlayPanelToPopover(),
+            new RenameSidebarToDrawer(),
+            new RenameMessageInterface(),
+            // 2. HTML-side selector renames
+            new RenameTemplateSelectors(),
+            // 3. Structural template migration
+            new MigrateMessagesToMessageLoop(),
+            // `<div class="…p-fluid…">` → `<p-fluid class="…">` (+ FluidModule import)
+            new MigratePFluidToWrapper(),
+            // 4. Marks (TODO comments + ManualMigrationSteps rows)
+            new MarkRemovedPrimengModules(),
+            new MarkDeprecatedPrimengComponents(),
+            new MarkDeprecatedPrimengCssClasses(),
+            new MarkDrawerSize(),
+        ];
+    }
+}

package/src/libraries/primeng/18/upgrade-to-primeng-18.ts

@@ -0,0 +1,52 @@
+/*
+ * Copyright 2026 the original author or authors.
+ *
+ * Moderne Proprietary. Only for use by Moderne customers under the terms of a commercial contract.
+ */
+
+import {Recipe} from "@openrewrite/rewrite";
+import {AddDependency, UpgradeDependencyVersion} from "@openrewrite/rewrite/javascript";
+import {UpgradeToAngular18} from "../../../migration/upgrade-to-angular-18";
+import {UpgradeComponentsTo18} from "./upgrade-components-to-18";
+import {MigratePrimeNgConfigToPrimeNG} from "./migrate-primeng-config";
+import {MigratePrimeNGSignalAssignments} from "./migrate-primeng-signal-assignments";
+import {AddPrimengProvider} from "./add-primeng-provider";
+
+export class UpgradeToPrimeNG18 extends Recipe {
+    readonly name = "org.openrewrite.primeng.UpgradeTo18";
+    readonly displayName = "Upgrade to PrimeNG 18";
+    readonly description = "Migrates PrimeNG 17.x applications to PrimeNG 18. " +
+        "Renames components, migrates `PrimeNGConfig` to `PrimeNG` (with signal-backed setters), " +
+        "comments out the obsolete `primeng/resources` style entries in `angular.json`, wires " +
+        "`providePrimeNG({ theme: { preset: Aura } })` into the root NgModule and adds " +
+        "`@primeng/themes` to `package.json`. Anything that can't be deterministically migrated " +
+        "(removed-and-no-direct-replacement components, deprecated CSS classes, structural " +
+        "template changes) gets a TODO comment in source plus a row in the `ManualMigrationSteps` " +
+        "data table for an agent or human to finish.";
+
+    async recipeList(): Promise<Recipe[]> {
+        return [
+            // First, upgrade Angular framework to 18 (chains all prior Angular majors).
+            // PrimeNG 18 requires Angular 18, so this must run before any PrimeNG-specific
+            // bumps: the @primeng/themes addition and the primeng@18 bump need an Angular-18
+            // peer environment to install cleanly.
+            new UpgradeToAngular18(),
+            // Component changes (TS imports, HTML selectors, marks)
+            new UpgradeComponentsTo18(),
+            // Configuration migration
+            new MigratePrimeNgConfigToPrimeNG(),
+            // Convert direct field assignments on PrimeNG to .set() (signal-backed in v18)
+            new MigratePrimeNGSignalAssignments(),
+            // Wire in the new styled-mode provider, choosing the v18 preset based on the v17
+            // theme path it scans out of angular.json (Aura/Lara/Nora/Material). This recipe
+            // also folds in a sub-recipe that comments out the now-defunct `primeng/resources`
+            // entries from angular.json — provider addition + style-cleanup go together.
+            new AddPrimengProvider(),
+            // Add @primeng/themes (provides Aura/Lara/Nora/Material presets) — uses the framework
+            // recipe so it also updates package-lock / yarn.lock via the package manager.
+            new AddDependency({packageName: "@primeng/themes", version: "^18.0.0", scope: "dependencies"}),
+            // Dependency version upgrade
+            new UpgradeDependencyVersion({packageName: "primeng", newVersion: "18.x"}),
+        ];
+    }
+}