feat!: patternfly elements v5 (#3113)

* feat!: rename all elements to pf-v5-* prefix

Rename all 35 elements and their sub-components from pf-* to pf-v5-*.
CSS custom properties renamed from --pf-c-* to --pf-v5-c-*.
Global tokens (--pf-global--*) are unchanged.

Closes #3052, closes #3053, closes #3054, closes #3055,
closes #3056, closes #3057, closes #3058, closes #3059,
closes #3060, closes #3061, closes #3062, closes #3063,
closes #3064, closes #3065, closes #3066, closes #3067,
closes #3068, closes #3069, closes #3070, closes #3071,
closes #3072, closes #3073, closes #3074, closes #3075,
closes #3076, closes #3077, closes #3078, closes #3079,
closes #3080, closes #3081, closes #3082, closes #3083,
closes #3084, closes #3085, closes #3086

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* feat!: remove bundled entrypoint (pfe.min.js) (#3089)

* feat!: remove bundled entrypoint (pfe.min.js)

The bundled entrypoint causes custom element double-registration
issues and is not the recommended way to consume the library.

Closes #3087

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix: remove bundle references from docs plugin

Remove the bundle() call and pfe.min.* passthrough copies
from the Eleventy docs plugin, since the bundled entrypoint
was removed.

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix: remove trailing blank line in pfe-assets plugin

Fixes padded-blocks lint error.

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* docs: update element references from pf-* to pf-v5-*

Update all docs site references to use the new pf-v5-* element names,
including HTML tags, CSS selectors, import paths, and code examples.

Blog posts and changelogs left unchanged as historical records.
PF4 core CSS tokens (--pf-c-content/title/text) left unchanged as
they reference the PF CSS framework, not pf-elements components.

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix(docs): fix docs build after pf-v5-* rename

- Update main.mjs to import PfV5Icon from renamed path
- Update pfe-assets.cjs regex and JSDoc for pf-v5-* paths
- Pass prefix option to PfeAssetsPlugin in eleventy config
- Replace broken generateImportMap shortcodes with static import
  maps (jspm.io can't resolve unpublished pf-v5-* paths)
- Fix pre-existing TS build errors: use Router.Middleware instead
  of non-existent RouterMiddleware export, remove stale
  @ts-expect-error directive
- Fix pre-existing slug function call using deprecated
  eleventyConfig.javascript.functions API

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* feat!: remove deprecated APIs (#3090)

- Remove CascadeController and @Cascades decorator (use @lit/context)
- Remove SlotController.anonymous (use SlotController.default)
- Remove pf-popover closeButtonLabel / close-label attribute
  (use accessible-close-label)

pfeCustomElementsManifestConfig was already removed from the codebase.

Closes #2975, closes #2974, closes #2973, closes #2972

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix(tools): fix TS build errors on CI

- Use koa Middleware type instead of Router.Middleware namespace
  (namespace not available with Node moduleResolution)
- Use @ts-ignore instead of @ts-expect-error for colorjs.io import
  (error occurs on CI but not locally due to moduleResolution)

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix(docs): handle ESM default export from slugify v2

`@sindresorhus/slugify` v2 is ESM-only. Node 22 `require()` of ESM
returns the module namespace object, not the default export, causing
`TypeError: slugify is not a function` in the eleventy `ids` transform.

Assisted-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>

* chore: clean up remaining pf-* references after rename

- README: update test path examples to pf-v5-* element dirs
- elements/package.json: remove orphaned pf-jazz-hands export entry
- eslint.config.js: fix pf-icon ignore path to pf-v5-icon
- bundle.ts: update pf-icon export to pf-v5-icon
- dev server index.html template: update pf-button/pf-icon/pf-card tags
  and imports to pf-v5-* equivalents
- docs/_snippets: update accordion-jsx and card-html import paths
- vue.md: fix CodeSandbox search hint to @patternfly/elements

Assisted-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>

* fix: tools and docs for pf-v5 prefix/ elements rename compatibility (#3114)

* docs: rename doc files to match pf-v5 element names

* chore: update tagPrefix in config

* fix: use unbundled element modules for docs site

* refactor(tools): use pfe config for tag aliasing in DocsPage

* chore(tools): add changeset

* chore: correct npm run docs to include the elements build

* fix: copy element screenshots to docs site

* fix: copy demo assets to docs site

* fix: strip v5 prefix from docs titles, replace jspm with mappa (#3115)

* fix: strip v5 prefix from docs titles, replace @jspm/generator with @pwrs/mappa

Strip the tag prefix (pf-v5-) from element display names in the docs
site sidebar, page titles, and demo headings so they show "Accordion"
instead of "V5 Accordion".

Replace @jspm/generator with @pwrs/mappa for import map generation in
both the 11ty docs build and the dev server plugin. This fixes the
"Unable to resolve npm:lit@3.3.2" build error and simplifies the import
map infrastructure.

Also adds v5 to the docs version dropdown and marks it as current.

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix: remove stale @jspm/generator patch file

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix: lint errors in create-import-map and package.json sort order

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix: operator-linebreak style in create-import-map

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Benny Powers <web@bennypowers.com>
Co-authored-by: Benny Powers <bennypowers@users.noreply.github.com>

Author: zeroedin

.changeset/remove-bundled-entrypoint.md

@@ -0,0 +1,9 @@
+---
+"@patternfly/elements": major
+---
+
+Removed the bundled entrypoint (`pfe.min.js`). Import individual
+elements directly instead, e.g. `import '@patternfly/elements/pf-button/pf-button.js'`.
+
+The bundled entrypoint caused custom element double-registration issues
+and is not recommended for production use.

.changeset/remove-deprecated-apis.md

@@ -0,0 +1,13 @@
+---
+"@patternfly/pfe-core": major
+"@patternfly/elements": major
+---
+
+Removed deprecated APIs:
+
+- **`CascadeController`** and **`@cascades`** decorator are removed.
+  Use [`@lit/context`](https://lit.dev/docs/data/context/) instead for
+  sharing data between parent and child elements.
+- **`SlotController.anonymous`** is removed. Use `SlotController.default` instead.
+- **`pf-popover`**: the `close-label` attribute and `closeButtonLabel` property
+  are removed. Use `accessible-close-label` instead.

.changeset/rename-all-elements.md

@@ -0,0 +1,12 @@
+---
+"@patternfly/elements": major
+---
+
+All elements are now versioned with a `pf-v5-` prefix.
+
+This is a breaking change. Update your HTML to use the new element names,
+e.g. `<pf-button>` becomes `<pf-v5-button>`, `<pf-accordion>` becomes
+`<pf-v5-accordion>`, etc.
+
+CSS custom properties are also renamed from `--pf-c-*` to `--pf-v5-c-*`.
+Global tokens (`--pf-global--*`) are unchanged.

.changeset/wacky-jobs-lead.md

@@ -0,0 +1,6 @@
+---
+"@patternfly/pfe-tools": patch
+---
+
+Corrected usage of config for tagPrefix in `DocsPage` for alias
+  

.pfe.config.json

@@ -1,3 +1,4 @@
 {
-  "renderTitleInOverview": false
+  "renderTitleInOverview": false,
+  "tagPrefix": "pf-v5"
 }

README.md

@@ -63,10 +63,10 @@ npm start
 npm run test:watch
 
 # Run a single test in watch mode.
-npm run test:watch -- --files elements/pf-accordion/test/pf-accordion.spec.ts
+npm run test:watch -- --files elements/pf-v5-accordion/test/pf-v5-accordion.spec.ts
 
 # Or multiple:
-npm run test:watch -- --files 'elements/pf-{select,card}/test/*.spec.ts'
+npm run test:watch -- --files 'elements/pf-v5-{select,card}/test/*.spec.ts'
 
 # Run all tests excluding react and vue tests.
 npm run test:watch

core/pfe-core/controllers/cascade-controller.ts

@@ -7,8 +7,6 @@ import {
 export class SlotController implements SlotControllerPublicAPI {
   public static default = Symbol('default slot') satisfies symbol as symbol;
 
-  /** @deprecated use `default` */
-  public static anonymous: symbol = this.default;
 
   static attribute = 'ssr-hint-has-slotted' as const;
 

core/pfe-core/controllers/slot-controller-server.ts

@@ -130,8 +130,6 @@ class SlotRecord {
 export class SlotController implements SlotControllerPublicAPI {
   public static default = Symbol('default slot') satisfies symbol as symbol;
 
-  /** @deprecated use `default` */
-  public static anonymous: symbol = this.default;
 
   #slotRecords = new Map<string | typeof SlotController.default, SlotRecord>();
 

core/pfe-core/controllers/slot-controller.ts

@@ -1,5 +1,4 @@
 export * from './decorators/bound.js';
-export * from './decorators/cascades.js';
 export * from './decorators/deprecation.js';
 export * from './decorators/initializer.js';
 export * from './decorators/listen.js';