npm - @universal-material/web - Versions diffs - 3.5.8 → 3.6.0 - Mend

@universal-material/web 3.5.8 → 3.6.0

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 (15) hide show

package/app-bar/top-app-bar.styles.js +2 -2
package/app-bar/top-app-bar.styles.js.map +1 -1
package/css/universal-material.css +128 -595
package/css/universal-material.min.css +128 -595
package/custom-elements.json +1368 -1368
package/package.json +1 -1
package/scss/_css-vars.scss +5 -1
package/scss/_reboot.scss +3 -4
package/scss/mixins/_text-bg.scss +2 -12
package/scss/table/_table.scss +3 -3
package/scss/utilities/_divider.scss +1 -1
package/theme/theme-builder.d.ts.map +1 -1
package/theme/theme-builder.js +1 -2
package/theme/theme-builder.js.map +1 -1
package/vscode.html-custom-data.json +315 -325

package/custom-elements.json CHANGED Viewed

@@ -445,7 +445,7 @@
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css ` :host { display: block; } .leading-icon, .trailing-icon { align-items: center; gap: var(--u-top-app-bar-icons-gap, 8px); } slot[name=leading-icon]::slotted(u-icon-button) { color: inherit; } .container { background-color: var(--u-top-app-bar-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255)))); color: var(--u-top-app-bar-text-color, var(--u-color-on-surface, rgb(29, 27, 32))); transition: background-color 100ms, inset 375ms cubic-bezier(0.19, 1, 0.22, 1); } .scrolled { background-color: var(--u-top-app-bar-constrast-bg-color, var(--u-color-surface-container, rgb(243, 237, 247))); } .has-leading-icon .leading-icon { display: inline-flex; } .has-trailing-icon .trailing-icon { display: inline-flex; } .absolute { position: absolute; } .fixed { position: fixed; inset-inline: 0; inset-block-start: 0; inset-inline-start: var(--u-app-bar-offset, 0); } .absolute, .fixed { z-index: var(--u-fixed-app-bar-z-index, 1010); } .spacing { padding-top: var(--_content-height); } .extended-content { display: flex; align-items: flex-end; padding-inline: var(--u-extended-content-inline-padding, 16px); } .medium + .extended-content { 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-extended-content-medium-line-height, var(--u-headline-s-line-height, 2rem)); font-size: var(--u-extended-content-medium-font-size, var(--u-headline-s-font-size, 1.5rem)); letter-spacing: var(--u-extended-content-medium-letter-spacing, var(--u-headline-s-letter-spacing, 0rem)); font-weight: var(--u-extended-content-medium-font-weight, var(--u-headline-s-font-weight, var(--u-font-weight-regular, 400))); height: var(--u-extended-content-medium-height, 3.5rem); padding-bottom: var(--u-extended-content-medium-padding-bottom, 24px); } .large + .extended-content { 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-extended-content-large-line-height, var(--u-headline-m-line-height, 2.25rem)); font-size: var(--u-extended-content-large-font-size, var(--u-headline-m-font-size, 1.75rem)); letter-spacing: var(--u-extended-content-large-letter-spacing, var(--u-headline-m-letter-spacing, 0rem)); font-weight: var(--u-extended-content-large-font-weight, var(--u-headline-m-font-weight, var(--u-font-weight-regular, 400))); height: var(--u-extended-content-medium-large, 6rem); padding-bottom: var(--u-extended-content-large-padding-bottom, 28px); } .content { display: flex; align-items: center; background-color: inherit; transition: inherit; min-height: var(--u-top-app-bar-min-height, 56px); } @media (min-width: 840px) { .content { min-height: var(--u-top-app-bar-extended-min-height, 64px); } } .headline { overflow: hidden; 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-top-app-bar-headline-line-height, var(--u-title-l-line-height, 1.75rem)); font-size: var(--u-top-app-bar-headline-font-size, var(--u-title-l-font-size, 1.375rem)); letter-spacing: var(--u-top-app-bar-headline-letter-spacing, var(--u-title-l-letter-spacing, 0rem)); font-weight: var(--u-top-app-bar-headline-font-weight, var(--u-title-l-font-weight, var(--u-font-weight-regular, 400))); margin-inline: var(--u-headline-margin, 16px); } .has-leading-icon .headline { margin-inline-start: 0; } .leading-icon { margin-inline: var(--u-leading-icon-margin, 8px); } .trailing-icon { padding-inline: var(--u-trailing-icon-margin, 8px); margin-inline-start: auto; } `"
+          "default": "css ` :host { display: block; } .leading-icon, .trailing-icon { align-items: center; gap: var(--u-top-app-bar-icons-gap, 8px); } slot[name=leading-icon]::slotted(u-icon-button) { color: inherit; } .container { background-color: var(--u-top-app-bar-container-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255)))); color: var(--u-top-app-bar-text-color, var(--u-color-on-surface, rgb(29, 27, 32))); transition: background-color 100ms, inset 375ms cubic-bezier(0.19, 1, 0.22, 1); } .scrolled { background-color: var(--u-top-app-bar-on-scroll-container-color, var(--u-color-surface-container, rgb(243, 237, 247))); } .has-leading-icon .leading-icon { display: inline-flex; } .has-trailing-icon .trailing-icon { display: inline-flex; } .absolute { position: absolute; } .fixed { position: fixed; inset-inline: 0; inset-block-start: 0; inset-inline-start: var(--u-app-bar-offset, 0); } .absolute, .fixed { z-index: var(--u-fixed-app-bar-z-index, 1010); } .spacing { padding-top: var(--_content-height); } .extended-content { display: flex; align-items: flex-end; padding-inline: var(--u-extended-content-inline-padding, 16px); } .medium + .extended-content { 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-extended-content-medium-line-height, var(--u-headline-s-line-height, 2rem)); font-size: var(--u-extended-content-medium-font-size, var(--u-headline-s-font-size, 1.5rem)); letter-spacing: var(--u-extended-content-medium-letter-spacing, var(--u-headline-s-letter-spacing, 0rem)); font-weight: var(--u-extended-content-medium-font-weight, var(--u-headline-s-font-weight, var(--u-font-weight-regular, 400))); height: var(--u-extended-content-medium-height, 3.5rem); padding-bottom: var(--u-extended-content-medium-padding-bottom, 24px); } .large + .extended-content { 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-extended-content-large-line-height, var(--u-headline-m-line-height, 2.25rem)); font-size: var(--u-extended-content-large-font-size, var(--u-headline-m-font-size, 1.75rem)); letter-spacing: var(--u-extended-content-large-letter-spacing, var(--u-headline-m-letter-spacing, 0rem)); font-weight: var(--u-extended-content-large-font-weight, var(--u-headline-m-font-weight, var(--u-font-weight-regular, 400))); height: var(--u-extended-content-medium-large, 6rem); padding-bottom: var(--u-extended-content-large-padding-bottom, 28px); } .content { display: flex; align-items: center; background-color: inherit; transition: inherit; min-height: var(--u-top-app-bar-min-height, 56px); } @media (min-width: 840px) { .content { min-height: var(--u-top-app-bar-extended-min-height, 64px); } } .headline { overflow: hidden; 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-top-app-bar-headline-line-height, var(--u-title-l-line-height, 1.75rem)); font-size: var(--u-top-app-bar-headline-font-size, var(--u-title-l-font-size, 1.375rem)); letter-spacing: var(--u-top-app-bar-headline-letter-spacing, var(--u-title-l-letter-spacing, 0rem)); font-weight: var(--u-top-app-bar-headline-font-weight, var(--u-title-l-font-weight, var(--u-font-weight-regular, 400))); margin-inline: var(--u-headline-margin, 16px); } .has-leading-icon .headline { margin-inline-start: 0; } .leading-icon { margin-inline: var(--u-leading-icon-margin, 8px); } .trailing-icon { padding-inline: var(--u-trailing-icon-margin, 8px); margin-inline-start: auto; } `"
         }
       ],
       "exports": [
@@ -4564,6 +4564,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",
@@ -5234,106 +5334,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/calendar/calendar-adapter.ts",
@@ -9479,33 +9479,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/datepicker/datepicker.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/datepicker/datepicker.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/datepicker/datepicker.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/dialog/confirm-dialog-builder.ts",
@@ -10447,6 +10420,33 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/datepicker/datepicker.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/datepicker/datepicker.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/datepicker/datepicker.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/field/field-base.styles.ts",
@@ -19244,12 +19244,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-bar/tab-bar.styles.ts",
+      "path": "src/text-area/text-area.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css ` :host { position: relative; display: block; --_active-color: var(--u-tab-active-color, var(--u-color-primary, rgb(103, 80, 164))); --_active-label-color: var(--u-tab-active-label-color, var(--u-color-primary, rgb(103, 80, 164))); overflow: hidden; } .container { position: relative; display: flex; flex-direction: row; width: 100%; min-height: var(--u-tab-bar-min-height, 48px); overflow: auto; scroll-padding-inline: 128px; scrollbar-width: none; } .container::-webkit-scrollbar { display: none; } .scroll-indicator { --u-elevation-level: 2; cursor: pointer; position: absolute; display: none; align-items: center; justify-content: center; top: 0; width: var(--u-tab-bar-scroll-indicator-size, 32px); background-color: var(--u-scroll-indicator-bg-color, var(--u-current-bg-color, var(--u-color-surface, rgb(254, 247, 255)))); font-size: 1.5rem; height: 100%; z-index: 1; } @media (hover: hover) { :host(:hover) .scroll-indicator.active { display: flex; } } .scroll-left { left: 0; } .scroll-right { right: 0; } .tab-indicator { position: absolute; background-color: var(--_active-color); height: 3px; bottom: 0; transition: inset 200ms ease-out, width 200ms ease-out; } .container:not(.secondary) .tab-indicator { border-radius: var(--u-tab-bar-primary-border-radius, 9999px 9999px 0 0); } .secondary { --_active-label-color: var(--u-tab-secondary-active-label-color, var(--u-color-on-surface, rgb(29, 27, 32))); --_tab-content-direction: row; --_tab-content-gap: 8px; --u-tab-with-icon-height: var(--u-tab-secondary-with-icon-height, 48px); } `"
+          "default": "css ` :host { resize: both; } .container, .input-wrapper { resize: inherit; } .input-wrapper, .input, textarea, .container { height: 100%; } .input-wrapper { padding: 0 !important; overflow: hidden; } textarea { margin: 0; resize: none; } .input textarea { border-block: var(--_vertical-padding) solid transparent; padding-inline: var(--_field-control-inline-padding); } .container.filled:not(.no-label) textarea { border-top: calc(var(--_vertical-padding) + var(--_label-line-height)) solid transparent; border-bottom: var(--_vertical-padding) solid transparent; } `"
         }
       ],
       "exports": [
@@ -19258,632 +19258,823 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/tab-bar/tab-bar.styles.ts"
+            "module": "src/text-area/text-area.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-bar/tab-bar.ts",
+      "path": "src/text-area/text-area.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmTabBar",
+          "name": "UmTextArea",
           "members": [
             {
               "kind": "field",
-              "name": "#tabs",
-              "privacy": "private",
+              "name": "rows",
               "type": {
-                "text": "UmTab[]"
+                "text": "number"
               },
-              "default": "[]"
+              "default": "2",
+              "attribute": "rows"
             },
             {
               "kind": "field",
-              "name": "#activeTab",
-              "privacy": "private",
+              "name": "input",
               "type": {
-                "text": "UmTab | null"
+                "text": "HTMLInputElement | HTMLTextAreaElement"
               },
-              "default": "null"
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "#resizeObserver",
-              "privacy": "private",
-              "type": {
-                "text": "ResizeObserver"
+              "kind": "method",
+              "name": "renderControl",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "HTMLTemplateResult"
+                }
               },
-              "readonly": true,
-              "default": "new ResizeObserver(() => { this._setScrollIndicatorsActive(); this._updateTabIndicator(); })"
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "_value",
               "type": {
-                "text": "'primary' | 'secondary'"
+                "text": "string"
               },
-              "default": "'primary'",
-              "attribute": "variant",
-              "reflects": true
+              "privacy": "protected",
+              "default": "''",
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_scrollLeft",
+              "name": "value",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "autocomplete",
               "type": {
-                "text": "HTMLElement"
+                "text": "'on' | 'off' | string | undefined"
               },
-              "privacy": "private",
-              "readonly": true
+              "attribute": "autocomplete",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_scrollRight",
+              "name": "#maxlength",
+              "privacy": "private",
               "type": {
-                "text": "HTMLElement"
+                "text": "number | undefined"
               },
-              "privacy": "private",
-              "readonly": true
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_container",
+              "name": "maxlength",
               "type": {
-                "text": "HTMLElement"
+                "text": "number | undefined"
               },
-              "privacy": "private",
-              "readonly": true
+              "attribute": "maxlength",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_tabIndicator",
+              "name": "role",
               "type": {
-                "text": "HTMLElement | undefined"
+                "text": "string | 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"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#updateCounter",
               "privacy": "private",
-              "readonly": true
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "assignedElements",
+              "name": "formAssociated",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "boolean"
+              },
+              "static": true,
+              "readonly": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "activeTabIndex",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "number"
+                "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": "activeTab",
+              "name": "empty",
               "type": {
-                "text": "UmTab | null"
+                "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"
               }
             },
             {
               "kind": "field",
-              "name": "#handleSlotChange",
-              "privacy": "private",
-              "readonly": true
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "placeholder",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#handleContainerScrollEnd",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "_updateTabIndicator"
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#scrollToLeft",
-              "privacy": "private",
-              "readonly": true
+              "name": "elementInternals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#scrollToRight",
+              "name": "config",
+              "type": {
+                "text": "UmFieldDefaults | undefined"
+              },
               "privacy": "private",
-              "readonly": true
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "_setScrollIndicatorsActive"
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'filled' | 'outlined' | undefined"
+              },
+              "default": "undefined",
+              "attribute": "variant",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "#attach",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
+              "kind": "field",
+              "name": "label",
               "type": {
-                "text": "'primary' | 'secondary'"
+                "text": "string | undefined"
               },
-              "default": "'primary'",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-tab-bar",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmTabBar",
-          "declaration": {
-            "name": "UmTabBar",
-            "module": "src/tab-bar/tab-bar.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-tab-bar",
-          "declaration": {
-            "name": "UmTabBar",
-            "module": "src/tab-bar/tab-bar.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tab-bar/tab.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` .container { --u-focus-ring-outline-offset: -4px; --_tab-height: var(--u-tab-height, 48px); display: block; flex: 0.5; padding-inline: var(--u-tab-padding, 16px); } .tab-content { display: flex; flex-direction: var(--_tab-content-direction, column); align-items: center; justify-content: center; max-width: 100%; height: var(--_tab-height); gap: var(--_tab-content-gap, 0); } .has-icon { --_tab-height: var(--u-tab-with-icon-height, 64px); } .force-focus-ring .button, .button:focus-visible { border-radius: var(--u-spacing-small, 8px); } .label { 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-tab-label-line-height, var(--u-title-s-line-height, 1.25rem)); font-size: var(--u-tab-label-font-size, var(--u-title-s-font-size, 0.875rem)); letter-spacing: var(--u-tab-label-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem)); font-weight: var(--u-tab-label-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500))); color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .icon { display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .active .icon, .active .label { color: var(--_active-label-color); } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/tab-bar/tab.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tab-bar/tab.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmTab",
-          "members": [
+              "description": "The floating label for the field",
+              "attribute": "label",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
+            },
             {
               "kind": "field",
-              "name": "_bar",
+              "name": "_innerCounter",
               "type": {
-                "text": "UmTabBar | null"
+                "text": "string | undefined"
               },
-              "default": "null"
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#resizeObserver",
-              "privacy": "private",
+              "name": "counter",
               "type": {
-                "text": "ResizeObserver"
+                "text": "string | undefined"
               },
-              "readonly": true,
-              "default": "new ResizeObserver(() => { if (this.active) { this._bar?._updateTabIndicator(); } })"
+              "attribute": "counter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "active",
+              "name": "hideCounter",
               "type": {
                 "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hide-counter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "hasIcon",
+              "name": "supportingText",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "attribute": "hasIcon"
+              "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": "_container",
+              "name": "errorText",
               "type": {
-                "text": "HTMLElement"
+                "text": "string | undefined"
               },
-              "privacy": "private",
-              "readonly": 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": "_paddingInline",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "readonly": true
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "_renderContent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "HTMLTemplateResult"
-                }
+              "kind": "field",
+              "name": "invalid",
+              "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": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "_handleClick",
-              "privacy": "protected",
+              "name": "setDefaults",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
                 }
               },
               "parameters": [
                 {
-                  "name": "_",
+                  "name": "contextRoot",
                   "type": {
-                    "text": "UIEvent"
+                    "text": "HTMLElement"
                   }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#iconSlotChange",
-              "privacy": "private",
-              "parameters": [
+                },
                 {
-                  "name": "e",
+                  "name": "config",
                   "type": {
-                    "text": "Event"
+                    "text": "UmFieldDefaults"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "hasLeadingIcon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the button is disabled or not.",
-              "attribute": "disabled",
+              "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
+              "attribute": "has-leading-icon",
               "reflects": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "renderRipple",
+              "name": "hasTrailingIcon",
               "type": {
                 "text": "boolean"
               },
-              "default": "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": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "hasErrorText",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The URL that the link button points to.",
-              "attribute": "href",
+              "default": "false",
+              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
+              "attribute": "has-error-text",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "assignedLeadingIcons",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement[]"
               },
-              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
-              "attribute": "target",
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "assignedTrailingIcons",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement[]"
               },
-              "attribute": "name",
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "buttonElement",
+              "name": "assignedErrorTexts",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLElement[]"
               },
+              "privacy": "private",
               "readonly": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "_ripple",
+              "name": "_labelElement",
               "type": {
-                "text": "UmRipple"
+                "text": "HTMLElement"
               },
               "privacy": "private",
               "readonly": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "innerRole",
+              "name": "_container",
               "type": {
-                "text": "string | null"
+                "text": "HTMLElement"
               },
               "privacy": "protected",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "pathname",
-              "type": {
-                "text": "string"
-              },
-              "readonly": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "_getContainerClasses",
+              "name": "renderAfterContent",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "Record<string, boolean>"
+                  "text": "TemplateResult"
                 }
               },
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#renderButton",
+              "name": "handleLeadingIconSlotChange",
               "privacy": "private",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#renderLink",
+              "name": "handleTrailingIconSlotChange",
               "privacy": "private",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "blur",
+              "name": "handleErrorTextSlotChange",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "getAriaLabel",
+              "name": "renderDefaultTrailingIcon",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "string | null"
+                  "text": "TemplateResult | typeof nothing"
                 }
               },
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "rows",
+              "type": {
+                "text": "number"
+              },
+              "default": "2",
+              "fieldName": "rows"
             },
             {
-              "kind": "method",
-              "name": "#innerFocusHandler",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "value",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
+            },
+            {
+              "name": "autocomplete",
+              "type": {
+                "text": "'on' | 'off' | string | undefined"
               },
+              "fieldName": "autocomplete",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#innerClickHandler",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "maxlength",
+              "type": {
+                "text": "number | undefined"
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ],
+              "fieldName": "maxlength",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
               }
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "hasIcon",
+              "name": "role",
               "type": {
-                "text": "boolean"
+                "text": "string | null"
               },
-              "default": "false",
-              "fieldName": "hasIcon"
+              "default": "null",
+              "fieldName": "role",
+              "inheritedFrom": {
+                "name": "UmNativeTextFieldWrapper",
+                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              }
             },
             {
-              "name": "disabled",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'filled' | 'outlined' | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "variant",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The floating label for the field",
+              "fieldName": "label",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
+            },
+            {
+              "name": "counter",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "counter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
+            },
+            {
+              "name": "hide-counter",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the button is disabled or not.",
-              "fieldName": "disabled",
+              "fieldName": "hideCounter",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "href",
+              "name": "supporting-text",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The URL that the link button points to.",
-              "fieldName": "href",
+              "description": "Supporting text conveys additional information about the field, such as how it will be used",
+              "fieldName": "supportingText",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "target",
+              "name": "error-text",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
-              "fieldName": "target",
+              "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": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "name",
+              "name": "empty",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "fieldName": "name",
+              "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": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
-            }
-          ],
-          "superclass": {
-            "name": "UmButtonWrapper",
-            "module": "/src/shared/button-wrapper.js"
-          },
-          "tagName": "u-tab",
-          "customElement": true
-        }
-      ],
-      "exports": [
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
+            },
+            {
+              "name": "invalid",
+              "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"
+              }
+            },
+            {
+              "name": "has-leading-icon",
+              "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"
+              }
+            },
+            {
+              "name": "has-trailing-icon",
+              "type": {
+                "text": "boolean"
+              },
+              "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": "has-error-text",
+              "type": {
+                "text": "boolean"
+              },
+              "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": "UmNativeTextFieldWrapper",
+            "module": "/src/shared/char-count-text-field/native-text-field-wrapper.js"
+          },
+          "tagName": "u-text-area",
+          "customElement": true
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "UmTab",
+          "name": "UmTextArea",
           "declaration": {
-            "name": "UmTab",
-            "module": "src/tab-bar/tab.ts"
+            "name": "UmTextArea",
+            "module": "src/text-area/text-area.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-tab",
+          "name": "u-text-area",
           "declaration": {
-            "name": "UmTab",
-            "module": "src/tab-bar/tab.ts"
+            "name": "UmTextArea",
+            "module": "src/text-area/text-area.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.styles.ts",
+      "path": "src/tab-bar/tab-bar.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css ` :host { resize: both; } .container, .input-wrapper { resize: inherit; } .input-wrapper, .input, textarea, .container { height: 100%; } .input-wrapper { padding: 0 !important; overflow: hidden; } textarea { margin: 0; resize: none; } .input textarea { border-block: var(--_vertical-padding) solid transparent; padding-inline: var(--_field-control-inline-padding); } .container.filled:not(.no-label) textarea { border-top: calc(var(--_vertical-padding) + var(--_label-line-height)) solid transparent; border-bottom: var(--_vertical-padding) solid transparent; } `"
+          "default": "css ` :host { position: relative; display: block; --_active-color: var(--u-tab-active-color, var(--u-color-primary, rgb(103, 80, 164))); --_active-label-color: var(--u-tab-active-label-color, var(--u-color-primary, rgb(103, 80, 164))); overflow: hidden; } .container { position: relative; display: flex; flex-direction: row; width: 100%; min-height: var(--u-tab-bar-min-height, 48px); overflow: auto; scroll-padding-inline: 128px; scrollbar-width: none; } .container::-webkit-scrollbar { display: none; } .scroll-indicator { --u-elevation-level: 2; cursor: pointer; position: absolute; display: none; align-items: center; justify-content: center; top: 0; width: var(--u-tab-bar-scroll-indicator-size, 32px); background-color: var(--u-scroll-indicator-bg-color, var(--u-current-bg-color, var(--u-color-surface, rgb(254, 247, 255)))); font-size: 1.5rem; height: 100%; z-index: 1; } @media (hover: hover) { :host(:hover) .scroll-indicator.active { display: flex; } } .scroll-left { left: 0; } .scroll-right { right: 0; } .tab-indicator { position: absolute; background-color: var(--_active-color); height: 3px; bottom: 0; transition: inset 200ms ease-out, width 200ms ease-out; } .container:not(.secondary) .tab-indicator { border-radius: var(--u-tab-bar-primary-border-radius, 9999px 9999px 0 0); } .secondary { --_active-label-color: var(--u-tab-secondary-active-label-color, var(--u-color-on-surface, rgb(29, 27, 32))); --_tab-content-direction: row; --_tab-content-gap: 8px; --u-tab-with-icon-height: var(--u-tab-secondary-with-icon-height, 48px); } `"
         }
       ],
       "exports": [
@@ -19892,811 +20083,620 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/text-area/text-area.styles.ts"
+            "module": "src/tab-bar/tab-bar.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.ts",
+      "path": "src/tab-bar/tab-bar.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmTextArea",
+          "name": "UmTabBar",
           "members": [
             {
               "kind": "field",
-              "name": "rows",
+              "name": "#tabs",
+              "privacy": "private",
               "type": {
-                "text": "number"
+                "text": "UmTab[]"
               },
-              "default": "2",
-              "attribute": "rows"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "input",
+              "name": "#activeTab",
+              "privacy": "private",
               "type": {
-                "text": "HTMLInputElement | HTMLTextAreaElement"
+                "text": "UmTab | null"
               },
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "default": "null"
             },
             {
-              "kind": "method",
-              "name": "renderControl",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "HTMLTemplateResult"
-                }
+              "kind": "field",
+              "name": "#resizeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeObserver"
               },
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "readonly": true,
+              "default": "new ResizeObserver(() => { this._setScrollIndicatorsActive(); this._updateTabIndicator(); })"
             },
             {
               "kind": "field",
-              "name": "_value",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'primary' | 'secondary'"
               },
-              "privacy": "protected",
-              "default": "''",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "default": "'primary'",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "name": "_scrollLeft",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "autocomplete",
+              "name": "_scrollRight",
               "type": {
-                "text": "'on' | 'off' | string | undefined"
+                "text": "HTMLElement"
               },
-              "attribute": "autocomplete",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "#maxlength",
-              "privacy": "private",
+              "name": "_container",
               "type": {
-                "text": "number | undefined"
+                "text": "HTMLElement"
               },
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "maxlength",
+              "name": "_tabIndicator",
               "type": {
-                "text": "number | undefined"
+                "text": "HTMLElement | undefined"
               },
-              "attribute": "maxlength",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "assignedElements",
               "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "attribute": "role",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+                "text": "HTMLElement[]"
               }
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+              "kind": "field",
+              "name": "activeTabIndex",
+              "type": {
+                "text": "number"
               }
             },
             {
-              "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": "field",
+              "name": "activeTab",
+              "type": {
+                "text": "UmTab | null"
               }
             },
             {
-              "kind": "method",
-              "name": "_handleInput",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "kind": "field",
+              "name": "#handleSlotChange",
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "#updateCounter",
+              "kind": "field",
+              "name": "#handleContainerScrollEnd",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
-              }
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_updateTabIndicator"
             },
             {
               "kind": "field",
-              "name": "formAssociated",
-              "type": {
-                "text": "boolean"
-              },
-              "static": true,
-              "readonly": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "shadowRootOptions",
-              "type": {
-                "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": "empty",
-              "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"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "placeholder",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "name": "#scrollToLeft",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "name": "#scrollToRight",
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "kind": "field",
-              "name": "elementInternals",
-              "type": {
-                "text": "ElementInternals"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "kind": "method",
+              "name": "_setScrollIndicatorsActive"
             },
             {
-              "kind": "field",
-              "name": "config",
-              "type": {
-                "text": "UmFieldDefaults | undefined"
-              },
+              "kind": "method",
+              "name": "#attach",
               "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
               }
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
               "name": "variant",
               "type": {
-                "text": "'filled' | 'outlined' | undefined"
+                "text": "'primary' | 'secondary'"
               },
-              "default": "undefined",
-              "attribute": "variant",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
+              "default": "'primary'",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-tab-bar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmTabBar",
+          "declaration": {
+            "name": "UmTabBar",
+            "module": "src/tab-bar/tab-bar.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-tab-bar",
+          "declaration": {
+            "name": "UmTabBar",
+            "module": "src/tab-bar/tab-bar.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tab-bar/tab.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` .container { --u-focus-ring-outline-offset: -4px; --_tab-height: var(--u-tab-height, 48px); display: block; flex: 0.5; padding-inline: var(--u-tab-padding, 16px); } .tab-content { display: flex; flex-direction: var(--_tab-content-direction, column); align-items: center; justify-content: center; max-width: 100%; height: var(--_tab-height); gap: var(--_tab-content-gap, 0); } .has-icon { --_tab-height: var(--u-tab-with-icon-height, 64px); } .force-focus-ring .button, .button:focus-visible { border-radius: var(--u-spacing-small, 8px); } .label { 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-tab-label-line-height, var(--u-title-s-line-height, 1.25rem)); font-size: var(--u-tab-label-font-size, var(--u-title-s-font-size, 0.875rem)); letter-spacing: var(--u-tab-label-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem)); font-weight: var(--u-tab-label-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500))); color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .icon { display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .active .icon, .active .label { color: var(--_active-label-color); } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/tab-bar/tab.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tab-bar/tab.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmTab",
+          "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "_bar",
               "type": {
-                "text": "string | undefined"
+                "text": "UmTabBar | null"
               },
-              "description": "The floating label for the field",
-              "attribute": "label",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "_innerCounter",
+              "name": "#resizeObserver",
+              "privacy": "private",
               "type": {
-                "text": "string | undefined"
+                "text": "ResizeObserver"
               },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "readonly": true,
+              "default": "new ResizeObserver(() => { if (this.active) { this._bar?._updateTabIndicator(); } })"
             },
             {
               "kind": "field",
-              "name": "counter",
+              "name": "active",
               "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "counter",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "text": "boolean"
               }
             },
             {
               "kind": "field",
-              "name": "hideCounter",
+              "name": "hasIcon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "hide-counter",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "supportingText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "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"
-              }
+              "attribute": "hasIcon"
             },
             {
               "kind": "field",
-              "name": "errorText",
+              "name": "_container",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement"
               },
-              "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"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "_paddingInline",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "readonly": true
             },
             {
-              "kind": "field",
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "_renderContent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "HTMLTemplateResult"
+                }
               },
-              "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"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "method",
-              "name": "setDefaults",
-              "static": true,
+              "name": "_handleClick",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "contextRoot",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "config",
+                  "name": "_",
                   "type": {
-                    "text": "UmFieldDefaults"
+                    "text": "UIEvent"
                   }
                 }
               ],
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hasLeadingIcon",
-              "type": {
-                "text": "boolean"
-              },
-              "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"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "hasTrailingIcon",
-              "type": {
-                "text": "boolean"
-              },
-              "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": "method",
+              "name": "#iconSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "hasErrorText",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
-              "attribute": "has-error-text",
+              "description": "Whether the button is disabled or not.",
+              "attribute": "disabled",
               "reflects": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "assignedLeadingIcons",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "assignedTrailingIcons",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "assignedErrorTexts",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_labelElement",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_container",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderAfterContent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleLeadingIconSlotChange",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleTrailingIconSlotChange",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "handleErrorTextSlotChange",
-              "privacy": "private",
+              "kind": "field",
+              "name": "renderRipple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "renderDefaultTrailingIcon",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult | typeof nothing"
-                }
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
               },
+              "description": "The URL that the link button points to.",
+              "attribute": "href",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "rows",
+              "kind": "field",
+              "name": "target",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "2",
-              "fieldName": "rows"
+              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+              "attribute": "target",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
-              "name": "value",
-              "fieldName": "value",
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "name",
               "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "autocomplete",
+              "kind": "field",
+              "name": "buttonElement",
               "type": {
-                "text": "'on' | 'off' | string | undefined"
+                "text": "HTMLElement"
               },
-              "fieldName": "autocomplete",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "maxlength",
+              "kind": "field",
+              "name": "_ripple",
               "type": {
-                "text": "number | undefined"
+                "text": "UmRipple"
               },
-              "fieldName": "maxlength",
+              "privacy": "private",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "role",
+              "kind": "field",
+              "name": "innerRole",
               "type": {
                 "text": "string | null"
               },
+              "privacy": "protected",
               "default": "null",
-              "fieldName": "role",
               "inheritedFrom": {
-                "name": "UmNativeTextFieldWrapper",
-                "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "placeholder",
+              "kind": "field",
+              "name": "pathname",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "fieldName": "placeholder",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "variant",
-              "type": {
-                "text": "'filled' | 'outlined' | undefined"
+              "kind": "method",
+              "name": "_getContainerClasses",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Record<string, boolean>"
+                }
               },
-              "default": "undefined",
-              "fieldName": "variant",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The floating label for the field",
-              "fieldName": "label",
+              "kind": "method",
+              "name": "#renderButton",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "counter",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "counter",
+              "kind": "method",
+              "name": "#renderLink",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "hide-counter",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "hideCounter",
+              "kind": "method",
+              "name": "focus",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.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",
+              "kind": "method",
+              "name": "blur",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "error-text",
-              "type": {
-                "text": "string | undefined"
+              "kind": "method",
+              "name": "getAriaLabel",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string | null"
+                }
               },
-              "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": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "empty",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "#innerFocusHandler",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "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"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "disabled",
+              "kind": "method",
+              "name": "#innerClickHandler",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "hasIcon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "fieldName": "hasIcon"
             },
             {
-              "name": "invalid",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Get or sets where or not the field is in a visually invalid state.",
-              "fieldName": "invalid",
+              "description": "Whether the button is disabled or not.",
+              "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "has-leading-icon",
+              "name": "href",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "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"
+              "description": "The URL that the link button points to.",
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "has-trailing-icon",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasTrailingIcon",
+              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+              "fieldName": "target",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "has-error-text",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
-              "fieldName": "hasErrorText",
+              "fieldName": "name",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             }
           ],
           "superclass": {
-            "name": "UmNativeTextFieldWrapper",
-            "module": "/src/shared/char-count-text-field/native-text-field-wrapper.js"
+            "name": "UmButtonWrapper",
+            "module": "/src/shared/button-wrapper.js"
           },
-          "tagName": "u-text-area",
+          "tagName": "u-tab",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmTextArea",
+          "name": "UmTab",
           "declaration": {
-            "name": "UmTextArea",
-            "module": "src/text-area/text-area.ts"
+            "name": "UmTab",
+            "module": "src/tab-bar/tab.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-text-area",
+          "name": "u-tab",
           "declaration": {
-            "name": "UmTextArea",
-            "module": "src/text-area/text-area.ts"
+            "name": "UmTab",
+            "module": "src/tab-bar/tab.ts"
           }
         }
       ]
@@ -23615,24 +23615,241 @@
                 "module": "src/field/field-base.ts"
               }
             }
-          ],
-          "superclass": {
-            "name": "UmTextFieldBase",
-            "module": "/src/shared/text-field-base/text-field-base.js"
-          }
+          ],
+          "superclass": {
+            "name": "UmTextFieldBase",
+            "module": "/src/shared/text-field-base/text-field-base.js"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmNativeTextFieldWrapper",
+          "declaration": {
+            "name": "UmNativeTextFieldWrapper",
+            "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "MenuFieldNavigationController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#element",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "focusedMenu",
+              "type": {
+                "text": "TMenuItem | null"
+              },
+              "privacy": "protected",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "host",
+              "type": {
+                "text": "TField"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "_bindHandleKeyDown",
+              "type": {
+                "text": "(event: KeyboardEvent) => void"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "attach",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "detach"
+            },
+            {
+              "kind": "field",
+              "name": "#handleMenuClose",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "navigate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "forwards",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "navigateTo",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "menu",
+                  "type": {
+                    "text": "TMenuItem | undefined"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "focusMenu",
+              "parameters": [
+                {
+                  "name": "menu",
+                  "type": {
+                    "text": "TMenuItem"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "active",
+                  "default": "true"
+                },
+                {
+                  "name": "scroll",
+                  "default": "true"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "blurMenu"
+            },
+            {
+              "kind": "method",
+              "name": "selectActiveItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "afterFocus",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "TMenuItem"
+                  }
+                },
+                {
+                  "name": "__",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "afterBlur",
+              "privacy": "protected"
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmNativeTextFieldWrapper",
+          "name": "MenuFieldNavigationController",
           "declaration": {
-            "name": "UmNativeTextFieldWrapper",
-            "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
+            "name": "MenuFieldNavigationController",
+            "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
           }
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/menu-field/menu-field.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/shared/events/dispatch-event.ts",
@@ -23942,403 +24159,107 @@
             },
             {
               "kind": "field",
-              "name": "checked",
-              "attribute": "checked"
-            },
-            {
-              "kind": "field",
-              "name": "_checkedAttribute",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "default": "false",
-              "attribute": "checked"
-            },
-            {
-              "kind": "method",
-              "name": "#handleInput",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleRippleClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_handleClick",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "''",
-              "fieldName": "name"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "'on'",
-              "description": "The element value to use in form submission when checked.",
-              "fieldName": "value"
-            },
-            {
-              "name": "checked",
-              "fieldName": "_checkedAttribute",
-              "type": {
-                "text": "boolean"
-              },
-              "readonly": true,
-              "default": "false"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "isActivationClick",
-          "declaration": {
-            "name": "isActivationClick",
-            "module": "src/shared/selection-control/selection-control.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "UmSelectionControl",
-          "declaration": {
-            "name": "UmSelectionControl",
-            "module": "src/shared/selection-control/selection-control.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "MenuFieldNavigationController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "#element",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "focusedMenu",
-              "type": {
-                "text": "TMenuItem | null"
-              },
-              "privacy": "protected",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "host",
-              "type": {
-                "text": "TField"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "default": "host"
-            },
-            {
-              "kind": "field",
-              "name": "_bindHandleKeyDown",
-              "type": {
-                "text": "(event: KeyboardEvent) => void"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "attach",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "detach"
-            },
-            {
-              "kind": "field",
-              "name": "#handleMenuClose",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "navigate",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                },
-                {
-                  "name": "forwards",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "name": "checked",
+              "attribute": "checked"
+            },
+            {
+              "kind": "field",
+              "name": "_checkedAttribute",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "false",
+              "attribute": "checked"
             },
             {
               "kind": "method",
-              "name": "navigateTo",
-              "privacy": "protected",
+              "name": "#handleInput",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "KeyboardEvent"
-                  }
-                },
-                {
-                  "name": "menu",
-                  "type": {
-                    "text": "TMenuItem | undefined"
-                  }
-                },
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "focusMenu",
+              "name": "#handleChange",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "menu",
-                  "type": {
-                    "text": "TMenuItem"
-                  }
-                },
-                {
-                  "name": "index",
+                  "name": "event",
                   "type": {
-                    "text": "number"
+                    "text": "Event"
                   }
-                },
-                {
-                  "name": "active",
-                  "default": "true"
-                },
-                {
-                  "name": "scroll",
-                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "blurMenu"
-            },
-            {
-              "kind": "method",
-              "name": "selectActiveItem",
+              "name": "#handleRippleClick",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "e",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "afterFocus",
+              "name": "_handleClick",
               "privacy": "protected",
               "parameters": [
                 {
-                  "name": "_",
-                  "type": {
-                    "text": "TMenuItem"
-                  }
-                },
-                {
-                  "name": "__",
+                  "name": "e",
                   "type": {
-                    "text": "number"
+                    "text": "Event"
                   }
                 }
               ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "''",
+              "fieldName": "name"
             },
             {
-              "kind": "method",
-              "name": "afterBlur",
-              "privacy": "protected"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MenuFieldNavigationController",
-          "declaration": {
-            "name": "MenuFieldNavigationController",
-            "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/menu-field/menu-field.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/sets/set-base.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; } :host([alignment=start]) { justify-content: flex-start; } :host([alignment=center]) { justify-content: center; } :host([alignment=end]) { justify-content: flex-end; } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/shared/sets/set-base.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/sets/set-base.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmSetBase",
-          "members": [
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
             {
-              "kind": "field",
-              "name": "alignment",
+              "name": "value",
               "type": {
-                "text": "'start' | 'center' | 'end'"
+                "text": "string"
               },
-              "default": "'start'",
-              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
-              "attribute": "alignment",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+              "default": "'on'",
+              "description": "The element value to use in form submission when checked.",
+              "fieldName": "value"
+            },
             {
-              "name": "alignment",
+              "name": "checked",
+              "fieldName": "_checkedAttribute",
               "type": {
-                "text": "'start' | 'center' | 'end'"
+                "text": "boolean"
               },
-              "default": "'start'",
-              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
-              "fieldName": "alignment"
+              "readonly": true,
+              "default": "false"
             }
           ],
           "superclass": {
@@ -24351,10 +24272,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "UmSetBase",
+          "name": "isActivationClick",
           "declaration": {
-            "name": "UmSetBase",
-            "module": "src/shared/sets/set-base.ts"
+            "name": "isActivationClick",
+            "module": "src/shared/selection-control/selection-control.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "UmSelectionControl",
+          "declaration": {
+            "name": "UmSelectionControl",
+            "module": "src/shared/selection-control/selection-control.ts"
           }
         }
       ]
@@ -24962,6 +24891,77 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/sets/set-base.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; } :host([alignment=start]) { justify-content: flex-start; } :host([alignment=center]) { justify-content: center; } :host([alignment=end]) { justify-content: flex-end; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/shared/sets/set-base.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/sets/set-base.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmSetBase",
+          "members": [
+            {
+              "kind": "field",
+              "name": "alignment",
+              "type": {
+                "text": "'start' | 'center' | 'end'"
+              },
+              "default": "'start'",
+              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
+              "attribute": "alignment",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "alignment",
+              "type": {
+                "text": "'start' | 'center' | 'end'"
+              },
+              "default": "'start'",
+              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
+              "fieldName": "alignment"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmSetBase",
+          "declaration": {
+            "name": "UmSetBase",
+            "module": "src/shared/sets/set-base.ts"
+          }
+        }
+      ]
     }
   ]
 }