npm - @universal-material/web - Versions diffs - 3.6.17 → 3.6.18 - Mend

@universal-material/web 3.6.17 → 3.6.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/custom-elements.json +1479 -1473
package/overflow-menu/overflow-menu-item.d.ts +3 -2
package/overflow-menu/overflow-menu-item.d.ts.map +1 -1
package/overflow-menu/overflow-menu-item.js +15 -8
package/overflow-menu/overflow-menu-item.js.map +1 -1
package/package.json +1 -1
package/vscode.html-custom-data.json +302 -302

package/custom-elements.json CHANGED Viewed

@@ -706,6 +706,106 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/badge/badge.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` .container { --_badge-size: var(--u-badge-small-size, 6px); font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-badge-line-height, var(--u-label-s-line-height, 1rem)); font-size: var(--u-badge-font-size, var(--u-label-s-font-size, 0.6875rem)); letter-spacing: var(--u-badge-letter-spacing, var(--u-label-s-letter-spacing, 0.0454545455rem)); font-weight: var(--u-badge-font-weight, var(--u-label-s-font-weight, var(--u-font-weight-medium, 500))); display: inline-flex; align-items: center; justify-content: center; min-width: var(--_badge-size); height: var(--_badge-size); line-height: var(--_badge-size); background-color: var(--u-badge-color, var(--u-color-error, rgb(179, 38, 30))); color: var(--u-badge-color, var(--u-color-on-error, rgb(255, 255, 255))); border-radius: calc(var(--_badge-size) / 2); } .container:not(.static) { --_badge-inline-start: calc(100% - var(--_badge-size)); position: absolute; top: 0; inset-inline-start: var(--_badge-inline-start); } .container:not(.empty) { --_badge-size: var(--u-badge-large-size, 16px); top: var(--u-badge-top-offset, -2px); inset-inline-start: calc(var(--_badge-inline-start) - var(--u-badge-inline-offset, -4px)); padding-inline: var(--u-badge-padding, 4px); } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/badge/badge.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/badge/badge.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmBadge",
+          "members": [
+            {
+              "kind": "field",
+              "name": "static",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "static",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_empty",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "true"
+            },
+            {
+              "kind": "method",
+              "name": "#handleSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "static",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "static"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-badge",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmBadge",
+          "declaration": {
+            "name": "UmBadge",
+            "module": "src/badge/badge.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-badge",
+          "declaration": {
+            "name": "UmBadge",
+            "module": "src/badge/badge.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/button-field/button-field.styles.ts",
@@ -1376,106 +1476,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/badge/badge.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` .container { --_badge-size: var(--u-badge-small-size, 6px); font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-badge-line-height, var(--u-label-s-line-height, 1rem)); font-size: var(--u-badge-font-size, var(--u-label-s-font-size, 0.6875rem)); letter-spacing: var(--u-badge-letter-spacing, var(--u-label-s-letter-spacing, 0.0454545455rem)); font-weight: var(--u-badge-font-weight, var(--u-label-s-font-weight, var(--u-font-weight-medium, 500))); display: inline-flex; align-items: center; justify-content: center; min-width: var(--_badge-size); height: var(--_badge-size); line-height: var(--_badge-size); background-color: var(--u-badge-color, var(--u-color-error, rgb(179, 38, 30))); color: var(--u-badge-color, var(--u-color-on-error, rgb(255, 255, 255))); border-radius: calc(var(--_badge-size) / 2); } .container:not(.static) { --_badge-inline-start: calc(100% - var(--_badge-size)); position: absolute; top: 0; inset-inline-start: var(--_badge-inline-start); } .container:not(.empty) { --_badge-size: var(--u-badge-large-size, 16px); top: var(--u-badge-top-offset, -2px); inset-inline-start: calc(var(--_badge-inline-start) - var(--u-badge-inline-offset, -4px)); padding-inline: var(--u-badge-padding, 4px); } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/badge/badge.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/badge/badge.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmBadge",
-          "members": [
-            {
-              "kind": "field",
-              "name": "static",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "static",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_empty",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "true"
-            },
-            {
-              "kind": "method",
-              "name": "#handleSlotChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "static",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "static"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-badge",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmBadge",
-          "declaration": {
-            "name": "UmBadge",
-            "module": "src/badge/badge.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-badge",
-          "declaration": {
-            "name": "UmBadge",
-            "module": "src/badge/badge.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/button/button-base.styles.ts",
@@ -6762,45 +6762,294 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/checkbox/checkbox-list-item.ts",
+      "path": "src/card/card-content.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { display: block; } :host(:has(slot > *)) { display: none; } :host([has-content]) { padding: var(--u-card-padding, 16px); } slot { border-radius: inherit; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/card/card-content.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/card-content.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmCheckboxListItem",
-          "mixins": [
-            {
-              "name": "mixinSelectionControlListItem",
-              "module": "/src/shared/selection-control/selection-control-list-item.js"
-            }
-          ],
-          "superclass": {
-            "name": "UmCheckbox",
-            "module": "/src/checkbox/checkbox.js"
-          },
-          "tagName": "u-checkbox-list-item",
-          "customElement": true,
-          "attributes": [
+          "name": "UmCardContent",
+          "members": [
             {
-              "name": "leading",
+              "kind": "field",
+              "name": "hasContent",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "leading",
-              "inheritedFrom": {
-                "name": "mixinSelectionControlListItem",
-                "module": "src/shared/selection-control/selection-control-list-item.ts"
-              }
+              "attribute": "has-content",
+              "reflects": true
             },
             {
-              "name": "hide-state-layer",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "hideStateLayer",
-              "inheritedFrom": {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "has-content",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hasContent"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-card-content",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmCardContent",
+          "declaration": {
+            "name": "UmCardContent",
+            "module": "src/card/card-content.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-card-content",
+          "declaration": {
+            "name": "UmCardContent",
+            "module": "src/card/card-content.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/card-media.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { display: block; aspect-ratio: 1; border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px)); } :host([wide]) { aspect-ratio: 16/9; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/card/card-media.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/card-media.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmCardMedia",
+          "members": [
+            {
+              "kind": "field",
+              "name": "wide",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "wide",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "wide",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "wide"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-card-media",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmCardMedia",
+          "declaration": {
+            "name": "UmCardMedia",
+            "module": "src/card/card-media.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-card-media",
+          "declaration": {
+            "name": "UmCardMedia",
+            "module": "src/card/card-media.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/card.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { display: block; position: relative; border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px)); } :host([variant=elevated]) { --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250))); background-color: var(--u-current-bg-color); } :host([variant=elevated]) u-elevation { --u-elevation-level: var(--u-elevated-card-elevation-level, 1); } :host([variant=filled]) { --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233))); background-color: var(--u-current-bg-color); } :host([variant=outlined]) { --u-current-bg-color: var(--u-card-outlined-bg-color, var(--u-color-surface, rgb(254, 247, 255))); background-color: var(--u-current-bg-color); border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208))); } u-card-content, slot { border-radius: inherit; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/card/card.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/card.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmCard",
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "UmCardVariant"
+              },
+              "default": "'filled'",
+              "description": "The Card variant to render.",
+              "attribute": "variant",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "UmCardVariant"
+              },
+              "default": "'filled'",
+              "description": "The Card variant to render.",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-card",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmCard",
+          "declaration": {
+            "name": "UmCard",
+            "module": "src/card/card.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-card",
+          "declaration": {
+            "name": "UmCard",
+            "module": "src/card/card.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/checkbox/checkbox-list-item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmCheckboxListItem",
+          "mixins": [
+            {
+              "name": "mixinSelectionControlListItem",
+              "module": "/src/shared/selection-control/selection-control-list-item.js"
+            }
+          ],
+          "superclass": {
+            "name": "UmCheckbox",
+            "module": "/src/checkbox/checkbox.js"
+          },
+          "tagName": "u-checkbox-list-item",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "leading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "leading",
+              "inheritedFrom": {
+                "name": "mixinSelectionControlListItem",
+                "module": "src/shared/selection-control/selection-control-list-item.ts"
+              }
+            },
+            {
+              "name": "hide-state-layer",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideStateLayer",
+              "inheritedFrom": {
                 "name": "UmCheckbox",
                 "module": "src/checkbox/checkbox.ts"
               }
@@ -7701,12 +7950,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/card/card-content.styles.ts",
+      "path": "src/chip/chip-set.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css ` :host { display: block; } :host(:has(slot > *)) { display: none; } :host([has-content]) { padding: var(--u-card-padding, 16px); } slot { border-radius: inherit; } `"
+          "default": "css ` :host { flex-wrap: wrap; } `"
         }
       ],
       "exports": [
@@ -7715,256 +7964,7 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/card/card-content.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card-content.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmCardContent",
-          "members": [
-            {
-              "kind": "field",
-              "name": "hasContent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "has-content",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "has-content",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "hasContent"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-card-content",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmCardContent",
-          "declaration": {
-            "name": "UmCardContent",
-            "module": "src/card/card-content.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-card-content",
-          "declaration": {
-            "name": "UmCardContent",
-            "module": "src/card/card-content.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card-media.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { display: block; aspect-ratio: 1; border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px)); } :host([wide]) { aspect-ratio: 16/9; } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/card/card-media.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card-media.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmCardMedia",
-          "members": [
-            {
-              "kind": "field",
-              "name": "wide",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "wide",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "wide",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "wide"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-card-media",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmCardMedia",
-          "declaration": {
-            "name": "UmCardMedia",
-            "module": "src/card/card-media.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-card-media",
-          "declaration": {
-            "name": "UmCardMedia",
-            "module": "src/card/card-media.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { display: block; position: relative; border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px)); } :host([variant=elevated]) { --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250))); background-color: var(--u-current-bg-color); } :host([variant=elevated]) u-elevation { --u-elevation-level: var(--u-elevated-card-elevation-level, 1); } :host([variant=filled]) { --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233))); background-color: var(--u-current-bg-color); } :host([variant=outlined]) { --u-current-bg-color: var(--u-card-outlined-bg-color, var(--u-color-surface, rgb(254, 247, 255))); background-color: var(--u-current-bg-color); border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208))); } u-card-content, slot { border-radius: inherit; } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/card/card.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmCard",
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "UmCardVariant"
-              },
-              "default": "'filled'",
-              "description": "The Card variant to render.",
-              "attribute": "variant",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "UmCardVariant"
-              },
-              "default": "'filled'",
-              "description": "The Card variant to render.",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-card",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmCard",
-          "declaration": {
-            "name": "UmCard",
-            "module": "src/card/card.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-card",
-          "declaration": {
-            "name": "UmCard",
-            "module": "src/card/card.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/chip/chip-set.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { flex-wrap: wrap; } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/chip/chip-set.styles.ts"
+            "module": "src/chip/chip-set.styles.ts"
           }
         }
       ]
@@ -13435,12 +13435,10 @@
           "members": [
             {
               "kind": "field",
-              "name": "#label",
+              "name": "#mutationObserver",
               "privacy": "private",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
+              "readonly": true,
+              "default": "new MutationObserver(() => this.#parent?._renderMenuItems())"
             },
             {
               "kind": "field",
@@ -13454,8 +13452,12 @@
             {
               "kind": "field",
               "name": "label",
-              "attribute": "label"
-            },
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "label"
+            },
             {
               "kind": "field",
               "name": "collapse",
@@ -13477,6 +13479,10 @@
           "attributes": [
             {
               "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
               "fieldName": "label"
             },
             {
@@ -20781,12 +20787,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-field/text-field.styles.ts",
+      "path": "src/typeahead/highlight.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css ` .prefix::slotted(*), .prefix span, .suffix::slotted(*), .suffix span { transition: opacity 150ms 100ms; } .prefix span:empty, .suffix span:empty { display: none; } .prefix::slotted(*), .prefix span { color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)))); margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px)); } .suffix::slotted(*), .suffix span { color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)))); margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px)); } :host([disabled]) .prefix span, :host([disabled]) .prefix::slotted(*) { color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-field-disabled-opacity, 38%), transparent))); } :host([disabled]) .suffix span, :host([disabled]) .suffix::slotted(*) { color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-field-disabled-opacity, 38%), transparent))); } :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix::slotted(*), :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix span, :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix::slotted(*), :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix span { opacity: 0; transition: opacity 150ms; } `"
+          "default": "css ` :host { display: inline-block; } `"
         }
       ],
       "exports": [
@@ -20795,875 +20801,787 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/text-field/text-field.styles.ts"
+            "module": "src/typeahead/highlight.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-field/text-field.ts",
+      "path": "src/typeahead/highlight.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmTextField",
+          "name": "UmHighlight",
           "members": [
             {
               "kind": "field",
-              "name": "type",
+              "name": "#result",
+              "privacy": "private",
               "type": {
-                "text": "string"
-              },
-              "default": "'text'",
-              "attribute": "type"
+                "text": "string | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "prefixText",
+              "name": "#term",
+              "privacy": "private",
               "type": {
                 "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "parts",
+              "type": {
+                "text": "string[] | undefined"
               },
-              "attribute": "prefix-text"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "suffixText",
+              "name": "result",
               "type": {
                 "text": "string | undefined"
               },
-              "attribute": "suffix-text"
+              "description": "The result text to display. If the term is found inside this text, it's highlighted",
+              "attribute": "result"
             },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "term",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "attribute": "readOnly",
-              "reflects": true
+              "description": "The searched term",
+              "attribute": "term"
             },
             {
-              "kind": "field",
-              "name": "autocapitalize",
+              "kind": "method",
+              "name": "setParts",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "result",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "attribute": "autocapitalize",
-              "reflects": true
+              "description": "The result text to display. If the term is found inside this text, it's highlighted",
+              "fieldName": "result"
             },
+            {
+              "name": "term",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The searched term",
+              "fieldName": "term"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-highlight",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmHighlight",
+          "declaration": {
+            "name": "UmHighlight",
+            "module": "src/typeahead/highlight.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-highlight",
+          "declaration": {
+            "name": "UmHighlight",
+            "module": "src/typeahead/highlight.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/typeahead/typeahead-template-render.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TypeaheadTemplateRender",
+          "members": [
             {
               "kind": "field",
-              "name": "input",
+              "name": "content",
               "type": {
-                "text": "HTMLInputElement | HTMLTextAreaElement"
+                "text": "string | HTMLElement | null"
               },
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
-            },
+              "default": "null",
+              "attribute": "content"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "renderControl",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "HTMLTemplateResult"
-                }
+              "name": "content",
+              "type": {
+                "text": "string | HTMLElement | null"
               },
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
+              "default": "null",
+              "fieldName": "content"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-typeahead-template-render",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TypeaheadTemplateRender",
+          "declaration": {
+            "name": "TypeaheadTemplateRender",
+            "module": "src/typeahead/typeahead-template-render.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-typeahead-template-render",
+          "declaration": {
+            "name": "TypeaheadTemplateRender",
+            "module": "src/typeahead/typeahead-template-render.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/typeahead/typeahead.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { display: block; --u-menu-item-label-font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400)); } :host([fit-target]) u-menu::part(menu) { width: var(--_menu-width); max-width: none; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/typeahead/typeahead.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/typeahead/typeahead.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmTypeahead",
+          "members": [
             {
               "kind": "field",
-              "name": "_value",
+              "name": "formAssociated",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "privacy": "protected",
-              "default": "''",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "static": true,
+              "readonly": true,
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "value",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              "name": "#targetId",
+              "privacy": "private",
+              "type": {
+                "text": "string | undefined"
               }
             },
             {
               "kind": "field",
-              "name": "autocomplete",
+              "name": "#connected",
+              "privacy": "private",
               "type": {
-                "text": "'on' | 'off' | string | undefined"
+                "text": "boolean"
               },
-              "attribute": "autocomplete",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "#maxlength",
+              "name": "#target",
               "privacy": "private",
               "type": {
-                "text": "number | undefined"
+                "text": "| (HTMLElement & {\n      autocomplete: 'on' | 'off' | string | null;\n      input?: HTMLInputElement;\n      _container?: HTMLElement;\n      value: string;\n    })\n    | null"
               },
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "maxlength",
+              "name": "#documentMutationObserver",
+              "privacy": "private",
               "type": {
-                "text": "number | undefined"
+                "text": "MutationObserver | null"
               },
-              "attribute": "maxlength",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "#targetResizeObserver",
+              "privacy": "private",
               "type": {
-                "text": "string | null"
+                "text": "ResizeObserver | null"
               },
-              "default": "null",
-              "attribute": "role",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleKeyDown",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleInput",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "default": "null"
             },
             {
-              "kind": "method",
-              "name": "#updateCounter",
+              "kind": "field",
+              "name": "#navigationController",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "readonly": true,
+              "default": "new MenuFieldNavigationController(this)"
             },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "#termNormalized",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "static": true,
-              "readonly": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "shadowRootOptions",
+              "name": "#debounceTimeout",
+              "privacy": "private",
               "type": {
-                "text": "ShadowRootInit"
+                "text": "number | null"
               },
-              "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }",
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "empty",
+              "name": "#value",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
-              "attribute": "empty",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "text": "any"
               }
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "#elementInternals",
+              "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "ElementInternals"
               },
-              "default": "''",
-              "attribute": "placeholder",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "results",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "Data[]"
               },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "elementInternals",
+              "name": "source",
               "type": {
-                "text": "ElementInternals"
+                "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
               },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "description": "The datasource of the typeahead. Accepts an `Array` or a `Promise<[]>`."
             },
             {
               "kind": "field",
-              "name": "config",
+              "name": "formatter",
               "type": {
-                "text": "UmFieldDefaults | undefined"
+                "text": "((value: any) => string) | undefined"
               },
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "A function return a string based on a result from the `source`. Useful when the source results are objects."
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "template",
               "type": {
-                "text": "'filled' | 'outlined' | undefined"
+                "text": "((term: string, value: any) => string | HTMLElement | TemplateResult) | undefined"
               },
-              "default": "undefined",
-              "attribute": "variant",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "A string representing an HTML to be rendered inside the menu item. If set, it will replace the `u-highlight`.\n\n_Note:_ Subject to signature change"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "debounce",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "description": "The floating label for the field",
-              "attribute": "label",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "300",
+              "description": "The time in milliseconds before triggering an update in the results.",
+              "attribute": "debounce",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_innerCounter",
+              "name": "limit",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "10",
+              "description": "The number of suggestions to show",
+              "attribute": "limit",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "counter",
+              "name": "minLength",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "attribute": "counter",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "2",
+              "description": "How many characters must be typed before show suggestions\n\n_Note:_ Not used when the source is a `Promise`",
+              "attribute": "minLength",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "hideCounter",
+              "name": "openOnFocus",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "hide-counter",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "Whether the menu will be show when the target get focus.\n\n_Note:_ The `minLength` will still be applied",
+              "attribute": "open-on-focus",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "supportingText",
+              "name": "editable",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Supporting text conveys additional information about the field, such as how it will be used",
-              "attribute": "supporting-text",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "false",
+              "description": "If `true`, model values will not be restricted only to items selected from the menu.",
+              "attribute": "editable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "errorText",
+              "name": "autocomplete",
               "type": {
-                "text": "string | undefined"
+                "text": "'on' | 'off' | string"
               },
-              "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
-              "attribute": "error-text",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "'off'",
+              "description": "The value for the `autocomplete` attribute for the target element.",
+              "attribute": "autocomplete",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "spellcheck",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "The value for the `spellcheck` attribute for the target element.",
+              "attribute": "spellcheck",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "invalid",
+              "name": "fitTarget",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Get or sets where or not the field is in a visually invalid state.",
-              "attribute": "invalid",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "attribute": "fit-target",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "setDefaults",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
-                }
+              "kind": "field",
+              "name": "positioning",
+              "type": {
+                "text": "'relative' | 'fixed'"
               },
-              "parameters": [
-                {
-                  "name": "contextRoot",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "config",
-                  "type": {
-                    "text": "UmFieldDefaults"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "'relative'",
+              "attribute": "positioning",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "hasLeadingIcon",
+              "name": "form",
               "type": {
-                "text": "boolean"
+                "text": "HTMLFormElement | null"
               },
-              "default": "false",
-              "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
-              "attribute": "has-leading-icon",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "hasTrailingIcon",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "any"
               },
-              "default": "false",
-              "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
-              "attribute": "has-trailing-icon",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "Gets or sets the current value of the typeahead."
+            },
+            {
+              "kind": "method",
+              "name": "focus"
+            },
+            {
+              "kind": "method",
+              "name": "clear"
             },
             {
               "kind": "field",
-              "name": "hasErrorText",
+              "name": "targetId",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
-              "attribute": "has-error-text",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "The id of the target element to attach the typeahead.",
+              "attribute": "target-id",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "assignedLeadingIcons",
+              "name": "_menu",
               "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "text": "UmMenu"
               }
             },
             {
               "kind": "field",
-              "name": "assignedTrailingIcons",
+              "name": "menuItems",
               "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "text": "NodeListOf<UmMenuItem>"
               }
             },
             {
               "kind": "field",
-              "name": "assignedErrorTexts",
+              "name": "_menuItems",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "UmMenuItem[]"
               },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#attach",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#detach",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handleItemMouseDown",
               "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "_labelElement",
-              "type": {
-                "text": "HTMLElement"
-              },
+              "name": "#handleFocus",
               "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_container",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "name": "#handleInput",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "renderAfterContent",
-              "privacy": "protected",
+              "name": "#getItemClickHandler",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "data",
+                  "type": {
+                    "text": "Data"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#setValueAndDispatchEvents",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "direct",
+                  "default": "false"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#renderTemplate",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "TemplateResult"
                 }
               },
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleLeadingIconSlotChange",
+              "name": "#updateResults",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "parameters": [
+                {
+                  "name": "lazy",
+                  "default": "false"
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleTrailingIconSlotChange",
+              "name": "#getData",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+              "return": {
+                "type": {
+                  "text": "Promise<Data[]>"
+                }
               }
             },
             {
               "kind": "method",
-              "name": "handleErrorTextSlotChange",
+              "name": "#setValueOnTarget",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#getTargetValue",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               }
             },
             {
               "kind": "method",
-              "name": "renderDefaultTrailingIcon",
-              "privacy": "protected",
+              "name": "#setTargetValue",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TemplateResult | typeof nothing"
+                  "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "default": "'text'",
-              "fieldName": "type"
-            },
-            {
-              "name": "prefix-text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "prefixText"
-            },
-            {
-              "name": "suffix-text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "suffixText"
-            },
-            {
-              "name": "readOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "readOnly"
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
-              "name": "autocapitalize",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "autocapitalize"
+              "kind": "method",
+              "name": "#setMenuAnchor",
+              "privacy": "private"
             },
             {
-              "name": "value",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "kind": "method",
+              "name": "#getMenuAnchor",
+              "privacy": "private"
             },
             {
-              "name": "autocomplete",
-              "type": {
-                "text": "'on' | 'off' | string | undefined"
-              },
-              "fieldName": "autocomplete",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              "kind": "method",
+              "name": "#getTextValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               }
             },
             {
-              "name": "maxlength",
-              "type": {
-                "text": "number | undefined"
-              },
-              "fieldName": "maxlength",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              "kind": "method",
+              "name": "#setMenuWidthProperty",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
-            },
+            }
+          ],
+          "events": [
             {
-              "name": "role",
+              "name": "input",
               "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "fieldName": "role",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+                "text": "InputEvent"
               }
             },
             {
-              "name": "placeholder",
+              "name": "change",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "placeholder",
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
+                "text": "Event"
               }
-            },
+            }
+          ],
+          "attributes": [
             {
-              "name": "variant",
+              "name": "debounce",
               "type": {
-                "text": "'filled' | 'outlined' | undefined"
+                "text": "number"
               },
-              "default": "undefined",
-              "fieldName": "variant",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "300",
+              "description": "The time in milliseconds before triggering an update in the results.",
+              "fieldName": "debounce"
             },
             {
-              "name": "label",
+              "name": "limit",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "description": "The floating label for the field",
-              "fieldName": "label",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "10",
+              "description": "The number of suggestions to show",
+              "fieldName": "limit"
             },
             {
-              "name": "counter",
+              "name": "minLength",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "fieldName": "counter",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "2",
+              "description": "How many characters must be typed before show suggestions\n\n_Note:_ Not used when the source is a `Promise`",
+              "fieldName": "minLength"
             },
             {
-              "name": "hide-counter",
+              "name": "open-on-focus",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "hideCounter",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "name": "supporting-text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Supporting text conveys additional information about the field, such as how it will be used",
-              "fieldName": "supportingText",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "name": "error-text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
-              "fieldName": "errorText",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "Whether the menu will be show when the target get focus.\n\n_Note:_ The `minLength` will still be applied",
+              "fieldName": "openOnFocus"
             },
             {
-              "name": "empty",
+              "name": "editable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
-              "fieldName": "empty",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "If `true`, model values will not be restricted only to items selected from the menu.",
+              "fieldName": "editable"
             },
             {
-              "name": "disabled",
+              "name": "autocomplete",
               "type": {
-                "text": "boolean"
+                "text": "'on' | 'off' | string"
               },
-              "default": "false",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "'off'",
+              "description": "The value for the `autocomplete` attribute for the target element.",
+              "fieldName": "autocomplete"
             },
             {
-              "name": "invalid",
+              "name": "spellcheck",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Get or sets where or not the field is in a visually invalid state.",
-              "fieldName": "invalid",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "The value for the `spellcheck` attribute for the target element.",
+              "fieldName": "spellcheck"
             },
             {
-              "name": "has-leading-icon",
+              "name": "fit-target",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasLeadingIcon",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "fieldName": "fitTarget"
             },
             {
-              "name": "has-trailing-icon",
+              "name": "positioning",
               "type": {
-                "text": "boolean"
+                "text": "'relative' | 'fixed'"
               },
-              "default": "false",
-              "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasTrailingIcon",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "'relative'",
+              "fieldName": "positioning"
             },
             {
-              "name": "has-error-text",
+              "name": "target-id",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
-              "fieldName": "hasErrorText",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "The id of the target element to attach the typeahead.",
+              "fieldName": "targetId"
             }
           ],
           "superclass": {
-            "name": "UmNativeTextFieldWrapper",
-            "module": "/src/shared/char-count-text-field/native-text-field-wrapper.js"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "u-text-field",
+          "tagName": "u-typeahead",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmTextField",
+          "name": "UmTypeahead",
           "declaration": {
-            "name": "UmTextField",
-            "module": "src/text-field/text-field.ts"
+            "name": "UmTypeahead",
+            "module": "src/typeahead/typeahead.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-text-field",
+          "name": "u-typeahead",
           "declaration": {
-            "name": "UmTextField",
-            "module": "src/text-field/text-field.ts"
+            "name": "UmTypeahead",
+            "module": "src/typeahead/typeahead.ts"
           }
         }
       ]
@@ -22195,12 +22113,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/typeahead/highlight.styles.ts",
+      "path": "src/text-field/text-field.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css ` :host { display: inline-block; } `"
+          "default": "css ` .prefix::slotted(*), .prefix span, .suffix::slotted(*), .suffix span { transition: opacity 150ms 100ms; } .prefix span:empty, .suffix span:empty { display: none; } .prefix::slotted(*), .prefix span { color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)))); margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px)); } .suffix::slotted(*), .suffix span { color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)))); margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px)); } :host([disabled]) .prefix span, :host([disabled]) .prefix::slotted(*) { color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-field-disabled-opacity, 38%), transparent))); } :host([disabled]) .suffix span, :host([disabled]) .suffix::slotted(*) { color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-field-disabled-opacity, 38%), transparent))); } :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix::slotted(*), :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix span, :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix::slotted(*), :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix span { opacity: 0; transition: opacity 150ms; } `"
         }
       ],
       "exports": [
@@ -22209,787 +22127,875 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/typeahead/highlight.styles.ts"
+            "module": "src/text-field/text-field.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/typeahead/highlight.ts",
+      "path": "src/text-field/text-field.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmHighlight",
+          "name": "UmTextField",
           "members": [
             {
               "kind": "field",
-              "name": "#result",
-              "privacy": "private",
+              "name": "type",
               "type": {
-                "text": "string | undefined"
-              }
+                "text": "string"
+              },
+              "default": "'text'",
+              "attribute": "type"
             },
             {
               "kind": "field",
-              "name": "#term",
-              "privacy": "private",
+              "name": "prefixText",
               "type": {
                 "text": "string | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "parts",
-              "type": {
-                "text": "string[] | undefined"
               },
-              "privacy": "private"
+              "attribute": "prefix-text"
             },
             {
               "kind": "field",
-              "name": "result",
+              "name": "suffixText",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The result text to display. If the term is found inside this text, it's highlighted",
-              "attribute": "result"
+              "attribute": "suffix-text"
             },
             {
               "kind": "field",
-              "name": "term",
+              "name": "readOnly",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The searched term",
-              "attribute": "term"
+              "default": "false",
+              "attribute": "readOnly",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "setParts",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "result",
+              "kind": "field",
+              "name": "autocapitalize",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The result text to display. If the term is found inside this text, it's highlighted",
-              "fieldName": "result"
+              "attribute": "autocapitalize",
+              "reflects": true
             },
-            {
-              "name": "term",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The searched term",
-              "fieldName": "term"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-highlight",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmHighlight",
-          "declaration": {
-            "name": "UmHighlight",
-            "module": "src/typeahead/highlight.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-highlight",
-          "declaration": {
-            "name": "UmHighlight",
-            "module": "src/typeahead/highlight.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/typeahead/typeahead-template-render.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TypeaheadTemplateRender",
-          "members": [
             {
               "kind": "field",
-              "name": "content",
+              "name": "input",
               "type": {
-                "text": "string | HTMLElement | null"
+                "text": "HTMLInputElement | HTMLTextAreaElement"
               },
-              "default": "null",
-              "attribute": "content"
-            }
-          ],
-          "attributes": [
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
+            },
             {
-              "name": "content",
-              "type": {
-                "text": "string | HTMLElement | null"
+              "kind": "method",
+              "name": "renderControl",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "HTMLTemplateResult"
+                }
               },
-              "default": "null",
-              "fieldName": "content"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-typeahead-template-render",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TypeaheadTemplateRender",
-          "declaration": {
-            "name": "TypeaheadTemplateRender",
-            "module": "src/typeahead/typeahead-template-render.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-typeahead-template-render",
-          "declaration": {
-            "name": "TypeaheadTemplateRender",
-            "module": "src/typeahead/typeahead-template-render.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/typeahead/typeahead.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { display: block; --u-menu-item-label-font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400)); } :host([fit-target]) u-menu::part(menu) { width: var(--_menu-width); max-width: none; } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/typeahead/typeahead.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/typeahead/typeahead.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmTypeahead",
-          "members": [
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
+            },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "_value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "static": true,
-              "readonly": true,
-              "default": "true"
+              "privacy": "protected",
+              "default": "''",
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#targetId",
-              "privacy": "private",
-              "type": {
-                "text": "string | undefined"
+              "name": "value",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "#connected",
-              "privacy": "private",
+              "name": "autocomplete",
               "type": {
-                "text": "boolean"
+                "text": "'on' | 'off' | string | undefined"
               },
-              "default": "false"
+              "attribute": "autocomplete",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#target",
+              "name": "#maxlength",
               "privacy": "private",
               "type": {
-                "text": "| (HTMLElement & {\n      autocomplete: 'on' | 'off' | string | null;\n      input?: HTMLInputElement;\n      _container?: HTMLElement;\n      value: string;\n    })\n    | null"
+                "text": "number | undefined"
               },
-              "default": "null"
-            },
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
+            },
             {
               "kind": "field",
-              "name": "#documentMutationObserver",
-              "privacy": "private",
+              "name": "maxlength",
               "type": {
-                "text": "MutationObserver | null"
+                "text": "number | undefined"
               },
-              "default": "null"
+              "attribute": "maxlength",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#targetResizeObserver",
-              "privacy": "private",
+              "name": "role",
               "type": {
-                "text": "ResizeObserver | null"
+                "text": "string | null"
               },
-              "default": "null"
+              "default": "null",
+              "attribute": "role",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "#navigationController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new MenuFieldNavigationController(this)"
+              "kind": "method",
+              "name": "focus",
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "#termNormalized",
+              "kind": "method",
+              "name": "_handleKeyDown",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleInput",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#updateCounter",
               "privacy": "private",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#debounceTimeout",
-              "privacy": "private",
+              "name": "formAssociated",
               "type": {
-                "text": "number | null"
+                "text": "boolean"
               },
-              "default": "null"
+              "static": true,
+              "readonly": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#value",
-              "privacy": "private",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "any"
+                "text": "ShadowRootInit"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }",
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "#elementInternals",
-              "privacy": "private",
+              "name": "empty",
               "type": {
-                "text": "ElementInternals"
+                "text": "boolean"
               },
-              "readonly": true
+              "default": "true",
+              "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
+              "attribute": "empty",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "results",
+              "name": "placeholder",
               "type": {
-                "text": "Data[]"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''",
+              "attribute": "placeholder",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "source",
+              "name": "form",
               "type": {
-                "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
+                "text": "HTMLFormElement | null"
               },
-              "description": "The datasource of the typeahead. Accepts an `Array` or a `Promise<[]>`."
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "formatter",
+              "name": "elementInternals",
               "type": {
-                "text": "((value: any) => string) | undefined"
+                "text": "ElementInternals"
               },
-              "description": "A function return a string based on a result from the `source`. Useful when the source results are objects."
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "template",
+              "name": "config",
               "type": {
-                "text": "((term: string, value: any) => string | HTMLElement | TemplateResult) | undefined"
+                "text": "UmFieldDefaults | undefined"
               },
-              "description": "A string representing an HTML to be rendered inside the menu item. If set, it will replace the `u-highlight`.\n\n_Note:_ Subject to signature change"
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "debounce",
+              "name": "variant",
               "type": {
-                "text": "number"
+                "text": "'filled' | 'outlined' | undefined"
               },
-              "default": "300",
-              "description": "The time in milliseconds before triggering an update in the results.",
-              "attribute": "debounce",
-              "reflects": true
+              "default": "undefined",
+              "attribute": "variant",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "limit",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "10",
-              "description": "The number of suggestions to show",
-              "attribute": "limit",
-              "reflects": true
+              "description": "The floating label for the field",
+              "attribute": "label",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "minLength",
+              "name": "_innerCounter",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "2",
-              "description": "How many characters must be typed before show suggestions\n\n_Note:_ Not used when the source is a `Promise`",
-              "attribute": "minLength",
-              "reflects": true
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "openOnFocus",
+              "name": "counter",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the menu will be show when the target get focus.\n\n_Note:_ The `minLength` will still be applied",
-              "attribute": "open-on-focus",
-              "reflects": true
+              "attribute": "counter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "editable",
+              "name": "hideCounter",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If `true`, model values will not be restricted only to items selected from the menu.",
-              "attribute": "editable",
-              "reflects": true
+              "attribute": "hide-counter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "autocomplete",
+              "name": "supportingText",
               "type": {
-                "text": "'on' | 'off' | string"
+                "text": "string | undefined"
               },
-              "default": "'off'",
-              "description": "The value for the `autocomplete` attribute for the target element.",
-              "attribute": "autocomplete",
-              "reflects": true
+              "description": "Supporting text conveys additional information about the field, such as how it will be used",
+              "attribute": "supporting-text",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "spellcheck",
+              "name": "errorText",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "The value for the `spellcheck` attribute for the target element.",
-              "attribute": "spellcheck",
-              "reflects": true
+              "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
+              "attribute": "error-text",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "fitTarget",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "fit-target",
-              "reflects": true
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "positioning",
+              "name": "invalid",
               "type": {
-                "text": "'relative' | 'fixed'"
+                "text": "boolean"
               },
-              "default": "'relative'",
-              "attribute": "positioning",
-              "reflects": true
+              "default": "false",
+              "description": "Get or sets where or not the field is in a visually invalid state.",
+              "attribute": "invalid",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
+              "kind": "method",
+              "name": "setDefaults",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
+                }
               },
-              "readonly": true
+              "parameters": [
+                {
+                  "name": "contextRoot",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "UmFieldDefaults"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "hasLeadingIcon",
               "type": {
-                "text": "any"
+                "text": "boolean"
               },
-              "description": "Gets or sets the current value of the typeahead."
-            },
-            {
-              "kind": "method",
-              "name": "focus"
-            },
-            {
-              "kind": "method",
-              "name": "clear"
+              "default": "false",
+              "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
+              "attribute": "has-leading-icon",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "targetId",
+              "name": "hasTrailingIcon",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The id of the target element to attach the typeahead.",
-              "attribute": "target-id",
-              "reflects": true
+              "default": "false",
+              "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
+              "attribute": "has-trailing-icon",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_menu",
+              "name": "hasErrorText",
               "type": {
-                "text": "UmMenu"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
+              "attribute": "has-error-text",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "menuItems",
+              "name": "assignedLeadingIcons",
               "type": {
-                "text": "NodeListOf<UmMenuItem>"
+                "text": "HTMLElement[]"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "_menuItems",
+              "name": "assignedTrailingIcons",
               "type": {
-                "text": "UmMenuItem[]"
+                "text": "HTMLElement[]"
               },
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "#attach",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#detach",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#handleItemMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#handleFocus",
+              "name": "assignedErrorTexts",
+              "type": {
+                "text": "HTMLElement[]"
+              },
               "privacy": "private",
-              "readonly": true
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#handleInput",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "#getItemClickHandler",
+              "name": "_labelElement",
+              "type": {
+                "text": "HTMLElement"
+              },
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "data",
-                  "type": {
-                    "text": "Data"
-                  }
-                }
-              ]
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "#setValueAndDispatchEvents",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "direct",
-                  "default": "false"
-                }
-              ]
+              "kind": "field",
+              "name": "_container",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#renderTemplate",
-              "privacy": "private",
+              "name": "renderAfterContent",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "TemplateResult"
                 }
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#updateResults",
+              "name": "handleLeadingIconSlotChange",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "lazy",
-                  "default": "false"
-                }
-              ]
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#getData",
+              "name": "handleTrailingIconSlotChange",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<Data[]>"
-                }
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#setValueOnTarget",
-              "privacy": "private"
+              "name": "handleErrorTextSlotChange",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#getTargetValue",
-              "privacy": "private",
+              "name": "renderDefaultTrailingIcon",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "TemplateResult | typeof nothing"
                 }
+              },
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "default": "'text'",
+              "fieldName": "type"
             },
             {
-              "kind": "method",
-              "name": "#setTargetValue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "prefix-text",
+              "type": {
+                "text": "string | undefined"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "fieldName": "prefixText"
             },
             {
-              "kind": "method",
-              "name": "#setMenuAnchor",
-              "privacy": "private"
+              "name": "suffix-text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "suffixText"
             },
             {
-              "kind": "method",
-              "name": "#getMenuAnchor",
-              "privacy": "private"
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "readOnly"
             },
             {
-              "kind": "method",
-              "name": "#getTextValue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "name": "autocapitalize",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "autocapitalize"
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#setMenuWidthProperty",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "autocomplete",
+              "type": {
+                "text": "'on' | 'off' | string | undefined"
+              },
+              "fieldName": "autocomplete",
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
               }
-            }
-          ],
-          "events": [
+            },
+            {
+              "name": "maxlength",
+              "type": {
+                "text": "number | undefined"
+              },
+              "fieldName": "maxlength",
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "role",
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
+            },
             {
-              "name": "input",
+              "name": "variant",
               "type": {
-                "text": "InputEvent"
+                "text": "'filled' | 'outlined' | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "variant",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "change",
+              "name": "label",
               "type": {
-                "text": "Event"
+                "text": "string | undefined"
+              },
+              "description": "The floating label for the field",
+              "fieldName": "label",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "debounce",
+              "name": "counter",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "300",
-              "description": "The time in milliseconds before triggering an update in the results.",
-              "fieldName": "debounce"
+              "fieldName": "counter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "limit",
+              "name": "hide-counter",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "10",
-              "description": "The number of suggestions to show",
-              "fieldName": "limit"
+              "default": "false",
+              "fieldName": "hideCounter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "minLength",
+              "name": "supporting-text",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "2",
-              "description": "How many characters must be typed before show suggestions\n\n_Note:_ Not used when the source is a `Promise`",
-              "fieldName": "minLength"
+              "description": "Supporting text conveys additional information about the field, such as how it will be used",
+              "fieldName": "supportingText",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "open-on-focus",
+              "name": "error-text",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the menu will be show when the target get focus.\n\n_Note:_ The `minLength` will still be applied",
-              "fieldName": "openOnFocus"
+              "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
+              "fieldName": "errorText",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "editable",
+              "name": "empty",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If `true`, model values will not be restricted only to items selected from the menu.",
-              "fieldName": "editable"
+              "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
+              "fieldName": "empty",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "autocomplete",
+              "name": "disabled",
               "type": {
-                "text": "'on' | 'off' | string"
+                "text": "boolean"
               },
-              "default": "'off'",
-              "description": "The value for the `autocomplete` attribute for the target element.",
-              "fieldName": "autocomplete"
+              "default": "false",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "spellcheck",
+              "name": "invalid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The value for the `spellcheck` attribute for the target element.",
-              "fieldName": "spellcheck"
+              "description": "Get or sets where or not the field is in a visually invalid state.",
+              "fieldName": "invalid",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "fit-target",
+              "name": "has-leading-icon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "fitTarget"
+              "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
+              "fieldName": "hasLeadingIcon",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "positioning",
+              "name": "has-trailing-icon",
               "type": {
-                "text": "'relative' | 'fixed'"
+                "text": "boolean"
               },
-              "default": "'relative'",
-              "fieldName": "positioning"
+              "default": "false",
+              "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
+              "fieldName": "hasTrailingIcon",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "target-id",
+              "name": "has-error-text",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The id of the target element to attach the typeahead.",
-              "fieldName": "targetId"
+              "default": "false",
+              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
+              "fieldName": "hasErrorText",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "UmNativeTextFieldWrapper",
+            "module": "/src/shared/char-count-text-field/native-text-field-wrapper.js"
           },
-          "tagName": "u-typeahead",
+          "tagName": "u-text-field",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmTypeahead",
+          "name": "UmTextField",
           "declaration": {
-            "name": "UmTypeahead",
-            "module": "src/typeahead/typeahead.ts"
+            "name": "UmTextField",
+            "module": "src/text-field/text-field.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-typeahead",
+          "name": "u-text-field",
           "declaration": {
-            "name": "UmTypeahead",
-            "module": "src/typeahead/typeahead.ts"
+            "name": "UmTextField",
+            "module": "src/text-field/text-field.ts"
           }
         }
       ]
@@ -23711,53 +23717,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/events/dispatch-event.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/events/redispatch-event.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "redispatchEvent",
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "Element"
-              }
-            },
-            {
-              "name": "event",
-              "type": {
-                "text": "Event"
-              }
-            },
-            {
-              "name": "newType",
-              "default": "null",
-              "type": {
-                "text": "string | null"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "redispatchEvent",
-          "declaration": {
-            "name": "redispatchEvent",
-            "module": "src/shared/events/redispatch-event.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
@@ -23974,6 +23933,53 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/events/dispatch-event.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/events/redispatch-event.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "redispatchEvent",
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "Element"
+              }
+            },
+            {
+              "name": "event",
+              "type": {
+                "text": "Event"
+              }
+            },
+            {
+              "name": "newType",
+              "default": "null",
+              "type": {
+                "text": "string | null"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "redispatchEvent",
+          "declaration": {
+            "name": "redispatchEvent",
+            "module": "src/shared/events/redispatch-event.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/shared/selection-control/selection-control-list-item.ts",