diff --git a/.changeset/quick-shoes-burn.md b/.changeset/quick-shoes-burn.md
new file mode 100644
index 0000000000..6d892ca1d4
--- /dev/null
+++ b/.changeset/quick-shoes-burn.md
@@ -0,0 +1,5 @@
+---
+"@patternfly/pfe-core": patch
+---
+
+`InternalsController`: expose `form`, `validationMessage`, and `willValidate` getters. Previously returned `undefined` despite TypeScript accepting the access. Form-associated elements can read the associated form reference and validation state from the controller.
diff --git a/.changeset/warm-birds-smile.md b/.changeset/warm-birds-smile.md
new file mode 100644
index 0000000000..3fcc065460
--- /dev/null
+++ b/.changeset/warm-birds-smile.md
@@ -0,0 +1,29 @@
+---
+"@patternfly/elements": major
+---
+
+`<pf-v6-text-input>`: replaces `<pf-v5-text-input>` with PatternFly v6 design specs.
+
+```html
+<label for="name">Name</label>
+<pf-v6-text-input id="name" name="name"></pf-v6-text-input>
+```
+
+**Breaking Changes from v5**
+
+- Renamed tag from `<pf-v5-text-input>` to `<pf-v6-text-input>`
+- CSS custom properties renamed from `--pf-v5-c-form-control--*` to `--pf-v6-c-form-control--*`
+- `left-truncated` attribute replaced by `truncated="start"` enum
+- `icon` / `custom-icon-url` / `custom-icon-dimensions` attributes replaced by `icon` slot
+- `validate-on` and `error-text` attributes removed
+
+**New features**
+
+- `referenceTarget` support for native cross-root label association
+- `validated="error"` state with `aria-invalid` and `role="alert"` status message
+- Constraint validation via `checkValidity()`, `reportValidity()`, `setCustomValidity()`
+- `maxlength`, `minlength`, and `inputmode` attributes
+- `select()` method
+- `icon` slot for custom icon content
+- Cancelable `change` event
+- v6 design tokens and `light-dark()` support
diff --git a/core/pfe-core/controllers/internals-controller.ts b/core/pfe-core/controllers/internals-controller.ts
index 90eddcb560..fe5147c34f 100644
--- a/core/pfe-core/controllers/internals-controller.ts
+++ b/core/pfe-core/controllers/internals-controller.ts
@@ -74,13 +74,10 @@ type InternalsHost = ReactiveControllerHost & HTMLElement;
 export class InternalsController implements ReactiveController, ARIAMixin {
   private static instances = new WeakMap<HTMLElement, InternalsController>();
 
-  declare readonly form: ElementInternals['form'];
   declare readonly shadowRoot: ElementInternals['shadowRoot'];
 
   // https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
   declare readonly states: unknown;
-  declare readonly willValidate: ElementInternals['willValidate'];
-  declare readonly validationMessage: ElementInternals['validationMessage'];
 
   public static getLabels(host: InternalsHost): Element[] {
     return Array.from(this.instances.get(host)?.internals.labels ?? []) as Element[];
@@ -232,6 +229,18 @@ export class InternalsController implements ReactiveController, ARIAMixin {
     return this.internals.validity;
   }
 
+  get form(): HTMLFormElement | null {
+    return this.internals.form;
+  }
+
+  get validationMessage(): string {
+    return this.internals.validationMessage;
+  }
+
+  get willValidate(): boolean {
+    return this.internals.willValidate;
+  }
+
   /** A best-attempt based on observed behaviour in FireFox 115 on fedora 38 */
   get computedLabelText(): string {
     return this.internals.ariaLabel
diff --git a/docs/main.mjs b/docs/main.mjs
index d56d42bf2d..c32e308ef8 100644
--- a/docs/main.mjs
+++ b/docs/main.mjs
@@ -24,7 +24,7 @@ import '@patternfly/elements/pf-v5-select/pf-v5-select.js';
 import '@patternfly/elements/pf-v5-table/pf-v5-table.js';
 import '@patternfly/elements/pf-v5-tabs/pf-v5-tabs.js';
 import '@patternfly/elements/pf-v5-text-area/pf-v5-text-area.js';
-import '@patternfly/elements/pf-v5-text-input/pf-v5-text-input.js';
+import '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
 import '@patternfly/elements/pf-v5-tile/pf-v5-tile.js';
 import '@patternfly/elements/pf-v5-tooltip/pf-v5-tooltip.js';
 
diff --git a/elements/pf-v5-text-input/README.md b/elements/pf-v5-text-input/README.md
deleted file mode 100644
index 4bc633db40..0000000000
--- a/elements/pf-v5-text-input/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Text Input
-A **text input** is used to gather free-form text from a user.
-
-```html
-<label>
-  Text Input
-  <pf-v5-text-input></pf-v5-text-input>
-</label>
-```
diff --git a/elements/pf-v5-text-input/demo/form-submission.html b/elements/pf-v5-text-input/demo/form-submission.html
deleted file mode 100644
index de6ddf72a5..0000000000
--- a/elements/pf-v5-text-input/demo/form-submission.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<form id="pf-v5-form">
-  <label for="input">Input</label>
-  <pf-v5-text-input id="input" required></pf-v5-text-input>
-  <p>Form status: <output name="status">unsubmitted</output></p>
-</form>
-
-<style>
-label {
-  display: block;
-}
-</style>
-
-<script type="module">
-  import '@patternfly/elements/pf-v5-text-input/pf-v5-text-input.js';
-
-  document
-    .querySelector('#pf-v5-form')
-    .addEventListener('submit', function(event) {
-      event.preventDefault();
-      this.elements.status.textContent = 'Submitted';
-    });
-</script>
-
-<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v5-text-input/demo/icon-variants.html b/elements/pf-v5-text-input/demo/icon-variants.html
deleted file mode 100644
index 253c5cb328..0000000000
--- a/elements/pf-v5-text-input/demo/icon-variants.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<fieldset>
-  <legend>Icon variants</legend>
-  <pf-v5-text-input accessible-label="success" validated="success"></pf-v5-text-input>
-  <pf-v5-text-input accessible-label="warning" validated="warning"></pf-v5-text-input>
-  <pf-v5-text-input accessible-label="invalid" required></pf-v5-text-input>
-  <pf-v5-text-input accessible-label="calendar" icon="calendar"></pf-v5-text-input>
-  <pf-v5-text-input accessible-label="clock" icon="clock"></pf-v5-text-input>
-  <pf-v5-text-input accessible-label="search" icon="search"></pf-v5-text-input>
-  <pf-v5-text-input accessible-label="custom"
-                 custom-icon-url='data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill="%23a18fff" d="M158.87.15c-16.16-1.52-31.2 8.42-35.33 24.12l-14.81 56.27c187.62 5.49 314.54 130.61 322.48 317l56.94-15.78c15.72-4.36 25.49-19.68 23.62-35.9C490.89 165.08 340.78 17.32 158.87.15zm-58.47 112L.55 491.64a16.21 16.21 0 0 0 20 19.75l379-105.1c-4.27-174.89-123.08-292.14-299.15-294.1zM128 416a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm48-152a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm104 104a32 32 0 1 1 32-32 32 32 0 0 1-32 32z"/%3E%3C/svg%3E'
-                 custom-icon-dimensions="24px 24px"></pf-v5-text-input>
-</fieldset>
-
-
-<script type="module">
-  import '@patternfly/elements/pf-v5-text-input/pf-v5-text-input.js';
-  const input = document.querySelector('pf-v5-text-input[required]');
-  await customElements.whenDefined(input.localName);
-  await input.updateComplete;
-  input.checkValidity();
-</script>
-
-<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v5-text-input/demo/index.html b/elements/pf-v5-text-input/demo/index.html
deleted file mode 100644
index 206b1bfc17..0000000000
--- a/elements/pf-v5-text-input/demo/index.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<fieldset>
-  <legend>Text Input</legend>
-  <label for="input">Input</label>
-  <pf-v5-text-input id="input"></pf-v5-text-input>
-</fieldset>
-
-<script type="module">
-  import '@patternfly/elements/pf-v5-text-input/pf-v5-text-input.js';
-</script>
-
-<link rel="stylesheet" href="demo.css">
-
diff --git a/elements/pf-v5-text-input/demo/invalid.html b/elements/pf-v5-text-input/demo/invalid.html
deleted file mode 100644
index dc41b11b49..0000000000
--- a/elements/pf-v5-text-input/demo/invalid.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<fieldset>
-  <legend>Invalid</legend>
-  <pf-v5-text-input id="invalid-input" required></pf-v5-text-input>
-</fieldset>
-
-<script type="module">
-  import '@patternfly/elements/pf-v5-text-input/pf-v5-text-input.js';
-  await customElements.whenDefined('pf-v5-text-input');
-  const input = document.querySelector('pf-v5-text-input[required]');
-  await input.updateComplete;
-  input.checkValidity();
-</script>
-
-<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v5-text-input/demo/kitchen-sink.html b/elements/pf-v5-text-input/demo/kitchen-sink.html
deleted file mode 100644
index 8e76175a32..0000000000
--- a/elements/pf-v5-text-input/demo/kitchen-sink.html
+++ /dev/null
@@ -1,81 +0,0 @@
-<fieldset>
-  <label for="default-input">Labelled input</label>
-  <pf-v5-text-input id="default-input"></pf-v5-text-input>
-</fieldset>
-
-<fieldset>
-  <legend>Disabled</legend>
-  <label for="disabled-input">Disabled input</label>
-  <pf-v5-text-input id="disabled-input"
-                 disabled
-                 value="disabled text input example"></pf-v5-text-input>
-</fieldset>
-
-<fieldset>
-  <legend>Left Truncated</legend>
-  <label for="left-truncated-input">Truncated input</label>
-  <pf-v5-text-input id="left-truncated-input"
-                 left-truncated
-                 value="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."></pf-v5-text-input>
-</fieldset>
-
-<fieldset>
-  <legend>Read only</legend>
-  <label for="read-only-input">Read only input</label>
-  <pf-v5-text-input id="read-only-input"
-                 readonly
-                 value="read only text input example"></pf-v5-text-input>
-  <label>
-    <pf-v6-switch onchange="this.closest('fieldset').querySelector('pf-v5-text-input').plain=this.checked;"></pf-v6-switch>
-    Plain read only variant
-  </label>
-</fieldset>
-
-<fieldset>
-  <legend>Invalid</legend>
-  <label for="invalid-input">Invalid input</label>
-  <pf-v5-text-input id="invalid-input" required></pf-v5-text-input>
-</fieldset>
-
-<fieldset>
-  <legend>Icon variants</legend>
-  <pf-v5-text-input accessible-label="success" validated="success"></pf-v5-text-input>
-  <pf-v5-text-input accessible-label="warning" validated="warning"></pf-v5-text-input>
-  <pf-v5-text-input accessible-label="invalid" required></pf-v5-text-input>
-  <pf-v5-text-input accessible-label="calendar" icon="calendar"></pf-v5-text-input>
-  <pf-v5-text-input accessible-label="clock" icon="clock"></pf-v5-text-input>
-  <pf-v5-text-input accessible-label="search" icon="search"></pf-v5-text-input>
-  <pf-v5-text-input accessible-label="custom"
-                 custom-icon-url='data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill="%23a18fff" d="M158.87.15c-16.16-1.52-31.2 8.42-35.33 24.12l-14.81 56.27c187.62 5.49 314.54 130.61 322.48 317l56.94-15.78c15.72-4.36 25.49-19.68 23.62-35.9C490.89 165.08 340.78 17.32 158.87.15zm-58.47 112L.55 491.64a16.21 16.21 0 0 0 20 19.75l379-105.1c-4.27-174.89-123.08-292.14-299.15-294.1zM128 416a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm48-152a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm104 104a32 32 0 1 1 32-32 32 32 0 0 1-32 32z"/%3E%3C/svg%3E'
-                 custom-icon-dimensions="24px 24px"></pf-v5-text-input>
-</fieldset>
-
-<!-- TBD if we will implement this
-<fieldset>
-  <legend>Icon sprite variants</legend>
-  <p>
-    <strong>Note</strong>: The icons for the success, invalid, calendar, etc. variations in form control elements are applied as
-    background images to the form element. By default, the image URLs for these icons are data URIs. However,
-    there may be cases where data URIs are not ideal, such as in an application with a content security policy that
-    disallows data URIs for security reasons. The <code>isIconSprite</code> variation changes the icon source to an external
-    SVG file that serves as a sprite for all of the supported icons.
-  </p>
-  <pf-v5-text-input icon-sprite validated="success"></pf-v5-text-input>
-  <pf-v5-text-input icon-sprite validated="warning"></pf-v5-text-input>
-  <pf-v5-text-input icon-sprite required></pf-v5-text-input>
-  <pf-v5-text-input icon-sprite icon="calendar"></pf-v5-text-input>
-  <pf-v5-text-input icon-sprite icon="clock"></pf-v5-text-input>
-</fieldset>
--->
-
-<script type="module">
-  import '@patternfly/elements/pf-v5-text-input/pf-v5-text-input.js';
-  import '@patternfly/elements/pf-v6-switch/pf-v6-switch.js';
-  await customElements.whenDefined('pf-v5-text-input');
-  for (const input of document.querySelectorAll('pf-v5-text-input[required]')) {
-    await input.updateComplete;
-    input.checkValidity();
-  }
-</script>
-
-<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v5-text-input/demo/left-truncated.html b/elements/pf-v5-text-input/demo/left-truncated.html
deleted file mode 100644
index 0ca52a260e..0000000000
--- a/elements/pf-v5-text-input/demo/left-truncated.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<fieldset>
-  <legend>Left Truncated</legend>
-  <pf-v5-text-input left-truncated
-                 value="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."></pf-v5-text-input>
-</fieldset>
-
-<script type="module">
-  import '@patternfly/elements/pf-v5-text-input/pf-v5-text-input.js';
-</script>
-
-<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v5-text-input/demo/read-only.html b/elements/pf-v5-text-input/demo/read-only.html
deleted file mode 100644
index fdb42ce256..0000000000
--- a/elements/pf-v5-text-input/demo/read-only.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<fieldset>
-  <legend>Read only</legend>
-  <label for="read-only-input">Read only input</label>
-  <pf-v5-text-input id="read-only-input"
-                 readonly
-                 value="read only text input example"></pf-v5-text-input>
-  <label>
-    <pf-v6-switch onchange="this.closest('fieldset').querySelector('pf-v5-text-input').plain=this.checked;"></pf-v6-switch>
-    Plain read only variant
-  </label>
-</fieldset>
-
-<script type="module">
-  import '@patternfly/elements/pf-v5-text-input/pf-v5-text-input.js';
-  import '@patternfly/elements/pf-v6-switch/pf-v6-switch.js';
-</script>
-
-<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v5-text-input/demo/status-icon-sprite.svg b/elements/pf-v5-text-input/demo/status-icon-sprite.svg
deleted file mode 100644
index 8d69219a8a..0000000000
--- a/elements/pf-v5-text-input/demo/status-icon-sprite.svg
+++ /dev/null
@@ -1,38 +0,0 @@
-<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
-
-  <defs>
-    <style><![CDATA[
-      .sprite { display: none; }
-      .sprite:target { display: inline; }
-    ]]></style>
-  </defs>
-
-  <g class="sprite" id="success">
-    <path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z" fill="#3e8635" />
-  </g>
-
-  <g class="sprite" id="warning">
-    <path d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z" fill="#f0ab00" />
-  </g>
-
-  <g class="sprite" id="invalid">
-    <path d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z" fill="#c9190b" />
-  </g>
-
-  <g class="sprite" id="select">
-    <path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" fill="#151515" />
-  </g>
-
-  <g class="sprite" id="search">
-    <path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" fill="#6a6e73" />
-  </g>
-
-  <g class="sprite" id="calendar">
-    <path d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z" fill="#6a6e73" />
-  </g>
-
-  <g class="sprite" id="clock">
-    <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z" fill="#6a6e73" />
-  </g>
-
-</svg>
diff --git a/elements/pf-v5-text-input/demo/validation.html b/elements/pf-v5-text-input/demo/validation.html
deleted file mode 100644
index a710e8ea87..0000000000
--- a/elements/pf-v5-text-input/demo/validation.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<fieldset>
-  <legend>Invalid</legend>
-  <label>Validate on Blur? <pf-v6-switch id="onblur"></pf-v6-switch></label>
-  <pf-v5-text-input id="validated"
-                 error-text="Enter a three digit integer"
-                 pattern="\d{3}"
-                 required></pf-v5-text-input>
-  <pf-v5-button id="validate">Validate</pf-v5-button>
-</fieldset>
-
-<script type="module">
-  import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
-  import '@patternfly/elements/pf-v6-switch/pf-v6-switch.js';
-  import '@patternfly/elements/pf-v5-text-input/pf-v5-text-input.js';
-  const onblur = document.getElementById('onblur');
-  const validated = document.getElementById('validated');
-  const validate = document.getElementById('validate');
-  onblur.addEventListener('change', function() {
-    validated.validateOn = this.checked ? 'blur' : null;
-  });
-  validate.addEventListener('click', function() {
-    validated.checkValidity();
-  });
-</script>
-
-<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v5-text-input/docs/pf-v5-text-input.md b/elements/pf-v5-text-input/docs/pf-v5-text-input.md
deleted file mode 100644
index ce69fdc8a5..0000000000
--- a/elements/pf-v5-text-input/docs/pf-v5-text-input.md
+++ /dev/null
@@ -1,23 +0,0 @@
-{% renderOverview %}
-  <pf-v5-text-input></pf-v5-text-input>
-{% endrenderOverview %}
-
-{% band header="Usage" %}
-  ### Basic
-  {% htmlexample %}
-  <label for="input-box">Input: </label>
-  <pf-v5-text-input id="input-box" type="text" placeholder="Placeholder"></pf-v5-text-input> 
-  {% endhtmlexample %}
-{% endband %}
-
-{% renderSlots %}{% endrenderSlots %}
-
-{% renderAttributes %}{% endrenderAttributes %}
-
-{% renderMethods %}{% endrenderMethods %}
-
-{% renderEvents %}{% endrenderEvents %}
-
-{% renderCssCustomProperties %}{% endrenderCssCustomProperties %}
-
-{% renderCssParts %}{% endrenderCssParts %}
diff --git a/elements/pf-v5-text-input/docs/screenshot.png b/elements/pf-v5-text-input/docs/screenshot.png
deleted file mode 100644
index 52afb9bfed..0000000000
Binary files a/elements/pf-v5-text-input/docs/screenshot.png and /dev/null differ
diff --git a/elements/pf-v5-text-input/pf-v5-text-input.css b/elements/pf-v5-text-input/pf-v5-text-input.css
deleted file mode 100644
index ca74047b38..0000000000
--- a/elements/pf-v5-text-input/pf-v5-text-input.css
+++ /dev/null
@@ -1,393 +0,0 @@
-:host {
-	/** Form control text color */
-	--pf-v5-c-form-control--Color: var(--pf-global--Color--100, #151515);
-	/** Form control font size */
-	--pf-v5-c-form-control--FontSize: var(--pf-global--FontSize--md, 1rem);
-	/** Form control line height */
-	--pf-v5-c-form-control--LineHeight: var(--pf-global--LineHeight--md, 1.5);
-	/** Form control border width */
-	--pf-v5-c-form-control--BorderWidth: var(--pf-global--BorderWidth--sm, 1px);
-	/** Form control top border color */
-	--pf-v5-c-form-control--BorderTopColor: var(--pf-global--BorderColor--300, #f0f0f0);
-	/** Form control right border color */
-	--pf-v5-c-form-control--BorderRightColor: var(--pf-global--BorderColor--300, #f0f0f0);
-	/** Form control bottom border color */
-	--pf-v5-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--200, #8a8d90);
-	/** Form control left border color */
-	--pf-v5-c-form-control--BorderLeftColor: var(--pf-global--BorderColor--300, #f0f0f0);
-	/** Form control border radius */
-	--pf-v5-c-form-control--BorderRadius: 0;
-	/** Form control background color */
-	--pf-v5-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--100, #fff);
-	/** Form control width */
-	--pf-v5-c-form-control--Width: 100%;
-	/** Form control height */
-	--pf-v5-c-form-control--Height: calc(var(--pf-v5-c-form-control--FontSize) * var(--pf-v5-c-form-control--LineHeight) + var(--pf-v5-c-form-control--BorderWidth) * 2 + var(--pf-v5-c-form-control--PaddingTop) + var(--pf-v5-c-form-control--PaddingBottom));
-	/** Form control base inset */
-	--pf-v5-c-form-control--inset--base: var(--pf-global--spacer--sm, 0.5rem);
-	/** Form control top padding */
-	--pf-v5-c-form-control--PaddingTop: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-global--BorderWidth--sm, 1px));
-	/** Form control bottom padding */
-	--pf-v5-c-form-control--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-global--BorderWidth--sm, 1px));
-	/** Form control right padding */
-	--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--inset--base);
-	/** Form control left padding */
-	--pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
-	/** Form control hover bottom border color */
-	--pf-v5-c-form-control--hover--BorderBottomColor: var(--pf-global--primary-color--100, #06c);
-	/** Form control focus bottom border width */
-	--pf-v5-c-form-control--focus--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
-	/** Form control focus bottom padding */
-	--pf-v5-c-form-control--focus--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-v5-c-form-control--focus--BorderBottomWidth));
-	/** Form control focus bottom border color */
-	--pf-v5-c-form-control--focus--BorderBottomColor: var(--pf-global--primary-color--100, #06c);
-	/** Form control expanded bottom border width */
-	--pf-v5-c-form-control--m-expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
-	/** Form control expanded bottom padding */
-	--pf-v5-c-form-control--m-expanded--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-v5-c-form-control--focus--BorderBottomWidth));
-	/** Form control expanded bottom border color */
-	--pf-v5-c-form-control--m-expanded--BorderBottomColor: var(--pf-global--primary-color--100, #06c);
-	/** Form control placeholder color */
-	--pf-v5-c-form-control--placeholder--Color: var(--pf-global--Color--dark-200, #6a6e73);
-	/** Form control placeholder child color */
-	--pf-v5-c-form-control--placeholder--child--Color: var(--pf-global--Color--100, #151515);
-	/** Form control disabled color */
-	--pf-v5-c-form-control--disabled--Color: var(--pf-global--disabled-color--100, #6a6e73);
-	/** Form control disabled background color */
-	--pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--300, #f0f0f0);
-	/** Form control disabled border color */
-	--pf-v5-c-form-control--disabled--BorderColor: transparent;
-	/** Form control readonly background color */
-	--pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--300, #f0f0f0);
-	/** Form control readonly hover bottom border color */
-	--pf-v5-c-form-control--readonly--hover--BorderBottomColor: var(--pf-global--BorderColor--200, #8a8d90);
-	/** Form control readonly focus bottom padding */
-	--pf-v5-c-form-control--readonly--focus--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-global--BorderWidth--sm, 1px));
-	/** Form control readonly focus bottom border width */
-	--pf-v5-c-form-control--readonly--focus--BorderBottomWidth: var(--pf-global--BorderWidth--sm, 1px);
-	/** Form control readonly focus bottom border color */
-	--pf-v5-c-form-control--readonly--focus--BorderBottomColor: var(--pf-global--BorderColor--200, #8a8d90);
-	/** Form control readonly plain background color */
-	--pf-v5-c-form-control--readonly--m-plain--BackgroundColor: transparent;
-	/** Form control readonly plain base inset */
-	--pf-v5-c-form-control--readonly--m-plain--inset--base: 0;
-	/** Form control success bottom border width */
-	--pf-v5-c-form-control--success--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
-	/** Form control success bottom padding */
-	--pf-v5-c-form-control--success--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-v5-c-form-control--success--BorderBottomWidth));
-	/** Form control success bottom border color */
-	--pf-v5-c-form-control--success--BorderBottomColor: var(--pf-global--success-color--100, #3e8635);
-	/** Form control success right padding */
-	--pf-v5-c-form-control--success--PaddingRight: var(--pf-global--spacer--xl, 2rem);
-	/** Form control success background X position */
-	--pf-v5-c-form-control--success--BackgroundPositionX: calc(100% - var(--pf-v5-c-form-control--PaddingLeft));
-	/** Form control success background Y position */
-	--pf-v5-c-form-control--success--BackgroundPositionY: center;
-	/** Form control success background position */
-	--pf-v5-c-form-control--success--BackgroundPosition: var(--pf-v5-c-form-control--success--BackgroundPositionX) var(--pf-v5-c-form-control--success--BackgroundPositionY);
-	/** Form control success background X size */
-	--pf-v5-c-form-control--success--BackgroundSizeX: var(--pf-v5-c-form-control--FontSize);
-	/** Form control success background Y size */
-	--pf-v5-c-form-control--success--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
-	/** Form control success background size */
-	--pf-v5-c-form-control--success--BackgroundSize: var(--pf-v5-c-form-control--success--BackgroundSizeX) var(--pf-v5-c-form-control--success--BackgroundSizeY);
-	/** Form control success background URL */
-	--pf-v5-c-form-control--success--BackgroundUrl: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill="%235ba352" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/%3E%3C/svg%3E');
-	/** Form control warning bottom border width */
-	--pf-v5-c-form-control--m-warning--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
-	/** Form control warning bottom padding */
-	--pf-v5-c-form-control--m-warning--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-v5-c-form-control--m-warning--BorderBottomWidth));
-	/** Form control warning bottom border color */
-	--pf-v5-c-form-control--m-warning--BorderBottomColor: var(--pf-global--warning-color--100, #f0ab00);
-	/** Form control warning right padding */
-	--pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-global--spacer--xl, 2rem);
-	/** Form control warning background X position */
-	--pf-v5-c-form-control--m-warning--BackgroundPositionX: calc(100% - calc(var(--pf-v5-c-form-control--PaddingLeft) - 0.0625rem));
-	/** Form control warning background Y position */
-	--pf-v5-c-form-control--m-warning--BackgroundPositionY: center;
-	/** Form control warning background position */
-	--pf-v5-c-form-control--m-warning--BackgroundPosition: var(--pf-v5-c-form-control--m-warning--BackgroundPositionX) var(--pf-v5-c-form-control--m-warning--BackgroundPositionY);
-	/** Form control warning background X size */
-	--pf-v5-c-form-control--m-warning--BackgroundSizeX: 1.25rem;
-	/** Form control warning background Y size */
-	--pf-v5-c-form-control--m-warning--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
-	/** Form control warning background size */
-	--pf-v5-c-form-control--m-warning--BackgroundSize: var(--pf-v5-c-form-control--m-warning--BackgroundSizeX) var(--pf-v5-c-form-control--m-warning--BackgroundSizeY);
-	/** Form control warning background URL */
-	--pf-v5-c-form-control--m-warning--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f0ab00' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
-	/** Form control invalid bottom border width */
-	--pf-v5-c-form-control--invalid--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
-	/** Form control invalid bottom padding */
-	--pf-v5-c-form-control--invalid--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-v5-c-form-control--invalid--BorderBottomWidth));
-	/** Form control invalid bottom border color */
-	--pf-v5-c-form-control--invalid--BorderBottomColor: var(--pf-global--danger-color--100, #c9190b);
-	/** Form control invalid right padding */
-	--pf-v5-c-form-control--invalid--PaddingRight: var(--pf-global--spacer--xl, 2rem);
-	/** Form control invalid background X position */
-	--pf-v5-c-form-control--invalid--BackgroundPositionX: calc(100% - var(--pf-v5-c-form-control--PaddingLeft));
-	/** Form control invalid background Y position */
-	--pf-v5-c-form-control--invalid--BackgroundPositionY: center;
-	/** Form control invalid background position */
-	--pf-v5-c-form-control--invalid--BackgroundPosition: var(--pf-v5-c-form-control--invalid--BackgroundPositionX) var(--pf-v5-c-form-control--invalid--BackgroundPositionY);
-	/** Form control invalid background X size */
-	--pf-v5-c-form-control--invalid--BackgroundSizeX: var(--pf-v5-c-form-control--FontSize);
-	/** Form control invalid background Y size */
-	--pf-v5-c-form-control--invalid--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
-	/** Form control invalid background size */
-	--pf-v5-c-form-control--invalid--BackgroundSize: var(--pf-v5-c-form-control--invalid--BackgroundSizeX) var(--pf-v5-c-form-control--invalid--BackgroundSizeY);
-	/** Form control invalid background URL */
-	--pf-v5-c-form-control--invalid--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fe5142' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
-	/** Form control invalid exclamation background */
-	--pf-v5-c-form-control--invalid--exclamation--Background: var(--pf-v5-c-form-control--invalid--BackgroundUrl) var(--pf-v5-c-form-control--invalid--BackgroundPosition) / var(--pf-v5-c-form-control--invalid--BackgroundSize) no-repeat;
-	/** Form control invalid background */
-	--pf-v5-c-form-control--invalid--Background: var(--pf-v5-c-form-control--BackgroundColor) var(--pf-v5-c-form-control--invalid--exclamation--Background);
-	/** Form control search left padding */
-	--pf-v5-c-form-control--m-search--PaddingLeft: var(--pf-global--spacer--xl, 2rem);
-	/** Form control search background position */
-	--pf-v5-c-form-control--m-search--BackgroundPosition: var(--pf-v5-c-form-control--PaddingRight);
-	/** Form control search background size */
-	--pf-v5-c-form-control--m-search--BackgroundSize: var(--pf-v5-c-form-control--FontSize) var(--pf-v5-c-form-control--FontSize);
-	/** Form control search background URL */
-	--pf-v5-c-form-control--m-search--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
-	/** Form control icon right padding */
-	--pf-v5-c-form-control--m-icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
-	/** Form control icon background URL */
-	--pf-v5-c-form-control--m-icon--BackgroundUrl: none;
-	/** Form control icon background X position */
-	--pf-v5-c-form-control--m-icon--BackgroundPositionX: calc(100% - var(--pf-v5-c-form-control--inset--base));
-	/** Form control icon background Y position */
-	--pf-v5-c-form-control--m-icon--BackgroundPositionY: center;
-	/** Form control icon background X size */
-	--pf-v5-c-form-control--m-icon--BackgroundSizeX: var(--pf-v5-c-form-control--FontSize);
-	/** Form control icon background Y size */
-	--pf-v5-c-form-control--m-icon--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
-	/** Form control icon spacer */
-	--pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-global--spacer--sm, 0.5rem);
-	/** Form control icon right padding with validation */
-	--pf-v5-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--invalid--BackgroundSizeX) + var(--pf-v5-c-form-control--m-icon--icon--spacer) + var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
-	/** Form control icon background X position with validation */
-	--pf-v5-c-form-control--m-icon--icon--BackgroundPositionX: calc(var(--pf-v5-c-form-control--m-icon--BackgroundPositionX) - var(--pf-v5-c-form-control--m-icon--icon--spacer) - var(--pf-v5-c-form-control--invalid--BackgroundSizeX));
-	/** Form control icon invalid background URL */
-	--pf-v5-c-form-control--m-icon--invalid--BackgroundUrl: var(--pf-v5-c-form-control--invalid--BackgroundUrl), var(--pf-v5-c-form-control--m-icon--BackgroundUrl);
-	/** Form control icon invalid background position */
-	--pf-v5-c-form-control--m-icon--invalid--BackgroundPosition: var(--pf-v5-c-form-control--invalid--BackgroundPosition), var(--pf-v5-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-v5-c-form-control--m-icon--BackgroundPositionY);
-	/** Form control icon invalid background size */
-	--pf-v5-c-form-control--m-icon--invalid--BackgroundSize: var(--pf-v5-c-form-control--invalid--BackgroundSize), var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
-	/** Form control icon success background URL */
-	--pf-v5-c-form-control--m-icon--success--BackgroundUrl: var(--pf-v5-c-form-control--success--BackgroundUrl), var(--pf-v5-c-form-control--m-icon--BackgroundUrl);
-	/** Form control icon success background position */
-	--pf-v5-c-form-control--m-icon--success--BackgroundPosition: var(--pf-v5-c-form-control--success--BackgroundPosition), var(--pf-v5-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-v5-c-form-control--m-icon--BackgroundPositionY);
-	/** Form control icon success background size */
-	--pf-v5-c-form-control--m-icon--success--BackgroundSize: var(--pf-v5-c-form-control--success--BackgroundSize), var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
-	/** Form control icon warning background URL */
-	--pf-v5-c-form-control--m-icon--m-warning--BackgroundUrl: var(--pf-v5-c-form-control--m-warning--BackgroundUrl), var(--pf-v5-c-form-control--m-icon--BackgroundUrl);
-	/** Form control icon warning background position */
-	--pf-v5-c-form-control--m-icon--m-warning--BackgroundPosition: var(--pf-v5-c-form-control--m-warning--BackgroundPosition), var(--pf-v5-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-v5-c-form-control--m-icon--BackgroundPositionY);
-	/** Form control icon warning background size */
-	--pf-v5-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-v5-c-form-control--m-warning--BackgroundSize), var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
-	/** Form control calendar background URL */
-	--pf-v5-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
-	/** Form control clock background URL */
-	--pf-v5-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
-	/** Select right padding */
-	--pf-v5-c-form-control__select--PaddingRight: calc(var(--pf-global--spacer--lg, 1.5rem) + var(--pf-v5-c-form-control--BorderWidth) + var(--pf-v5-c-form-control--BorderWidth));
-	/** Select left padding */
-	--pf-v5-c-form-control__select--PaddingLeft: calc(var(--pf-global--spacer--sm, 0.5rem) - var(--pf-v5-c-form-control--BorderWidth));
-	/** Select background URL */
-	--pf-v5-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23urrentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
-	/** Select background size */
-	--pf-v5-c-form-control__select--BackgroundSize: .625em;
-	/** Select background X position */
-	--pf-v5-c-form-control__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md, 1rem) + 1px);
-	/** Select background Y position */
-	--pf-v5-c-form-control__select--BackgroundPositionY: center;
-	/** Select background position */
-	--pf-v5-c-form-control__select--BackgroundPosition: var(--pf-v5-c-form-control__select--BackgroundPositionX) var(--pf-v5-c-form-control__select--BackgroundPositionY);
-	/** Select success right padding */
-	--pf-v5-c-form-control__select--success--PaddingRight: var(--pf-global--spacer--3xl, 4rem);
-	/** Select success background position */
-	--pf-v5-c-form-control__select--success--BackgroundPosition: calc(var(--pf-v5-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg, 1.5rem));
-	/** Select warning right padding */
-	--pf-v5-c-form-control__select--m-warning--PaddingRight: var(--pf-global--spacer--3xl, 4rem);
-	/** Select warning background position */
-	--pf-v5-c-form-control__select--m-warning--BackgroundPosition: calc(var(--pf-v5-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg, 1.5rem) + 0.0625rem);
-	/** Select invalid right padding */
-	--pf-v5-c-form-control__select--invalid--PaddingRight: var(--pf-global--spacer--3xl, 4rem);
-	/** Select invalid background position */
-	--pf-v5-c-form-control__select--invalid--BackgroundPosition: calc(var(--pf-v5-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg, 1.5rem));
-	/** Textarea width */
-	--pf-v5-c-form-control--textarea--Width: var(--pf-v5-c-form-control--Width);
-	/** Textarea height */
-	--pf-v5-c-form-control--textarea--Height: auto;
-	/** Textarea success background Y position */
-	--pf-v5-c-form-control--textarea--success--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
-	/** Textarea warning background Y position */
-	--pf-v5-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
-	/** Textarea invalid background Y position */
-	--pf-v5-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
-	/** Icon sprite success background URL */
-	--pf-v5-c-form-control--m-icon-sprite--success--BackgroundUrl: url(/v4/images/status-icon-sprite.4fee9fefc3971799d2dd4de0a15617f0.svg#success);
-	/** Icon sprite warning background URL */
-	--pf-v5-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url(/v4/images/status-icon-sprite.4fee9fefc3971799d2dd4de0a15617f0.svg#warning);
-	/** Icon sprite invalid background URL */
-	--pf-v5-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url(/v4/images/status-icon-sprite.4fee9fefc3971799d2dd4de0a15617f0.svg#invalid);
-	/** Icon sprite select background URL */
-	--pf-v5-c-form-control--m-icon-sprite__select--BackgroundUrl: url(/v4/images/status-icon-sprite.4fee9fefc3971799d2dd4de0a15617f0.svg#select);
-	/** Icon sprite search background URL */
-	--pf-v5-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url(/v4/images/status-icon-sprite.4fee9fefc3971799d2dd4de0a15617f0.svg#search);
-	/** Icon sprite calendar background URL */
-	--pf-v5-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url(/v4/images/status-icon-sprite.4fee9fefc3971799d2dd4de0a15617f0.svg#calendar);
-	/** Icon sprite clock background URL */
-	--pf-v5-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url(/v4/images/status-icon-sprite.4fee9fefc3971799d2dd4de0a15617f0.svg#clock);
-	/** Icon sprite select background size */
-	--pf-v5-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-v5-c-form-control--FontSize);
-	/** Icon sprite select background X position */
-	--pf-v5-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md, 1rem) + 7px);
-	/** Icon sprite select success background position */
-	--pf-v5-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md, 1rem) + 1px - var(--pf-global--spacer--lg, 1.5rem));
-	/** Icon sprite select warning background position */
-	--pf-v5-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md, 1rem) - var(--pf-global--spacer--lg, 1.5rem) + 0.0625rem);
-	/** Icon sprite select invalid background position */
-	--pf-v5-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md, 1rem) - var(--pf-global--spacer--lg, 1.5rem));
-  /* NB: this var doesn't exist in pf react */
-  /** Error text status color */
-  --pf-v5-c-form-control__error-text--m-status--Color: var(--pf-global--danger-color--100, #c9190b);
-
-  display: inline-block;
-  /* adjust the host to fit the input */
-  max-width: calc(100% - var(--pf-v5-c-form-control--PaddingRight) - var(--pf-v5-c-form-control--PaddingLeft));
-}
-
-input {
-	color: var(--pf-v5-c-form-control--Color);
-	width: var(--pf-v5-c-form-control--Width);
-	padding: var(--pf-v5-c-form-control--PaddingTop) var(--pf-v5-c-form-control--PaddingRight) var(--pf-v5-c-form-control--PaddingBottom) var(--pf-v5-c-form-control--PaddingLeft);
-	font-size: var(--pf-v5-c-form-control--FontSize);
-	line-height: var(--pf-v5-c-form-control--LineHeight);
-	background-color: var(--pf-v5-c-form-control--BackgroundColor);
-	background-repeat: no-repeat;
-	border: var(--pf-v5-c-form-control--BorderWidth) solid;
-	border-color: var(--pf-v5-c-form-control--BorderTopColor) var(--pf-v5-c-form-control--BorderRightColor) var(--pf-v5-c-form-control--BorderBottomColor) var(--pf-v5-c-form-control--BorderLeftColor);
-	border-radius: var(--pf-v5-c-form-control--BorderRadius);
-  height: var(--pf-v5-c-form-control--Height);
-  text-overflow: ellipsis;
-  appearance: none;
-	-moz-appearance: none;
-	-webkit-appearance: none;
-}
-
-input:disabled {
-  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--disabled--BackgroundColor);
-  color: var(--pf-v5-c-form-control--disabled--Color);
-  cursor: not-allowed;
-  border-color: var(--pf-v5-c-form-control--disabled--BorderColor);
-}
-
-input:hover {
-  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--hover--BorderBottomColor);
-}
-
-input::placeholder {
-  color: var(--pf-v5-c-form-control--placeholder--Color);
-}
-
-#error-text {
-  color: var(--pf-v5-c-form-control__error-text--m-status--Color);
-}
-
-:host([left-truncated]) {
-  position: relative;
-}
-
-:host([left-truncated]) input:not(:focus) {
-  direction: rtl;
-  text-overflow: ellipsis;
-}
-
-:host([readonly]) input {
-	background-color: var(--pf-v5-c-form-control--readonly--BackgroundColor);
-}
-
-:host([readonly][plain]) {
-	--pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-c-form-control--readonly--m-plain--BackgroundColor);
-	--pf-v5-c-form-control--inset--base: var(--pf-v5-c-form-control--readonly--m-plain--inset--base);
-}
-
-:host([readonly][plain]) input {
-	border-color: transparent;
-}
-
-:host(:invalid) {
-  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--invalid--PaddingRight);
-  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--invalid--BorderBottomColor);
-}
-
-:host(:invalid) input {
-  padding-bottom: var(--pf-v5-c-form-control--invalid--PaddingBottom);
-  background-image: var(--pf-v5-c-form-control--invalid--BackgroundUrl);
-  background-position: var(--pf-v5-c-form-control--invalid--BackgroundPosition);
-  background-size: var(--pf-v5-c-form-control--invalid--BackgroundSize);
-  border-bottom-width: var(--pf-v5-c-form-control--invalid--BorderBottomWidth);
-}
-
-:host([icon]),
-:host([custom-icon-url]) {
-	--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--PaddingRight);
-}
-:host([icon]) input,
-:host([custom-icon-url]) input {
-	background-image: var(--pf-v5-c-form-control--m-icon--BackgroundUrl);
-	background-position: var(--pf-v5-c-form-control--m-icon--BackgroundPositionX) var(--pf-v5-c-form-control--m-icon--BackgroundPositionY);
-	background-size: var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
-}
-
-:host([icon="calendar"]) {
-  --pf-v5-c-form-control--m-icon--BackgroundUrl: var(--pf-v5-c-form-control--m-calendar--BackgroundUrl);
-}
-
-:host([icon="clock"]) {
-  --pf-v5-c-form-control--m-icon--BackgroundUrl: var(--pf-v5-c-form-control--m-clock--BackgroundUrl);
-}
-
-:host([validated="success"]) {
-	--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--success--PaddingRight);
-	--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--success--BorderBottomColor);
-}
-
-:host([validated="success"]) input {
-	padding-bottom: var(--pf-v5-c-form-control--success--PaddingBottom);
-	background-image: var(--pf-v5-c-form-control--success--BackgroundUrl);
-	background-position: var(--pf-v5-c-form-control--success--BackgroundPosition);
-	background-size: var(--pf-v5-c-form-control--success--BackgroundSize);
-	border-bottom-width: var(--pf-v5-c-form-control--success--BorderBottomWidth);
-}
-
-:host([validated="warning"]) {
-	--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-warning--PaddingRight);
-	--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-warning--BorderBottomColor);
-}
-
-:host([validated="warning"]) input {
-	padding-bottom: var(--pf-v5-c-form-control--m-warning--PaddingBottom);
-	background-image: var(--pf-v5-c-form-control--m-warning--BackgroundUrl);
-	background-position: var(--pf-v5-c-form-control--m-warning--BackgroundPosition);
-	background-size: var(--pf-v5-c-form-control--m-warning--BackgroundSize);
-	border-bottom-width: var(--pf-v5-c-form-control--m-warning--BorderBottomWidth);
-}
-
-/* TBD if we'll implement this
-:host([icon-sprite]) {
-	--pf-v5-c-form-control--success--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--success--BackgroundUrl);
-	--pf-v5-c-form-control--m-warning--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
-	--pf-v5-c-form-control--invalid--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
-	--pf-v5-c-form-control__select--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite__select--BackgroundUrl);
-	--pf-v5-c-form-control--m-search--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
-	--pf-v5-c-form-control--m-calendar--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
-	--pf-v5-c-form-control--m-clock--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-clock--BackgroundUrl);
-	--pf-v5-c-form-control__select--BackgroundSize: var(--pf-v5-c-form-control--m-icon-sprite__select--BackgroundSize);
-	--pf-v5-c-form-control__select--BackgroundPositionX: var(--pf-v5-c-form-control--m-icon-sprite__select--BackgroundPositionX);
-	--pf-v5-c-form-control__select--success--BackgroundPosition: var(--pf-v5-c-form-control--m-icon-sprite__select--success--BackgroundPosition);
-	--pf-v5-c-form-control__select--m-warning--BackgroundPosition: var(--pf-v5-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition);
-	--pf-v5-c-form-control__select--invalid--BackgroundPosition: var(--pf-v5-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
-}
-*/
diff --git a/elements/pf-v5-text-input/pf-v5-text-input.ts b/elements/pf-v5-text-input/pf-v5-text-input.ts
deleted file mode 100644
index 761aafe566..0000000000
--- a/elements/pf-v5-text-input/pf-v5-text-input.ts
+++ /dev/null
@@ -1,205 +0,0 @@
-import { LitElement, html, isServer, type TemplateResult } from 'lit';
-import { customElement } from 'lit/decorators/custom-element.js';
-import { property } from 'lit/decorators/property.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { styleMap } from 'lit/directives/style-map.js';
-
-import { InternalsController } from '@patternfly/pfe-core/controllers/internals-controller.js';
-
-import styles from './pf-v5-text-input.css';
-
-/**
- * A **text input** is used to gather free-form text from a user.
- * @alias Text Input
- */
-@customElement('pf-v5-text-input')
-export class PfV5TextInput extends LitElement {
-  static readonly styles: CSSStyleSheet[] = [styles];
-
-  static readonly formAssociated = true;
-
-  static override readonly shadowRootOptions: ShadowRootInit = {
-    ...LitElement.shadowRootOptions,
-    delegatesFocus: true,
-  };
-
-  /** Trim text on left */
-  @property({ type: Boolean, reflect: true, attribute: 'left-truncated' }) leftTruncated = false;
-
-  /**
-   * Value to indicate if the input is modified to show that validation state.
-   * If set to success, input will be modified to indicate valid state.
-   * If set to warning,  input will be modified to indicate warning state.
-   * Invalid inputs will display an error state
-   */
-  @property({ reflect: true }) validated?: 'success' | 'warning';
-
-  /** icon variant */
-  @property({ reflect: true }) icon?: 'calendar' | 'clock' | 'search';
-
-  /** Accessible label for the input when no `<label>` element is provided. */
-  @property({ reflect: true, attribute: 'accessible-label' }) accessibleLabel?: string;
-
-  /** Custom icon url to set as the text input's background-image */
-  @property({ reflect: true, attribute: 'custom-icon-url' }) customIconUrl?: string;
-
-  /** Dimensions for the custom icon set as the text input's background-size */
-  @property({ reflect: true, attribute: 'custom-icon-dimensions' }) customIconDimensions?: string;
-
-  @property({ type: Boolean, reflect: true }) plain = false;
-
-  /** Type that the input accepts. */
-  @property({ reflect: true }) type?:
-    | 'text'
-    | 'date'
-    | 'datetime-local'
-    | 'email'
-    | 'month'
-    | 'number'
-    | 'password'
-    | 'search'
-    | 'tel'
-    | 'time'
-    | 'url';
-
-  /** Flag to show if the input is disabled. */
-  @property({ type: Boolean, reflect: true }) disabled = false;
-
-  /** Flag to show if the input is required. */
-  @property({ type: Boolean, reflect: true }) required = false;
-
-  /** Validation pattern, like `<input>` */
-  @property() pattern?: string;
-
-  /** Flag to show if the input is read only. */
-  @property({ type: Boolean, reflect: true }) readonly = false;
-
-  /** Helper text is text below a form field that helps a user provide the right information, like "Enter a unique name". */
-  @property({ attribute: 'helper-text' }) helperText?: string;
-
-  /** If set to 'blur', will validate when focus leaves the input */
-  @property({ attribute: 'validate-on' }) validateOn?: 'blur';
-
-  /** Displayed when validation fails */
-  @property({ attribute: 'error-text' }) errorText?: string;
-
-  /** Input placeholder. */
-  @property() placeholder?: string;
-
-  /** Value of the input. */
-  @property() value = '';
-
-  #internals = InternalsController.of(this);
-
-  #derivedLabel = '';
-
-  #touched = false;
-
-  get #disabled() {
-    return (!isServer && this.matches(':disabled')) || this.disabled;
-  }
-
-  get #input() {
-    return this.shadowRoot?.getElementById('input') as HTMLInputElement ?? null;
-  }
-
-  override willUpdate(): void {
-    this.#derivedLabel = this.accessibleLabel || this.#internals.computedLabelText;
-  }
-
-  override render(): TemplateResult<1> {
-    const { valid } = this.#internals.validity;
-    return html`
-      <input id="input"
-             .placeholder="${this.placeholder ?? ''}"
-             .value="${this.value}"
-             pattern="${ifDefined(this.pattern)}"
-             @input="${this.#onInput}"
-             @keydown="${this.#onKeydown}"
-             @blur="${this.#onBlur}"
-             ?disabled="${this.#disabled}"
-             ?readonly="${this.readonly}"
-             ?required="${this.required}"
-             aria-label="${this.#derivedLabel}"
-             type="${ifDefined(this.type)}"
-             style="${ifDefined(this.customIconUrl && styleMap({
-               backgroundImage: `url('${this.customIconUrl}')`,
-               backgroundSize: this.customIconDimensions,
-             }))}">
-        <span id="helper-text" ?hidden="${!this.helperText || valid}">${this.helperText}</span>
-        <span id="error-text" ?hidden="${valid}">${this.#internals.validationMessage}</span>
-    `;
-  }
-
-  #onInput(event: Event & { target: HTMLInputElement }) {
-    const { value } = event.target;
-    this.value = value;
-    this.#internals.setFormValue(value);
-    if (this.#touched && !this.#internals.validity.valid) {
-      this.#onBlur();
-    }
-    this.#touched = true;
-  }
-
-  #onKeydown(event: Event) {
-    switch ((event as KeyboardEvent).key) {
-      case 'Enter':
-        if (this.reportValidity()) {
-          this.#internals.form?.requestSubmit(null);
-        }
-    }
-  }
-
-  #onBlur() {
-    if (this.validateOn === 'blur') {
-      this.checkValidity();
-    }
-  }
-
-  #setValidityFromInput() {
-    this.#internals.setValidity(
-      this.#input?.validity,
-      this.errorText ?? this.#input.validationMessage,
-    );
-    this.requestUpdate();
-  }
-
-  async formStateRestoreCallback(state: string, mode: string): Promise<void> {
-    if (mode === 'restore') {
-      const [controlMode, value] = state.split('/');
-      this.value = value ?? controlMode;
-      this.requestUpdate();
-      await this.updateComplete;
-      this.#setValidityFromInput();
-    }
-  }
-
-
-  async formDisabledCallback(): Promise<void> {
-    await this.updateComplete;
-    this.requestUpdate();
-  }
-
-  setCustomValidity(message: string): void {
-    this.#internals.setValidity({}, message);
-    this.requestUpdate();
-  }
-
-  checkValidity(): boolean {
-    this.#setValidityFromInput();
-    const validity = this.#internals.checkValidity();
-    this.requestUpdate();
-    return validity;
-  }
-
-  reportValidity(): boolean {
-    this.#setValidityFromInput();
-    return this.#internals.reportValidity();
-  }
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'pf-v5-text-input': PfV5TextInput;
-  }
-}
diff --git a/elements/pf-v5-text-input/test/pf-text-input.spec.ts b/elements/pf-v5-text-input/test/pf-text-input.spec.ts
deleted file mode 100644
index 05e7c3623f..0000000000
--- a/elements/pf-v5-text-input/test/pf-text-input.spec.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { expect, html } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import { PfV5TextInput } from '@patternfly/elements/pf-v5-text-input/pf-v5-text-input.js';
-
-describe('<pf-v5-text-input>', function() {
-  describe('simply instantiating', function() {
-    let element: PfV5TextInput;
-    it('imperatively instantiates', function() {
-      expect(document.createElement('pf-v5-text-input')).to.be.an.instanceof(PfV5TextInput);
-    });
-
-    it('should upgrade', async function() {
-      element = await createFixture<PfV5TextInput>(html`<pf-v5-text-input></pf-v5-text-input>`);
-      const klass = customElements.get('pf-v5-text-input');
-      expect(element)
-          .to.be.an.instanceOf(klass)
-          .and
-          .to.be.an.instanceOf(PfV5TextInput);
-    });
-  });
-});
diff --git a/elements/pf-v6-text-input/README.md b/elements/pf-v6-text-input/README.md
new file mode 100644
index 0000000000..ee6ebb28ed
--- /dev/null
+++ b/elements/pf-v6-text-input/README.md
@@ -0,0 +1,80 @@
+# pf-v6-text-input
+
+A **text input** gathers free-form text from a user. Use it for single-line
+entries like names, emails, or search queries.
+
+## Usage
+
+```html
+<label for="name">Name</label>
+<pf-v6-text-input id="name" name="name"></pf-v6-text-input>
+```
+
+### With type and validation
+
+```html
+<pf-v6-text-input type="email"
+                  accessible-label="Email address"
+                  required></pf-v6-text-input>
+```
+
+### With custom icon
+
+```html
+<pf-v6-text-input accessible-label="Search">
+  <svg slot="icon" viewBox="0 0 512 512">...</svg>
+</pf-v6-text-input>
+```
+
+## Accessibility
+
+### Label association
+
+The element uses a three-tier fallback ladder for accessible label association:
+
+1. **`referenceTarget`** (progressive enhancement, not yet baseline): External `<label for="host-id">` transparently resolves to the internal `<input>` through the shadow boundary. Full native behavior including `aria-labelledby` and `aria-describedby` references.
+
+2. **FACE + `delegatesFocus`** (all browsers): The `<label for>` associates with the host element. Clicking the label focuses the input via `delegatesFocus`. The label text is copied to `aria-label` on the internal input.
+
+3. **`accessible-label` attribute** (escape hatch): When no `<label>` element exists, set `accessible-label` to provide an accessible name directly.
+
+Consumers always write standard HTML -- the element picks the best mechanism:
+
+```html
+<label for="email">Email</label>
+<pf-v6-text-input id="email" name="email"></pf-v6-text-input>
+```
+
+### Error announcements
+
+When `validated="error"` or constraint validation fails, the element renders a visually-hidden status message linked via `aria-describedby` with `role="alert"`. Screen readers announce the `error-text` content when it appears.
+
+## Divergences from React `TextInput`
+
+### Intentionally omitted
+
+| React prop | Notes |
+|---|---|
+| `isExpanded` / `expandedProps` | Combobox patterns will be handled by a dedicated composite element. |
+| `expandedProps.ariaControls` | See above. |
+| `ouiaId` / `ouiaSafe` | OUIA testing hooks; not applicable to web components. |
+| `className` | Shadow DOM encapsulation removes the need. |
+
+### Changed API
+
+| React prop | Web component | Difference |
+|---|---|---|
+| `isStartTruncated` / `isLeftTruncated` | `truncated="start"` | Enum attribute for future extensibility. |
+| `isDisabled` | `disabled` | Dropped `is-` prefix per web component convention. |
+| `isRequired` | `required` | Dropped `is-` prefix per web component convention. |
+| `readOnlyVariant` | `readonly` + `plain` | Separate readonly state from plain styling; `readonly` is native HTML, `plain` is a boolean modifier. |
+| `customIcon` (React node) | `icon` slot | Slotted content for composability. |
+| `onChange` callback | `change` event | Standard DOM event; cancelable via `preventDefault()` to reject value change. |
+| `validated="default"` | absence of `validated` | No-op state is represented by attribute absence. |
+| `innerRef` + `.select()` | `select()` method | Exposed directly on the element instead of requiring a ref. |
+
+### Added
+
+| Web component API | Notes |
+|---|---|
+| Form-Associated Custom Element | Native form participation, submission, reset, and constraint validation via `ElementInternals`. Exposes standard methods: `checkValidity()`, `reportValidity()`, `setCustomValidity()`. |
diff --git a/elements/pf-v6-text-input/demo/basic.html b/elements/pf-v6-text-input/demo/basic.html
new file mode 100644
index 0000000000..99480dc365
--- /dev/null
+++ b/elements/pf-v6-text-input/demo/basic.html
@@ -0,0 +1,18 @@
+---
+name: Basic
+description: A basic text input.
+---
+<fieldset>
+  <legend>Basic</legend>
+  <label for="first">First Name</label>
+  <pf-v6-text-input id="first"></pf-v6-text-input>
+  <label for="last">Last Name</label>
+  <pf-v6-text-input id="last"></pf-v6-text-input>
+</fieldset>
+
+<script type="module">
+  import '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
+</script>
+
+<link rel="stylesheet" href="demo.css">
+
diff --git a/elements/pf-v6-text-input/demo/custom-icon-and-invalid.html b/elements/pf-v6-text-input/demo/custom-icon-and-invalid.html
new file mode 100644
index 0000000000..a3ecd16dfa
--- /dev/null
+++ b/elements/pf-v6-text-input/demo/custom-icon-and-invalid.html
@@ -0,0 +1,18 @@
+---
+name: Custom icon and invalid
+description: A text input with both a custom icon and an error validation state.
+---
+<fieldset>
+  <legend>Custom icon and invalid</legend>
+  <pf-v6-text-input validated="error"
+                    required
+                    accessible-label="text input with calendar icon and error">
+    <svg slot="icon" role="presentation" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512"><path d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"/></svg>
+  </pf-v6-text-input>
+</fieldset>
+
+<script type="module">
+  import '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
+</script>
+
+<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v6-text-input/demo/custom-icon.html b/elements/pf-v6-text-input/demo/custom-icon.html
new file mode 100644
index 0000000000..5cee407728
--- /dev/null
+++ b/elements/pf-v6-text-input/demo/custom-icon.html
@@ -0,0 +1,19 @@
+---
+name: Custom icon
+description: A text input with a custom icon placed in the icon slot.
+---
+<fieldset>
+  <legend>Custom icon</legend>
+  <pf-v6-text-input accessible-label="text input with calendar icon">
+    <svg slot="icon" role="presentation" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512"><path d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"/></svg>
+  </pf-v6-text-input>
+  <pf-v6-text-input accessible-label="text input with clock icon">
+    <svg slot="icon" role="presentation" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"/></svg>
+  </pf-v6-text-input>
+</fieldset>
+
+<script type="module">
+  import '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
+</script>
+
+<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v5-text-input/demo/demo.css b/elements/pf-v6-text-input/demo/demo.css
similarity index 63%
rename from elements/pf-v5-text-input/demo/demo.css
rename to elements/pf-v6-text-input/demo/demo.css
index bf9c2de532..aa789e07a0 100644
--- a/elements/pf-v5-text-input/demo/demo.css
+++ b/elements/pf-v6-text-input/demo/demo.css
@@ -2,5 +2,5 @@ fieldset {
   max-width: 832px;
   display: grid;
   grid-template-columns: 1fr;
-  gap: var(--pf-global--spacer--md, 1rem);
+  gap: var(--pf-t--global--spacer--md, 1rem);
 }
diff --git a/elements/pf-v5-text-input/demo/disabled.html b/elements/pf-v6-text-input/demo/disabled.html
similarity index 59%
rename from elements/pf-v5-text-input/demo/disabled.html
rename to elements/pf-v6-text-input/demo/disabled.html
index 5b9064e573..e8718d5f81 100644
--- a/elements/pf-v5-text-input/demo/disabled.html
+++ b/elements/pf-v6-text-input/demo/disabled.html
@@ -1,11 +1,18 @@
+---
+name: Disabled
+description: A disabled text input prevents user interaction.
+---
 <fieldset>
   <legend>Disabled</legend>
-  <pf-v5-text-input disabled value="disabled text input example"></pf-v5-text-input>
+  <pf-v6-text-input disabled
+                    accessible-label="disabled text input"
+                    value="disabled text input example"></pf-v6-text-input>
 </fieldset>
 
 <fieldset id="disablable-fieldset" disabled>
   <legend>Disabled by fieldset</legend>
-  <pf-v5-text-input value="disabled by a fieldset example"></pf-v5-text-input>
+  <pf-v6-text-input accessible-label="disabled by fieldset"
+                    value="disabled by a fieldset example"></pf-v6-text-input>
 </fieldset>
 
 <label>Disable the fieldset
@@ -13,7 +20,7 @@
 </label>
 
 <script type="module">
-  import '@patternfly/elements/pf-v5-text-input/pf-v5-text-input.js';
+  import '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
   import '@patternfly/elements/pf-v6-switch/pf-v6-switch.js';
   document.getElementById('disabled-fieldset-switch')
     .addEventListener('change', function() {
diff --git a/elements/pf-v6-text-input/demo/form-submission.html b/elements/pf-v6-text-input/demo/form-submission.html
new file mode 100644
index 0000000000..914a57170b
--- /dev/null
+++ b/elements/pf-v6-text-input/demo/form-submission.html
@@ -0,0 +1,28 @@
+---
+name: Form submission
+description: Demonstrates form participation as a Form-Associated Custom Element (FACE).
+---
+<form id="text-input-form">
+  <label for="input">Name</label>
+  <pf-v6-text-input id="input" name="username" required></pf-v6-text-input>
+  <button type="submit">Submit</button>
+  <p>Form status: <output name="status">unsubmitted</output></p>
+</form>
+
+<style>
+  label { display: block; }
+</style>
+
+<script type="module">
+  import '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
+
+  document
+    .querySelector('#text-input-form')
+    .addEventListener('submit', function(event) {
+      event.preventDefault();
+      const data = new FormData(this);
+      this.elements.status.textContent = `Submitted: ${data.get('username')}`;
+    });
+</script>
+
+<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v6-text-input/demo/invalid.html b/elements/pf-v6-text-input/demo/invalid.html
new file mode 100644
index 0000000000..594d67b9f4
--- /dev/null
+++ b/elements/pf-v6-text-input/demo/invalid.html
@@ -0,0 +1,17 @@
+---
+name: Invalid
+description: A text input in an error validation state indicates invalid input.
+---
+<fieldset>
+  <legend>Invalid</legend>
+  <pf-v6-text-input id="invalid-input"
+                    validated="error"
+                    required
+                    accessible-label="invalid text input example"></pf-v6-text-input>
+</fieldset>
+
+<script type="module">
+  import '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
+</script>
+
+<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v6-text-input/demo/read-only.html b/elements/pf-v6-text-input/demo/read-only.html
new file mode 100644
index 0000000000..e0ba4f9a9c
--- /dev/null
+++ b/elements/pf-v6-text-input/demo/read-only.html
@@ -0,0 +1,26 @@
+---
+name: Read only
+description: A read only text input prevents modification but allows selection and copying.
+---
+<fieldset>
+  <legend>Read only</legend>
+  <label for="read-only-input">Read only input</label>
+  <pf-v6-text-input id="read-only-input"
+                    readonly
+                    value="read only text input example"></pf-v6-text-input>
+  <label>
+    <pf-v6-switch id="plain-switch"></pf-v6-switch>
+    Plain read only variant
+  </label>
+</fieldset>
+
+<script type="module">
+  import '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
+  import '@patternfly/elements/pf-v6-switch/pf-v6-switch.js';
+  document.getElementById('plain-switch')
+    .addEventListener('change', function() {
+      document.getElementById('read-only-input').plain = this.checked;
+    });
+</script>
+
+<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v6-text-input/demo/select-text.html b/elements/pf-v6-text-input/demo/select-text.html
new file mode 100644
index 0000000000..91dc52b27d
--- /dev/null
+++ b/elements/pf-v6-text-input/demo/select-text.html
@@ -0,0 +1,18 @@
+---
+name: Select text using ref
+description: Demonstrates programmatic text selection using the select() method.
+---
+<fieldset>
+  <legend>Select text using ref</legend>
+  <label for="selectable">Click to select all</label>
+  <pf-v6-text-input id="selectable"
+                    value="select all on click"></pf-v6-text-input>
+</fieldset>
+
+<script type="module">
+  import '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
+  document.getElementById('selectable')
+    .addEventListener('focus', function() { this.select(); });
+</script>
+
+<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v6-text-input/demo/start-truncated.html b/elements/pf-v6-text-input/demo/start-truncated.html
new file mode 100644
index 0000000000..9d89f78d56
--- /dev/null
+++ b/elements/pf-v6-text-input/demo/start-truncated.html
@@ -0,0 +1,16 @@
+---
+name: Truncated at start
+description: A text input that truncates overflowing text from the start, showing the end of the value.
+---
+<fieldset>
+  <legend>Truncated at start</legend>
+  <pf-v6-text-input truncated="start"
+                    accessible-label="start-truncated text input"
+                    value="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."></pf-v6-text-input>
+</fieldset>
+
+<script type="module">
+  import '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
+</script>
+
+<link rel="stylesheet" href="demo.css">
diff --git a/elements/pf-v6-text-input/demo/validation.html b/elements/pf-v6-text-input/demo/validation.html
new file mode 100644
index 0000000000..d95dc83ea4
--- /dev/null
+++ b/elements/pf-v6-text-input/demo/validation.html
@@ -0,0 +1,57 @@
+---
+name: Validation
+description: Demonstrates native constraint validation with pattern matching. The input requires exactly three digits (e.g. "123").
+---
+<fieldset>
+  <legend>Constraint Validation</legend>
+  <label for="validated">Enter a three-digit number (e.g. 123)</label>
+  <pf-v6-text-input id="validated"
+                    pattern="\d{3}"
+                    required></pf-v6-text-input>
+  <div id="controls">
+    <button id="validate" type="button">Validate</button>
+    <label>Validate on blur? <pf-v6-switch id="onblur"></pf-v6-switch></label>
+  </div>
+  <output id="result"></output>
+</fieldset>
+
+<script type="module">
+  import '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
+  import '@patternfly/elements/pf-v6-switch/pf-v6-switch.js';
+
+  const validated = document.getElementById('validated');
+  const validate = document.getElementById('validate');
+  const onblur = document.getElementById('onblur');
+  const result = document.getElementById('result');
+
+  validate.addEventListener('click', function() {
+    const valid = validated.checkValidity();
+    result.textContent = valid ? 'Valid!' : 'Invalid — must be exactly 3 digits';
+  });
+
+  onblur.addEventListener('change', function() {
+    if (this.checked) {
+      validated.addEventListener('blur', onBlurValidate);
+    } else {
+      validated.removeEventListener('blur', onBlurValidate);
+    }
+  });
+
+  function onBlurValidate() {
+    const valid = validated.checkValidity();
+    result.textContent = valid ? 'Valid!' : 'Invalid — must be exactly 3 digits';
+  }
+</script>
+
+<link rel="stylesheet" href="demo.css">
+
+<style>
+  #controls {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+  }
+  #result {
+    font-style: italic;
+  }
+</style>
diff --git a/elements/pf-v6-text-input/docs/pf-v6-text-input.md b/elements/pf-v6-text-input/docs/pf-v6-text-input.md
new file mode 100644
index 0000000000..d5c9f5cf0d
--- /dev/null
+++ b/elements/pf-v6-text-input/docs/pf-v6-text-input.md
@@ -0,0 +1,60 @@
+{% renderOverview %}
+  A text input gathers free-form text from a user.
+
+  <label for="overview-input">Name</label>
+  <pf-v6-text-input id="overview-input"></pf-v6-text-input>
+{% endrenderOverview %}
+
+{% band header="Usage" %}
+  ### Basic
+  {% htmlexample %}
+  <label for="basic-input">Name</label>
+  <pf-v6-text-input id="basic-input"></pf-v6-text-input>
+  {% endhtmlexample %}
+
+  ### Disabled
+  {% htmlexample %}
+  <pf-v6-text-input disabled accessible-label="disabled" value="disabled text input"></pf-v6-text-input>
+  {% endhtmlexample %}
+
+  ### Read only
+  {% htmlexample %}
+  <pf-v6-text-input readonly accessible-label="readonly" value="read only text"></pf-v6-text-input>
+  {% endhtmlexample %}
+
+  ### Plain read only
+  {% htmlexample %}
+  <pf-v6-text-input readonly plain accessible-label="plain readonly" value="plain read only text"></pf-v6-text-input>
+  {% endhtmlexample %}
+
+  ### Validation states
+  {% htmlexample %}
+  <pf-v6-text-input validated="success" accessible-label="success" value="valid input"></pf-v6-text-input>
+  <pf-v6-text-input validated="warning" accessible-label="warning" value="warning input"></pf-v6-text-input>
+  <pf-v6-text-input validated="error" accessible-label="error" value="invalid input"></pf-v6-text-input>
+  {% endhtmlexample %}
+
+  ### With custom icon
+  {% htmlexample %}
+  <pf-v6-text-input accessible-label="search">
+    <svg slot="icon" role="presentation" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
+  </pf-v6-text-input>
+  {% endhtmlexample %}
+
+  ### Truncated at start
+  {% htmlexample %}
+  <pf-v6-text-input truncated="start" accessible-label="truncated" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit"></pf-v6-text-input>
+  {% endhtmlexample %}
+{% endband %}
+
+{% renderSlots %}{% endrenderSlots %}
+
+{% renderAttributes %}{% endrenderAttributes %}
+
+{% renderMethods %}{% endrenderMethods %}
+
+{% renderEvents %}{% endrenderEvents %}
+
+{% renderCssCustomProperties %}{% endrenderCssCustomProperties %}
+
+{% renderCssParts %}{% endrenderCssParts %}
diff --git a/elements/pf-v6-text-input/pf-v6-text-input.css b/elements/pf-v6-text-input/pf-v6-text-input.css
new file mode 100644
index 0000000000..539c8a6253
--- /dev/null
+++ b/elements/pf-v6-text-input/pf-v6-text-input.css
@@ -0,0 +1,255 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+:host {
+  position: relative;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: start;
+  color-scheme: light dark;
+  /** Input container inline size */
+  inline-size: var(--pf-v6-c-form-control--Width, 100%);
+  /** Input font size */
+  font-size: var(--pf-v6-c-form-control--FontSize,
+    var(--pf-t--global--font--size--body--default, 1rem));
+  /** Input line height */
+  line-height: var(--pf-v6-c-form-control--LineHeight,
+    var(--pf-t--global--font--line-height--body, 1.5));
+  /** Input background color */
+  background-color: var(--pf-v6-c-form-control--BackgroundColor,
+    var(--pf-t--global--background--color--control--default, light-dark(#ffffff, #383838)));
+  /** Border radius */
+  border-radius: var(--pf-v6-c-form-control--BorderRadius,
+    var(--pf-t--global--border--radius--control--form-element, 6px));
+}
+
+:host([disabled]),
+:host(:disabled) {
+  pointer-events: none;
+}
+
+#container {
+  display: contents;
+
+  &::before,
+  &::after {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    content: "";
+    border-radius: var(--pf-v6-c-form-control--BorderRadius,
+      var(--pf-t--global--border--radius--control--form-element, 6px));
+  }
+
+  /** Base border */
+  &::before {
+    border: var(--pf-v6-c-form-control--before--BorderWidth,
+        var(--pf-t--global--border--width--control--default, 1px))
+      solid var(--pf-v6-c-form-control--before--BorderColor,
+        var(--pf-t--global--border--color--control--default, light-dark(#c7c7c7, #a3a3a3)));
+  }
+
+  /** State/hover border */
+  &::after {
+    border: var(--pf-v6-c-form-control--after--BorderWidth,
+        var(--pf-t--global--border--width--control--default, 1px))
+      solid var(--pf-v6-c-form-control--after--BorderColor, transparent);
+  }
+
+  &:hover::after {
+    border-color: var(--pf-v6-c-form-control--hover--after--BorderColor,
+      var(--pf-t--global--border--color--hover, light-dark(#151515, #ffffff)));
+    border-width: var(--pf-v6-c-form-control--hover--after--BorderWidth,
+      var(--pf-t--global--border--width--control--hover, 1px));
+  }
+
+  &.disabled {
+    --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-disabled--BackgroundColor,
+      var(--pf-t--global--background--color--disabled--default, light-dark(#c7c7c7, #a3a3a3)));
+    --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color,
+      var(--pf-t--global--text--color--on-disabled, light-dark(#4d4d4d, #383838)));
+    cursor: not-allowed;
+
+    &::before,
+    &::after {
+      border-style: none;
+    }
+
+    &:hover::after {
+      border-style: none;
+    }
+  }
+
+  &.readonly {
+    --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor,
+      var(--pf-t--global--background--color--control--read-only, light-dark(#f0f0f0, #292929)));
+    --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor,
+      var(--pf-t--global--border--color--control--read-only, light-dark(#c7c7c7, #707070)));
+  }
+
+  &.readonly.plain {
+    --pf-v6-c-form-control--m-readonly--BackgroundColor: transparent;
+    --pf-v6-c-form-control--m-readonly--BorderColor: transparent;
+    --pf-v6-c-form-control--PaddingInlineStart: 0;
+    --pf-v6-c-form-control--PaddingInlineEnd: 0;
+    --_outline-offset: 0;
+
+    &::before,
+    &::after {
+      border-style: none;
+    }
+  }
+
+  &.success {
+    --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor,
+      var(--pf-t--global--border--color--status--success--default, light-dark(#3e8635, #63ba59)));
+    --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth,
+      var(--pf-t--global--border--width--control--default, 1px));
+
+    &:hover::after {
+      border-color: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor,
+        var(--pf-t--global--border--color--status--success--hover, light-dark(#1e4f18, #7ccc6f)));
+    }
+
+    #status-icon {
+      /** Status icon color (success) */
+      color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color,
+        var(--pf-t--global--icon--color--status--success--default, light-dark(#3e8635, #63ba59)));
+    }
+  }
+
+  &.warning {
+    --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor,
+      var(--pf-t--global--border--color--status--warning--default, light-dark(#f0ab00, #f4c145)));
+    --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth,
+      var(--pf-t--global--border--width--control--default, 1px));
+
+    &:hover::after {
+      border-color: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor,
+        var(--pf-t--global--border--color--status--warning--hover, light-dark(#c58c00, #f9d67a)));
+    }
+
+    #status-icon {
+      /** Status icon color (warning) */
+      color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color,
+        var(--pf-t--global--icon--color--status--warning--default, light-dark(#f0ab00, #f4c145)));
+    }
+  }
+
+  &.error {
+    --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor,
+      var(--pf-t--global--border--color--status--danger--default, light-dark(#c9190b, #fe5142)));
+    --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth,
+      var(--pf-t--global--border--width--control--default, 1px));
+
+    &:hover::after {
+      border-color: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor,
+        var(--pf-t--global--border--color--status--danger--hover, light-dark(#a30000, #ff7468)));
+    }
+
+    #status-icon {
+      /** Status icon color (error) */
+      color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color,
+        var(--pf-t--global--icon--color--status--danger--default, light-dark(#c9190b, #fe5142)));
+    }
+  }
+
+}
+
+/* direction: rtl is a visual hack for start-truncation; screen readers may
+   announce content as RTL when unfocused. On focus, direction reverts to
+   normal so editing and AT interaction are unaffected. */
+.start-truncated input:not(:focus) {
+  direction: rtl;
+  text-overflow: ellipsis;
+}
+
+input {
+  grid-row: 1 / 2;
+  grid-column: 1 / -1;
+  /** Block-start padding */
+  padding-block-start: var(--pf-v6-c-form-control--PaddingBlockStart,
+    var(--pf-t--global--spacer--control--vertical--default, 0.375rem));
+  /** Block-end padding */
+  padding-block-end: var(--pf-v6-c-form-control--PaddingBlockEnd,
+    var(--pf-t--global--spacer--control--vertical--default, 0.375rem));
+  /** Inline-start padding */
+  padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart,
+    var(--pf-t--global--spacer--control--horizontal--default, 0.5rem));
+  /** Inline-end padding */
+  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd,
+    var(--pf-t--global--spacer--control--horizontal--default, 0.5rem));
+  /** Input text color */
+  color: var(--pf-v6-c-form-control--Color,
+    var(--pf-t--global--text--color--regular, light-dark(#151515, #ffffff)));
+  font: inherit;
+  text-overflow: ellipsis;
+  appearance: none;
+  background: transparent;
+  border: none;
+  border-radius: var(--pf-v6-c-form-control--BorderRadius,
+    var(--pf-t--global--border--radius--control--form-element, 6px));
+  outline-offset: var(--_outline-offset, -6px);
+
+  &::placeholder {
+    color: var(--pf-v6-c-form-control--m-placeholder--Color,
+      var(--pf-t--global--text--color--placeholder, light-dark(#707070, #a3a3a3)));
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+}
+
+#utilities {
+  display: flex;
+  flex-wrap: nowrap;
+  grid-row: 1 / 2;
+  grid-column: 2;
+  align-self: center;
+  gap: var(--pf-v6-c-form-control__utilities--Gap,
+    var(--pf-t--global--spacer--gap--group--horizontal, 0.5rem));
+  align-items: center;
+  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd,
+    var(--pf-t--global--spacer--control--horizontal--default, 0.5rem));
+  pointer-events: none;
+  font-size: var(--pf-v6-c-form-control__icon--FontSize,
+    var(--pf-t--global--icon--size--font--body--default, 1em));
+  color: var(--pf-v6-c-form-control__icon--Color,
+    var(--pf-t--global--icon--color--regular, light-dark(#4d4d4d, #c7c7c7)));
+
+  &[hidden] {
+    display: none;
+  }
+}
+
+#status-icon {
+  display: flex;
+  align-items: center;
+  color: var(--pf-v6-c-form-control__icon--m-status--Color,
+    var(--pf-t--global--icon--color--regular, light-dark(#4d4d4d, #c7c7c7)));
+}
+
+::slotted([slot="icon"]) {
+  display: flex;
+  align-items: center;
+}
+
+#status-message {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+
+#status-message[hidden] {
+  display: none;
+}
diff --git a/elements/pf-v6-text-input/pf-v6-text-input.ts b/elements/pf-v6-text-input/pf-v6-text-input.ts
new file mode 100644
index 0000000000..dded153b01
--- /dev/null
+++ b/elements/pf-v6-text-input/pf-v6-text-input.ts
@@ -0,0 +1,299 @@
+import { LitElement, html, isServer, type TemplateResult } from 'lit';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+
+import { InternalsController } from '@patternfly/pfe-core/controllers/internals-controller.js';
+import { SlotController } from '@patternfly/pfe-core/controllers/slot-controller.js';
+
+import styles from './pf-v6-text-input.css';
+
+export type TextInputType =
+  | 'text'
+  | 'date'
+  | 'datetime-local'
+  | 'email'
+  | 'month'
+  | 'number'
+  | 'password'
+  | 'search'
+  | 'tel'
+  | 'time'
+  | 'url';
+
+export type TextInputValidated = 'success' | 'warning' | 'error';
+
+/**
+ * A **text input** is used to gather free-form text from a user.
+ * Use `pf-v6-text-input` for single-line text entry in forms.
+ * MUST have an accessible name via `<label>` or `accessible-label` attribute.
+ * Participates in native form submission via Form-Associated Custom Element (FACE).
+ * Keyboard: Press Enter to submit the parent form (when valid).
+ *
+ * @summary Single-line text input with validation states and icon support
+ *
+ * @fires {Event} change - Fires when the input value changes (on blur or Enter).
+ *        Cancelable: call `preventDefault()` to reject the value change.
+ */
+@customElement('pf-v6-text-input')
+export class PfV6TextInput extends LitElement {
+  static readonly styles: CSSStyleSheet[] = [styles];
+
+  static readonly formAssociated = true;
+
+  static override readonly shadowRootOptions: ShadowRootInit = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true,
+  };
+
+  override createRenderRoot(): ShadowRoot {
+    const root = super.createRenderRoot() as ShadowRoot;
+    // Progressive enhancement: when referenceTarget is supported (Chrome 151+),
+    // external <label for="host-id"> and aria-describedby references transparently
+    // resolve to the internal <input>. Browsers without support fall back to
+    // aria-label string copy via computedLabelText in willUpdate().
+    if (!isServer && 'referenceTarget' in root) {
+      (root as ShadowRoot & { referenceTarget: string }).referenceTarget = 'input';
+      this.#hasReferenceTarget = true;
+    }
+    return root;
+  }
+
+  /** Type that the input accepts. */
+  @property({ reflect: true }) type?: TextInputType;
+
+  /**
+   * Validation state indicator.
+   * When set to `success`, `warning`, or `error`, a status icon appears
+   * and the border color changes accordingly. `error` also sets `aria-invalid`.
+   */
+  @property({ reflect: true }) validated?: TextInputValidated;
+
+  /** Accessible label for the input when no `<label>` element is provided. */
+  @property({ reflect: true, attribute: 'accessible-label' }) accessibleLabel?: string;
+
+  /** Flag to show if the input is disabled. */
+  @property({ type: Boolean, reflect: true }) disabled = false;
+
+  /** Flag to show if the input is required. */
+  @property({ type: Boolean, reflect: true }) required = false;
+
+  /** Flag to show if the input is read only. */
+  @property({ type: Boolean, reflect: true }) readonly = false;
+
+  /** When combined with `readonly`, renders with no visible border or background. */
+  @property({ type: Boolean, reflect: true }) plain = false;
+
+  /** Controls text truncation direction for overflowing content. */
+  @property({ reflect: true }) truncated?: 'start';
+
+  /** Validation pattern, like `<input>`. */
+  @property() pattern?: string;
+
+  /** Input placeholder. */
+  @property() placeholder?: string;
+
+  /** Value of the input. */
+  @property() value = '';
+
+  /** Maximum number of characters allowed. */
+  @property({ type: Number, attribute: 'maxlength' }) maxLength?: number;
+
+  /** Minimum number of characters required. */
+  @property({ type: Number, attribute: 'minlength' }) minLength?: number;
+
+
+  /** Hint for the virtual keyboard layout on touch devices. */
+  @property({ attribute: 'inputmode' }) override inputMode = '';
+
+  #internals = InternalsController.of(this);
+
+  #slots = new SlotController(this, 'icon');
+
+  #hasReferenceTarget = false;
+
+  #derivedLabel = '';
+
+  #touched = false;
+
+  get #disabled() {
+    return (!isServer && this.matches(':disabled')) || this.disabled;
+  }
+
+  get #input() {
+    return this.shadowRoot?.getElementById('input') as HTMLInputElement ?? null;
+  }
+
+  get labels(): NodeListOf<HTMLLabelElement> {
+    return this.#internals.labels as NodeListOf<HTMLLabelElement>;
+  }
+
+  override willUpdate(): void {
+    // Tier 2 fallback: copies external label text to aria-label on the inner input.
+    // Skipped when referenceTarget is active (browser resolves natively).
+    if (this.#hasReferenceTarget) {
+      this.#derivedLabel = this.accessibleLabel || '';
+    } else {
+      this.#derivedLabel = this.accessibleLabel || this.#internals.computedLabelText;
+    }
+    this.#internals.ariaInvalid = this.validated === 'error' ? 'true' : null;
+    this.#internals.setFormValue(this.value || null);
+  }
+
+  get #isInvalid(): boolean {
+    return this.validated === 'error'
+      || (!isServer && !this.#internals.validity.valid);
+  }
+
+  override render(): TemplateResult<1> {
+    const hasStatusIcon = this.validated === 'success'
+      || this.validated === 'warning'
+      || this.#isInvalid;
+    const statusMessage = this.#getStatusMessage();
+    const classes = {
+      'disabled': this.#disabled,
+      'readonly': this.readonly,
+      'plain': this.plain,
+      'start-truncated': this.truncated === 'start',
+      'success': this.validated === 'success',
+      'warning': this.validated === 'warning',
+      'error': this.#isInvalid,
+    };
+
+    return html`
+      <div id="container" class="${classMap(classes)}">
+        <input id="input"
+               .placeholder="${this.placeholder ?? ''}"
+               .value="${this.value}"
+               pattern="${ifDefined(this.pattern)}"
+               maxlength="${ifDefined(this.maxLength)}"
+               minlength="${ifDefined(this.minLength)}"
+               inputmode="${ifDefined(this.inputMode)}"
+               @input="${this.#onInput}"
+               @change="${this.#onChange}"
+               @keydown="${this.#onKeydown}"
+               ?disabled="${this.#disabled}"
+               ?readonly="${this.readonly}"
+               ?required="${this.required}"
+               aria-label="${ifDefined(this.#derivedLabel || undefined)}"
+               aria-invalid="${ifDefined(this.#isInvalid ? 'true' : undefined)}"
+               aria-describedby="${ifDefined(statusMessage ? 'status-message' : undefined)}"
+               type="${ifDefined(this.type)}">
+        <span id="utilities"
+              ?hidden="${this.#slots.isEmpty('icon') && !hasStatusIcon}">
+          <!-- summary: Custom icon content -->
+        <slot name="icon"></slot>
+          ${!hasStatusIcon ? '' : html`
+          <span id="status-icon">${this.#renderStatusIcon()}</span>`}
+        </span>
+        <span id="status-message"
+              role="${ifDefined(this.#isInvalid ? 'alert' : undefined)}"
+              aria-live="${ifDefined(this.#isInvalid ? 'assertive' : undefined)}"
+              ?hidden="${!statusMessage}">${statusMessage}</span>
+      </div>
+    `;
+  }
+
+  #getStatusMessage(): string {
+    if (this.#isInvalid) {
+      return this.#internals.validationMessage;
+    }
+    return '';
+  }
+
+  #renderStatusIcon(): TemplateResult<1> | string {
+    if (this.#isInvalid && this.validated !== 'error') {
+      return html`<svg role="presentation" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512"><path d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/></svg>`;
+    }
+    switch (this.validated) {
+      case 'success':
+        return html`<svg role="presentation" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>`;
+      case 'warning':
+        return html`<svg role="presentation" fill="currentColor" height="1em" width="1em" viewBox="0 0 576 512"><path d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/></svg>`;
+      case 'error':
+        return html`<svg role="presentation" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512"><path d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/></svg>`;
+      default:
+        return '';
+    }
+  }
+
+  #onInput(event: Event & { target: HTMLInputElement }) {
+    this.value = event.target.value;
+    if (this.#touched && !this.#internals.validity.valid) {
+      this.#setValidityFromInput();
+    }
+    this.#touched = true;
+  }
+
+  #onChange() {
+    const previous = this.value;
+    if (!this.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }))) {
+      this.value = previous;
+    }
+  }
+
+  #onKeydown(event: KeyboardEvent) {
+    switch (event.key) {
+      case 'Enter':
+        if (this.reportValidity()) {
+          this.#internals.form?.requestSubmit();
+        }
+    }
+  }
+
+
+  #setValidityFromInput() {
+    this.#internals.setValidity(
+      this.#input?.validity,
+      this.#input?.validationMessage,
+    );
+    this.requestUpdate();
+  }
+
+  async formStateRestoreCallback(state: string, mode: string): Promise<void> {
+    if (mode === 'restore') {
+      this.value = state;
+      this.requestUpdate();
+      await this.updateComplete;
+      this.#setValidityFromInput();
+    }
+  }
+
+  async formDisabledCallback(): Promise<void> {
+    await this.updateComplete;
+    this.requestUpdate();
+  }
+
+  formResetCallback(): void {
+    this.value = '';
+    this.requestUpdate();
+  }
+
+  setCustomValidity(message: string): void {
+    this.#internals.setValidity(message ? { customError: true } : {}, message);
+    this.requestUpdate();
+  }
+
+  checkValidity(): boolean {
+    this.#setValidityFromInput();
+    const validity = this.#internals.checkValidity();
+    this.requestUpdate();
+    return validity;
+  }
+
+  reportValidity(): boolean {
+    this.#setValidityFromInput();
+    return this.#internals.reportValidity();
+  }
+
+  select(): void {
+    this.#input?.select();
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'pf-v6-text-input': PfV6TextInput;
+  }
+}
diff --git a/elements/pf-v5-text-input/test/pf-text-input.e2e.ts b/elements/pf-v6-text-input/test/pf-v6-text-input.e2e.ts
similarity index 95%
rename from elements/pf-v5-text-input/test/pf-text-input.e2e.ts
rename to elements/pf-v6-text-input/test/pf-v6-text-input.e2e.ts
index d1f5688f87..07307902fa 100644
--- a/elements/pf-v5-text-input/test/pf-text-input.e2e.ts
+++ b/elements/pf-v6-text-input/test/pf-v6-text-input.e2e.ts
@@ -2,7 +2,7 @@ import { test } from '@playwright/test';
 import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
 import { SSRPage } from '@patternfly/pfe-tools/test/playwright/SSRPage.js';
 
-const tagName = 'pf-v5-text-input';
+const tagName = 'pf-v6-text-input';
 
 test.describe(tagName, () => {
   test('snapshot', async ({ page }) => {
diff --git a/elements/pf-v6-text-input/test/pf-v6-text-input.spec.ts b/elements/pf-v6-text-input/test/pf-v6-text-input.spec.ts
new file mode 100644
index 0000000000..af1c627be4
--- /dev/null
+++ b/elements/pf-v6-text-input/test/pf-v6-text-input.spec.ts
@@ -0,0 +1,546 @@
+import type { A11yTreeSnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';
+import { expect, html, nextFrame } from '@open-wc/testing';
+import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
+import { a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';
+import { sendKeys } from '@web/test-runner-commands';
+
+import { PfV6TextInput } from '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
+
+describe('<pf-v6-text-input>', function() {
+  it('imperatively instantiates', function() {
+    expect(document.createElement('pf-v6-text-input')).to.be.an.instanceof(PfV6TextInput);
+  });
+
+  describe('simply instantiating', function() {
+    let element: PfV6TextInput;
+    let snapshot: A11yTreeSnapshot;
+
+    beforeEach(async function() {
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input accessible-label="Test input"></pf-v6-text-input>
+      `);
+      snapshot = await a11ySnapshot();
+    });
+
+    it('should upgrade', function() {
+      const klass = customElements.get('pf-v6-text-input');
+      expect(element)
+          .to.be.an.instanceOf(klass)
+          .and
+          .to.be.an.instanceOf(PfV6TextInput);
+    });
+
+    it('has textbox role in a11y tree', function() {
+      const input = snapshot.children?.find(node => node.role === 'textbox');
+      expect(input).to.exist;
+    });
+
+    it('has accessible name from accessible-label', function() {
+      const input = snapshot.children?.find(node => node.role === 'textbox');
+      expect(input?.name).to.equal('Test input');
+    });
+  });
+
+  describe('with external label', function() {
+    let element: PfV6TextInput;
+    let snapshot: A11yTreeSnapshot;
+
+    beforeEach(async function() {
+      const container = await createFixture<HTMLDivElement>(html`
+        <div>
+          <label for="my-input">My Label</label>
+          <pf-v6-text-input id="my-input"></pf-v6-text-input>
+        </div>
+      `);
+      element = container.querySelector('pf-v6-text-input')!;
+      snapshot = await a11ySnapshot();
+    });
+
+    it('associates with the label element', function() {
+      expect(element.labels).to.have.lengthOf(1);
+    });
+
+    it('has accessible name from label', function() {
+      const input = snapshot.children?.find(node => node.role === 'textbox');
+      expect(input?.name).to.equal('My Label');
+    });
+  });
+
+  describe('with value', function() {
+    let element: PfV6TextInput;
+    let snapshot: A11yTreeSnapshot;
+
+    beforeEach(async function() {
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input accessible-label="test" value="hello world"></pf-v6-text-input>
+      `);
+      snapshot = await a11ySnapshot();
+    });
+
+    it('reflects the value property', function() {
+      expect(element.value).to.equal('hello world');
+    });
+
+    it('exposes value in a11y tree', function() {
+      const input = snapshot.children?.find(node => node.role === 'textbox');
+      expect(input?.value).to.equal('hello world');
+    });
+  });
+
+  describe('disabled', function() {
+    let element: PfV6TextInput;
+    let snapshot: A11yTreeSnapshot;
+
+    beforeEach(async function() {
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input disabled accessible-label="disabled input" value="disabled"></pf-v6-text-input>
+      `);
+      snapshot = await a11ySnapshot();
+    });
+
+    it('has disabled in a11y tree', function() {
+      const input = snapshot.children?.find(node => node.role === 'textbox');
+      expect(input?.disabled).to.be.true;
+    });
+  });
+
+  describe('disabled by fieldset', function() {
+    let element: PfV6TextInput;
+    let snapshot: A11yTreeSnapshot;
+
+    beforeEach(async function() {
+      const container = await createFixture<HTMLDivElement>(html`
+        <div>
+          <fieldset disabled>
+            <pf-v6-text-input accessible-label="fieldset disabled" value="test"></pf-v6-text-input>
+          </fieldset>
+        </div>
+      `);
+      element = container.querySelector('pf-v6-text-input')!;
+      snapshot = await a11ySnapshot();
+    });
+
+    it('has disabled in a11y tree', function() {
+      const input = snapshot.children?.find(node => node.role === 'textbox');
+      expect(input?.disabled).to.be.true;
+    });
+
+    it('matches :disabled pseudo-class', function() {
+      expect(element.matches(':disabled')).to.be.true;
+    });
+  });
+
+  describe('readonly', function() {
+    let snapshot: A11yTreeSnapshot;
+
+    beforeEach(async function() {
+      await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input readonly accessible-label="readonly input" value="readonly"></pf-v6-text-input>
+      `);
+      snapshot = await a11ySnapshot();
+    });
+
+    it('has readonly in a11y tree', function() {
+      const input = snapshot.children?.find(node => node.role === 'textbox');
+      expect(input?.readonly).to.be.true;
+    });
+  });
+
+  describe('validated="error"', function() {
+    let snapshot: A11yTreeSnapshot;
+
+    beforeEach(async function() {
+      await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input validated="error" accessible-label="error input"></pf-v6-text-input>
+      `);
+      snapshot = await a11ySnapshot();
+    });
+
+    it('sets aria-invalid on the textbox', function() {
+      const input = snapshot.children?.find(node => node.role === 'textbox');
+      expect(input?.invalid).to.equal('true');
+    });
+  });
+
+  describe('validated="success"', function() {
+    let snapshot: A11yTreeSnapshot;
+
+    beforeEach(async function() {
+      await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input validated="success" accessible-label="success input"></pf-v6-text-input>
+      `);
+      snapshot = await a11ySnapshot();
+    });
+
+    it('does not set aria-invalid', function() {
+      const input = snapshot.children?.find(node => node.role === 'textbox');
+      expect(input?.invalid).to.not.equal('true');
+    });
+  });
+
+  describe('validated="warning"', function() {
+    let snapshot: A11yTreeSnapshot;
+
+    beforeEach(async function() {
+      await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input validated="warning" accessible-label="warning input"></pf-v6-text-input>
+      `);
+      snapshot = await a11ySnapshot();
+    });
+
+    it('does not set aria-invalid', function() {
+      const input = snapshot.children?.find(node => node.role === 'textbox');
+      expect(input?.invalid).to.not.equal('true');
+    });
+  });
+
+  describe('type="email"', function() {
+    let element: PfV6TextInput;
+    let snapshot: A11yTreeSnapshot;
+
+    beforeEach(async function() {
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input type="email" accessible-label="email input"></pf-v6-text-input>
+      `);
+      snapshot = await a11ySnapshot();
+    });
+
+    it('has the type property set', function() {
+      expect(element.type).to.equal('email');
+    });
+  });
+
+  describe('with placeholder', function() {
+    let element: PfV6TextInput;
+
+    beforeEach(async function() {
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input accessible-label="search" placeholder="Search..."></pf-v6-text-input>
+      `);
+    });
+
+    it('has the placeholder property set', function() {
+      expect(element.placeholder).to.equal('Search...');
+    });
+  });
+
+  describe('readonly plain', function() {
+    let element: PfV6TextInput;
+
+    beforeEach(async function() {
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input readonly plain accessible-label="plain readonly" value="plain text"></pf-v6-text-input>
+      `);
+    });
+
+    it('has both attributes', function() {
+      expect(element.readonly).to.be.true;
+      expect(element.plain).to.be.true;
+    });
+
+    it('renders without visible border', function() {
+      expect(element.offsetWidth).to.be.greaterThan(0);
+    });
+  });
+
+  describe('maxlength', function() {
+    let element: PfV6TextInput;
+
+    beforeEach(async function() {
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input accessible-label="limited" maxlength="5"></pf-v6-text-input>
+      `);
+      element.focus();
+    });
+
+    it('limits input length', async function() {
+      await sendKeys({ type: 'abcdefgh' });
+      expect(element.value.length).to.be.at.most(5);
+    });
+  });
+
+  describe('input event', function() {
+    let element: PfV6TextInput;
+    let inputFired: boolean;
+
+    beforeEach(async function() {
+      inputFired = false;
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input accessible-label="typing test"></pf-v6-text-input>
+      `);
+      element.addEventListener('input', () => {
+        inputFired = true;
+      });
+      element.focus();
+    });
+
+    it('fires input event on typing', async function() {
+      await sendKeys({ type: 'a' });
+      expect(inputFired).to.be.true;
+    });
+
+    it('updates value on typing', async function() {
+      await sendKeys({ type: 'hello' });
+      expect(element.value).to.equal('hello');
+    });
+  });
+
+  describe('change event', function() {
+    let element: PfV6TextInput;
+    let changeFired: boolean;
+
+    beforeEach(async function() {
+      changeFired = false;
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input accessible-label="change test"></pf-v6-text-input>
+      `);
+      element.addEventListener('change', () => {
+        changeFired = true;
+      });
+      element.focus();
+      await sendKeys({ type: 'abc' });
+      element.blur();
+      await nextFrame();
+    });
+
+    it('fires change event on blur after editing', function() {
+      expect(changeFired).to.be.true;
+    });
+  });
+
+  describe('keyboard interaction', function() {
+    let form: HTMLFormElement;
+    let wasSubmitted: boolean;
+
+    beforeEach(async function() {
+      wasSubmitted = false;
+      const container = await createFixture(html`
+        <form>
+          <pf-v6-text-input name="field"
+                            accessible-label="field"
+                            value="test"></pf-v6-text-input>
+          <button type="submit">Submit</button>
+        </form>
+      `);
+      form = container as unknown as HTMLFormElement;
+      const element = form.querySelector('pf-v6-text-input')!;
+      form.addEventListener('submit', function(event) {
+        event.preventDefault();
+        wasSubmitted = true;
+      });
+      await element.updateComplete;
+      element.focus();
+      await nextFrame();
+    });
+
+    it('submits form on Enter', async function() {
+      await sendKeys({ press: 'Enter' });
+      await nextFrame();
+      expect(wasSubmitted).to.be.true;
+    });
+  });
+
+  describe('form association', function() {
+    let form: HTMLFormElement;
+    let element: PfV6TextInput;
+    let submitData: FormData | null;
+
+    beforeEach(async function() {
+      submitData = null;
+      const container = await createFixture(html`
+        <form>
+          <pf-v6-text-input name="username"
+                            accessible-label="username"
+                            value="testuser"></pf-v6-text-input>
+          <button type="submit">Submit</button>
+        </form>
+      `);
+      form = container as HTMLFormElement;
+      element = form.querySelector('pf-v6-text-input')!;
+      form.addEventListener('submit', function(e) {
+        e.preventDefault();
+        submitData = new FormData(form);
+      });
+    });
+
+    describe('submitting with value', function() {
+      beforeEach(function() {
+        form.requestSubmit();
+      });
+
+      it('includes value in form data', function() {
+        expect(submitData!.get('username')).to.equal('testuser');
+      });
+    });
+
+    describe('submitting with empty value', function() {
+      beforeEach(async function() {
+        element.value = '';
+        await element.updateComplete;
+        form.requestSubmit();
+      });
+
+      it('omits from form data when empty', function() {
+        expect(submitData!.get('username')).to.be.null;
+      });
+    });
+
+    describe('form reset', function() {
+      beforeEach(async function() {
+        element.focus();
+        await sendKeys({ type: 'changed' });
+        form.reset();
+        await element.updateComplete;
+      });
+
+      it('reverts value to empty', function() {
+        expect(element.value).to.equal('');
+      });
+    });
+  });
+
+  describe('constraint validation', function() {
+    let element: PfV6TextInput;
+    let snapshot: A11yTreeSnapshot;
+
+    beforeEach(async function() {
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input accessible-label="validation test"
+                          pattern="\\d{3}"
+                          required></pf-v6-text-input>
+      `);
+    });
+
+    describe('calling checkValidity() with invalid value', function() {
+      beforeEach(async function() {
+        element.focus();
+        await sendKeys({ type: 'abc' });
+        element.checkValidity();
+        await element.updateComplete;
+        await nextFrame();
+        snapshot = await a11ySnapshot();
+      });
+
+      it('returns false', function() {
+        expect(element.checkValidity()).to.be.false;
+      });
+
+      it('sets aria-invalid on the textbox', function() {
+        const input = snapshot.children?.find(node => node.role === 'textbox');
+        expect(input?.invalid).to.equal('true');
+      });
+
+      it('has a non-empty validation message', function() {
+        expect(element.offsetWidth).to.be.greaterThan(0);
+      });
+    });
+
+    describe('calling checkValidity() with valid value', function() {
+      beforeEach(async function() {
+        element.focus();
+        await sendKeys({ type: '123' });
+        element.checkValidity();
+        await element.updateComplete;
+        await nextFrame();
+        snapshot = await a11ySnapshot();
+      });
+
+      it('returns true', function() {
+        expect(element.checkValidity()).to.be.true;
+      });
+
+      it('does not set aria-invalid', function() {
+        const input = snapshot.children?.find(node => node.role === 'textbox');
+        expect(input?.invalid).to.not.equal('true');
+      });
+    });
+
+    describe('setCustomValidity()', function() {
+      beforeEach(async function() {
+        element.setCustomValidity('Custom error');
+        await element.updateComplete;
+        await nextFrame();
+        snapshot = await a11ySnapshot();
+      });
+
+      it('makes the element invalid', function() {
+        expect(element.checkValidity()).to.be.false;
+      });
+
+      it('sets aria-invalid', function() {
+        const input = snapshot.children?.find(node => node.role === 'textbox');
+        expect(input?.invalid).to.equal('true');
+      });
+
+      describe('clearing custom validity', function() {
+        beforeEach(async function() {
+          element.setCustomValidity('');
+          element.focus();
+          await sendKeys({ type: '123' });
+          element.checkValidity();
+          await element.updateComplete;
+          await nextFrame();
+          snapshot = await a11ySnapshot();
+        });
+
+        it('makes the element valid again', function() {
+          expect(element.checkValidity()).to.be.true;
+        });
+      });
+    });
+  });
+
+  describe('select() method', function() {
+    let element: PfV6TextInput;
+
+    beforeEach(async function() {
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input accessible-label="selectable" value="select me"></pf-v6-text-input>
+      `);
+    });
+
+    it('selects all text', function() {
+      element.focus();
+      element.select();
+      expect(element.value).to.equal('select me');
+    });
+  });
+
+  describe('truncated="start"', function() {
+    let element: PfV6TextInput;
+
+    beforeEach(async function() {
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input truncated="start"
+                          accessible-label="truncated"
+                          value="Lorem ipsum dolor sit amet consectetur"></pf-v6-text-input>
+      `);
+    });
+
+    it('has the truncated attribute', function() {
+      expect(element.truncated).to.equal('start');
+    });
+
+    it('has accessible value in a11y tree', async function() {
+      const snapshot = await a11ySnapshot();
+      const input = snapshot.children?.find(node => node.role === 'textbox');
+      expect(input?.value).to.equal('Lorem ipsum dolor sit amet consectetur');
+    });
+  });
+
+  describe('with icon slot', function() {
+    let element: PfV6TextInput;
+
+    beforeEach(async function() {
+      element = await createFixture<PfV6TextInput>(html`
+        <pf-v6-text-input accessible-label="with icon">
+          <svg slot="icon" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8"/></svg>
+        </pf-v6-text-input>
+      `);
+    });
+
+    it('renders the icon at a visible size', function() {
+      expect(element.offsetWidth).to.be.greaterThan(0);
+    });
+  });
+});