npm - @universal-material/web - Versions diffs - 3.3.5 → 3.3.7 - Mend

@universal-material/web 3.3.5 → 3.3.7

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

Files changed (7) hide show

package/custom-elements.json +1618 -1604
package/package.json +1 -1
package/search/search.d.ts +2 -0
package/search/search.d.ts.map +1 -1
package/search/search.js +13 -1
package/search/search.js.map +1 -1
package/vscode.html-custom-data.json +484 -484

package/custom-elements.json CHANGED Viewed

@@ -432,12 +432,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/button-field/button-field.styles.ts",
+      "path": "src/app-bar/top-app-bar.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css ` :host(:not([disabled])) .container { cursor: pointer; } .button { position: absolute; inset: 0; margin: 0; padding: 0; background: transparent; border: none; appearance: none; } `"
+          "default": "css ` :host { display: block; 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); } :host([container-scrolled]) { background-color: var(--u-top-app-bar-constrast-bg-color, var(--u-color-surface-container, rgb(243, 237, 247))); } :host(:not([has-leading-icon])) .leading-icon { display: none; } :host(:not([has-trailing-icon])) .trailing-icon { display: none; } slot[name=leading-icon], slot[name=trailing-icon] { display: inline-flex; align-items: center; gap: var(--u-top-app-bar-icons-gap, 8px); } slot[name=leading-icon]::slotted(u-icon-button) { color: inherit; } :host([position=absolute]) .container { position: absolute; } :host([position=fixed]) .container { position: fixed; inset-inline: 0; inset-block-start: 0; inset-inline-start: var(--u-app-bar-offset, 0); } :host([position=absolute]), :host([position=fixed]) { padding-top: var(--_content-height); } :host([position=absolute]) .container, :host([position=fixed]) .container { z-index: var(--u-fixed-app-bar-z-index, 1010); } .extended-content { display: flex; align-items: flex-end; padding-inline: var(--u-extended-content-inline-padding, 16px); } :host([size=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); } :host([size=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); } .container { background: inherit; } .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); } :host([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": [
@@ -446,447 +446,365 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/button-field/button-field.styles.ts"
+            "module": "src/app-bar/top-app-bar.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/button-field/button-field.ts",
+      "path": "src/app-bar/top-app-bar.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmButtonField",
+          "name": "UmTopAppBar",
           "members": [
             {
               "kind": "field",
-              "name": "_value",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "protected",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "_button",
-              "type": {
-                "text": "HTMLButtonElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_input",
+              "name": "hasLeadingIcon",
               "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderControl",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderAfterContent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+                "text": "boolean"
               },
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "false",
+              "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
+              "attribute": "has-leading-icon",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "hasTrailingIcon",
               "type": {
                 "text": "boolean"
               },
-              "static": true,
-              "readonly": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "default": "false",
+              "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
+              "attribute": "has-trailing-icon",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "shadowRootOptions",
+              "name": "position",
               "type": {
-                "text": "ShadowRootInit"
+                "text": "'fixed' | 'absolute' | 'static'"
               },
-              "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }",
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "default": "'fixed'",
+              "attribute": "position",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "empty",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "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"
-              }
+              "default": "'small'",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "headline",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "placeholder",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "attribute": "headline"
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "scrollContainer",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "'none' | 'window' | string | undefined"
               },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "attribute": "scrollContainer",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "elementInternals",
+              "name": "containerScrolled",
               "type": {
-                "text": "ElementInternals"
+                "text": "boolean"
               },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "default": "false",
+              "attribute": "container-scrolled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "config",
+              "name": "assignedLeadingIcons",
               "type": {
-                "text": "UmFieldDefaults | undefined"
+                "text": "HTMLElement[]"
               },
               "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "assignedTrailingIcons",
               "type": {
-                "text": "'filled' | 'outlined' | undefined"
+                "text": "HTMLElement[]"
               },
-              "default": "undefined",
-              "attribute": "variant",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "_container",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement"
               },
-              "description": "The floating label for the field",
-              "attribute": "label",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_innerCounter",
+              "name": "_extendedContent",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement"
               },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "counter",
+              "name": "_headlineElement",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement"
               },
-              "attribute": "counter",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "hideCounter",
+              "name": "containerSizeObserver",
               "type": {
-                "text": "boolean"
+                "text": "ResizeObserver | null"
               },
-              "default": "false",
-              "attribute": "hide-counter",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "supportingText",
+              "name": "scrollContainerElement",
               "type": {
-                "text": "string | undefined"
+                "text": "{\n    addEventListener: typeof window.addEventListener;\n    removeEventListener: typeof window.removeEventListener;\n  } | null"
               },
-              "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"
-              }
+              "privacy": "private",
+              "default": "null"
             },
             {
-              "kind": "field",
-              "name": "errorText",
-              "type": {
-                "text": "string | undefined"
+              "kind": "method",
+              "name": "getScrollContainer",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "| {\n      addEventListener: typeof window.addEventListener;\n      removeEventListener: typeof window.removeEventListener;\n    }\n    | undefined"
+                }
               },
-              "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
-              "attribute": "error-text",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "parameters": [
+                {
+                  "name": "idOrElement",
+                  "type": {
+                    "text": "string | HTMLElement | undefined"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleLeadingIconSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleTrailingIconSlotChange",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "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": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "name": "#updateScroll",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "setDefaults",
+              "name": "getScrollTop",
+              "privacy": "private",
               "static": true,
               "return": {
                 "type": {
-                  "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
+                  "text": "number"
                 }
               },
               "parameters": [
                 {
-                  "name": "contextRoot",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "config",
+                  "name": "container",
                   "type": {
-                    "text": "UmFieldDefaults"
+                    "text": "HTMLElement & Window"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              ]
             },
             {
-              "kind": "field",
-              "name": "hasLeadingIcon",
+              "kind": "method",
+              "name": "setContentHeightProperty",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "has-leading-icon",
               "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"
-              }
+              "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
+              "fieldName": "hasLeadingIcon"
             },
             {
-              "kind": "field",
-              "name": "hasTrailingIcon",
+              "name": "has-trailing-icon",
               "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"
-              }
+              "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
+              "fieldName": "hasTrailingIcon"
             },
             {
-              "kind": "field",
-              "name": "hasErrorText",
+              "name": "position",
               "type": {
-                "text": "boolean"
+                "text": "'fixed' | 'absolute' | 'static'"
               },
-              "default": "false",
-              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
-              "attribute": "has-error-text",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "'fixed'",
+              "fieldName": "position"
             },
             {
-              "kind": "field",
-              "name": "assignedLeadingIcons",
+              "name": "size",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "'small'",
+              "fieldName": "size"
             },
             {
-              "kind": "field",
-              "name": "assignedTrailingIcons",
+              "name": "headline",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "string"
               },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "''",
+              "fieldName": "headline"
             },
             {
-              "kind": "field",
-              "name": "assignedErrorTexts",
+              "name": "scrollContainer",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "'none' | 'window' | string | undefined"
               },
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "fieldName": "scrollContainer"
             },
             {
-              "kind": "field",
-              "name": "_labelElement",
+              "name": "container-scrolled",
               "type": {
-                "text": "HTMLElement"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
+              "default": "false",
+              "fieldName": "containerScrolled"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-top-app-bar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmTopAppBar",
+          "declaration": {
+            "name": "UmTopAppBar",
+            "module": "src/app-bar/top-app-bar.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-top-app-bar",
+          "declaration": {
+            "name": "UmTopAppBar",
+            "module": "src/app-bar/top-app-bar.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/button-field/button-field.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host(:not([disabled])) .container { cursor: pointer; } .button { position: absolute; inset: 0; margin: 0; padding: 0; background: transparent; border: none; appearance: none; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/button-field/button-field.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/button-field/button-field.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmButtonField",
+          "members": [
             {
               "kind": "field",
-              "name": "_container",
+              "name": "_value",
               "type": {
-                "text": "HTMLElement"
+                "text": "string"
               },
               "privacy": "protected",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "''"
             },
             {
-              "kind": "method",
-              "name": "handleLeadingIconSlotChange",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+              "kind": "field",
+              "name": "value",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "_button",
+              "type": {
+                "text": "HTMLButtonElement"
               }
             },
             {
-              "kind": "method",
-              "name": "handleTrailingIconSlotChange",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+              "kind": "field",
+              "name": "_input",
+              "type": {
+                "text": "HTMLElement"
               }
             },
             {
               "kind": "method",
-              "name": "handleErrorTextSlotChange",
-              "privacy": "private",
+              "name": "renderControl",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
@@ -894,594 +812,598 @@
             },
             {
               "kind": "method",
-              "name": "renderDefaultTrailingIcon",
+              "name": "renderAfterContent",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "TemplateResult | typeof nothing"
+                  "text": "TemplateResult"
                 }
               },
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
               }
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "value",
-              "fieldName": "value"
+              "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": "''",
-              "fieldName": "placeholder",
+              "attribute": "placeholder",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
+            },
+            {
+              "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": "field",
+              "name": "config",
+              "type": {
+                "text": "UmFieldDefaults | undefined"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
+            },
+            {
+              "kind": "field",
               "name": "variant",
               "type": {
                 "text": "'filled' | 'outlined' | undefined"
               },
               "default": "undefined",
-              "fieldName": "variant",
+              "attribute": "variant",
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
               }
             },
             {
+              "kind": "field",
               "name": "label",
               "type": {
                 "text": "string | undefined"
               },
               "description": "The floating label for the field",
-              "fieldName": "label",
+              "attribute": "label",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_innerCounter",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "protected",
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
               }
             },
             {
+              "kind": "field",
               "name": "counter",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "counter",
+              "attribute": "counter",
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "hide-counter",
+              "kind": "field",
+              "name": "hideCounter",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "hideCounter",
+              "attribute": "hide-counter",
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "supporting-text",
+              "kind": "field",
+              "name": "supportingText",
               "type": {
                 "text": "string | undefined"
               },
               "description": "Supporting text conveys additional information about the field, such as how it will be used",
-              "fieldName": "supportingText",
+              "attribute": "supporting-text",
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "error-text",
+              "kind": "field",
+              "name": "errorText",
               "type": {
                 "text": "string | undefined"
               },
               "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
-              "fieldName": "errorText",
+              "attribute": "error-text",
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "empty",
+              "kind": "field",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
-              "fieldName": "empty",
+              "attribute": "disabled",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "invalid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "disabled",
+              "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": "invalid",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "setDefaults",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
+                }
               },
-              "default": "false",
-              "description": "Get or sets where or not the field is in a visually invalid state.",
-              "fieldName": "invalid",
+              "parameters": [
+                {
+                  "name": "contextRoot",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "UmFieldDefaults"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "has-leading-icon",
+              "kind": "field",
+              "name": "hasLeadingIcon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasLeadingIcon",
+              "attribute": "has-leading-icon",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "has-trailing-icon",
+              "kind": "field",
+              "name": "hasTrailingIcon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasTrailingIcon",
+              "attribute": "has-trailing-icon",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "has-error-text",
+              "kind": "field",
+              "name": "hasErrorText",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
-              "fieldName": "hasErrorText",
+              "attribute": "has-error-text",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "UmFieldBase",
                 "module": "src/field/field-base.ts"
               }
-            }
-          ],
-          "superclass": {
-            "name": "UmTextFieldBase",
-            "module": "/src/shared/text-field-base/text-field-base.js"
-          },
-          "tagName": "u-button-field",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmButtonField",
-          "declaration": {
-            "name": "UmButtonField",
-            "module": "src/button-field/button-field.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-button-field",
-          "declaration": {
-            "name": "UmButtonField",
-            "module": "src/button-field/button-field.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/app-bar/top-app-bar.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { display: block; 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); } :host([container-scrolled]) { background-color: var(--u-top-app-bar-constrast-bg-color, var(--u-color-surface-container, rgb(243, 237, 247))); } :host(:not([has-leading-icon])) .leading-icon { display: none; } :host(:not([has-trailing-icon])) .trailing-icon { display: none; } slot[name=leading-icon], slot[name=trailing-icon] { display: inline-flex; align-items: center; gap: var(--u-top-app-bar-icons-gap, 8px); } slot[name=leading-icon]::slotted(u-icon-button) { color: inherit; } :host([position=absolute]) .container { position: absolute; } :host([position=fixed]) .container { position: fixed; inset-inline: 0; inset-block-start: 0; inset-inline-start: var(--u-app-bar-offset, 0); } :host([position=absolute]), :host([position=fixed]) { padding-top: var(--_content-height); } :host([position=absolute]) .container, :host([position=fixed]) .container { z-index: var(--u-fixed-app-bar-z-index, 1010); } .extended-content { display: flex; align-items: flex-end; padding-inline: var(--u-extended-content-inline-padding, 16px); } :host([size=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); } :host([size=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); } .container { background: inherit; } .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); } :host([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": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/app-bar/top-app-bar.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/app-bar/top-app-bar.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmTopAppBar",
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "hasLeadingIcon",
+              "name": "assignedLeadingIcons",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement[]"
               },
-              "default": "false",
-              "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
-              "attribute": "has-leading-icon",
-              "reflects": true
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "hasTrailingIcon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
-              "attribute": "has-trailing-icon",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "position",
-              "type": {
-                "text": "'fixed' | 'absolute' | 'static'"
-              },
-              "default": "'fixed'",
-              "attribute": "position",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'small'",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "headline",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "headline"
-            },
-            {
-              "kind": "field",
-              "name": "scrollContainer",
-              "type": {
-                "text": "'none' | 'window' | string | undefined"
-              },
-              "attribute": "scrollContainer",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "containerScrolled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "container-scrolled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "assignedLeadingIcons",
+              "name": "assignedTrailingIcons",
               "type": {
                 "text": "HTMLElement[]"
               },
-              "privacy": "private",
-              "readonly": true
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "assignedTrailingIcons",
+              "name": "assignedErrorTexts",
               "type": {
                 "text": "HTMLElement[]"
               },
               "privacy": "private",
-              "readonly": true
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_container",
+              "name": "_labelElement",
               "type": {
                 "text": "HTMLElement"
               },
               "privacy": "private",
-              "readonly": true
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_extendedContent",
+              "name": "_container",
               "type": {
                 "text": "HTMLElement"
               },
-              "privacy": "private",
-              "readonly": true
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "_headlineElement",
-              "type": {
-                "text": "HTMLElement"
-              },
+              "kind": "method",
+              "name": "handleLeadingIconSlotChange",
               "privacy": "private",
-              "readonly": true
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "containerSizeObserver",
-              "type": {
-                "text": "ResizeObserver | null"
-              },
+              "kind": "method",
+              "name": "handleTrailingIconSlotChange",
               "privacy": "private",
-              "default": "null"
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "scrollContainerElement",
-              "type": {
-                "text": "{\n    addEventListener: typeof window.addEventListener;\n    removeEventListener: typeof window.removeEventListener;\n  } | null"
-              },
+              "kind": "method",
+              "name": "handleErrorTextSlotChange",
               "privacy": "private",
-              "default": "null"
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "getScrollContainer",
-              "privacy": "private",
+              "name": "renderDefaultTrailingIcon",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "| {\n      addEventListener: typeof window.addEventListener;\n      removeEventListener: typeof window.removeEventListener;\n    }\n    | undefined"
+                  "text": "TemplateResult | typeof nothing"
                 }
               },
-              "parameters": [
-                {
-                  "name": "idOrElement",
-                  "type": {
-                    "text": "string | HTMLElement | undefined"
-                  }
-                }
-              ]
-            },
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "handleLeadingIconSlotChange",
-              "privacy": "private"
+              "name": "value",
+              "fieldName": "value"
             },
             {
-              "kind": "method",
-              "name": "handleTrailingIconSlotChange",
-              "privacy": "private"
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "#updateScroll",
-              "privacy": "private",
-              "readonly": true
+              "name": "variant",
+              "type": {
+                "text": "'filled' | 'outlined' | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "variant",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "getScrollTop",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "number"
-                }
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
               },
-              "parameters": [
-                {
-                  "name": "container",
-                  "type": {
-                    "text": "HTMLElement & Window"
-                  }
-                }
-              ]
+              "description": "The floating label for the field",
+              "fieldName": "label",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "setContentHeightProperty",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
+              "name": "counter",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "counter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
+            },
             {
-              "name": "has-leading-icon",
+              "name": "hide-counter",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasLeadingIcon"
+              "fieldName": "hideCounter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "has-trailing-icon",
+              "name": "supporting-text",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasTrailingIcon"
+              "description": "Supporting text conveys additional information about the field, such as how it will be used",
+              "fieldName": "supportingText",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "position",
+              "name": "error-text",
               "type": {
-                "text": "'fixed' | 'absolute' | 'static'"
+                "text": "string | undefined"
               },
-              "default": "'fixed'",
-              "fieldName": "position"
+              "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": "size",
+              "name": "empty",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "boolean"
               },
-              "default": "'small'",
-              "fieldName": "size"
+              "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": "headline",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "headline"
+              "default": "false",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "scrollContainer",
+              "name": "invalid",
               "type": {
-                "text": "'none' | 'window' | string | undefined"
+                "text": "boolean"
               },
-              "fieldName": "scrollContainer"
+              "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": "container-scrolled",
+              "name": "has-leading-icon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "containerScrolled"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-top-app-bar",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmTopAppBar",
-          "declaration": {
-            "name": "UmTopAppBar",
-            "module": "src/app-bar/top-app-bar.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-top-app-bar",
-          "declaration": {
-            "name": "UmTopAppBar",
-            "module": "src/app-bar/top-app-bar.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/badge/badge.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { --_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); } :host(:not([static])) { --_badge-inline-start: calc(100% - var(--_badge-size)); position: absolute; top: 0; inset-inline-start: var(--_badge-inline-start); } :host(: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": [
+              "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"
+              }
+            },
             {
-              "kind": "field",
-              "name": "static",
+              "name": "has-trailing-icon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "static",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+              "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": "static",
+              "name": "has-error-text",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "static"
+              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
+              "fieldName": "hasErrorText",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "UmTextFieldBase",
+            "module": "/src/shared/text-field-base/text-field-base.js"
           },
-          "tagName": "u-badge",
+          "tagName": "u-button-field",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmBadge",
+          "name": "UmButtonField",
           "declaration": {
-            "name": "UmBadge",
-            "module": "src/badge/badge.ts"
+            "name": "UmButtonField",
+            "module": "src/button-field/button-field.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-badge",
+          "name": "u-button-field",
           "declaration": {
-            "name": "UmBadge",
-            "module": "src/badge/badge.ts"
+            "name": "UmButtonField",
+            "module": "src/button-field/button-field.ts"
           }
         }
       ]
@@ -6051,6 +5973,84 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/badge/badge.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { --_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); } :host(:not([static])) { --_badge-inline-start: calc(100% - var(--_badge-size)); position: absolute; top: 0; inset-inline-start: var(--_badge-inline-start); } :host(: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
+            }
+          ],
+          "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/card/card-content.styles.ts",
@@ -8808,63 +8808,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/elevation/elevation.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { --_level: var(--u-elevation-level, 0); --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0)); -webkit-tap-highlight-color: transparent; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; } :host::before, :host::after { content: \"\"; position: absolute; inset: 0; border-radius: inherit; transition: box-shadow 150ms ease-in-out; } :host::before { box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color); opacity: 0.3; } :host::after { box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color); opacity: 0.15; } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/elevation/elevation.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/elevation/elevation.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmElevation",
-          "members": [],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-elevation",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmElevation",
-          "declaration": {
-            "name": "UmElevation",
-            "module": "src/elevation/elevation.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-elevation",
-          "declaration": {
-            "name": "UmElevation",
-            "module": "src/elevation/elevation.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/dialog/confirm-dialog-builder.ts",
@@ -9749,6 +9692,63 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/elevation/elevation.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { --_level: var(--u-elevation-level, 0); --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0)); -webkit-tap-highlight-color: transparent; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; } :host::before, :host::after { content: \"\"; position: absolute; inset: 0; border-radius: inherit; transition: box-shadow 150ms ease-in-out; } :host::before { box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color); opacity: 0.3; } :host::after { box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color); opacity: 0.15; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/elevation/elevation.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/elevation/elevation.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmElevation",
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-elevation",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmElevation",
+          "declaration": {
+            "name": "UmElevation",
+            "module": "src/elevation/elevation.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-elevation",
+          "declaration": {
+            "name": "UmElevation",
+            "module": "src/elevation/elevation.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/field/field-base.styles.ts",
@@ -10698,55 +10698,190 @@
               }
             },
             {
-              "name": "has-trailing-icon",
+              "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": "UmFieldBase",
+            "module": "/src/field/field-base.js"
+          },
+          "tagName": "u-field",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmField",
+          "declaration": {
+            "name": "UmField",
+            "module": "src/field/field.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-field",
+          "declaration": {
+            "name": "UmField",
+            "module": "src/field/field.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/list/list-item.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { position: relative; display: flex; align-items: center; min-height: var(--u-list-item-min-height, 56px); padding-block: var(--u-list-item-block-padding, 8px); padding-inline: var(--u-list-item-inline-padding, 16px); gap: var(--u-list-item-gap, 16px); } :host([selectable]) { cursor: pointer; } slot:not([name]) { display: block; margin-inline-end: auto; } slot { flex-shrink: 0; } .content { flex: 1; min-width: 0; } .headline { 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-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem)); font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem)); letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem)); font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400))); } .supporting-text { 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-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem)); font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem)); letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem)); font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400))); color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/list/list-item.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/list/list-item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmListItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "selectable",
               "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"
-              }
-            },
+              "attribute": "selectable",
+              "reflects": true
+            }
+          ],
+          "attributes": [
             {
-              "name": "has-error-text",
+              "name": "selectable",
               "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"
-              }
+              "fieldName": "selectable"
             }
           ],
           "superclass": {
-            "name": "UmFieldBase",
-            "module": "/src/field/field-base.js"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "u-field",
+          "tagName": "u-list-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmField",
+          "name": "UmListItem",
           "declaration": {
-            "name": "UmField",
-            "module": "src/field/field.ts"
+            "name": "UmListItem",
+            "module": "src/list/list-item.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-field",
+          "name": "u-list-item",
           "declaration": {
-            "name": "UmField",
-            "module": "src/field/field.ts"
+            "name": "UmListItem",
+            "module": "src/list/list-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/list/list.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { display: block; padding-block: var(--u-list-padding, 8px); } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/list/list.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/list/list.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmList",
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-list",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmList",
+          "declaration": {
+            "name": "UmList",
+            "module": "src/list/list.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-list",
+          "declaration": {
+            "name": "UmList",
+            "module": "src/list/list.ts"
           }
         }
       ]
@@ -11722,160 +11857,25 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "u-menu",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmMenu",
-          "declaration": {
-            "name": "UmMenu",
-            "module": "src/menu/menu.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-menu",
-          "declaration": {
-            "name": "UmMenu",
-            "module": "src/menu/menu.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/list/list-item.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { position: relative; display: flex; align-items: center; min-height: var(--u-list-item-min-height, 56px); padding-block: var(--u-list-item-block-padding, 8px); padding-inline: var(--u-list-item-inline-padding, 16px); gap: var(--u-list-item-gap, 16px); } :host([selectable]) { cursor: pointer; } slot:not([name]) { display: block; margin-inline-end: auto; } slot { flex-shrink: 0; } .content { flex: 1; min-width: 0; } .headline { 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-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem)); font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem)); letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem)); font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400))); } .supporting-text { 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-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem)); font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem)); letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem)); font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400))); color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/list/list-item.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/list/list-item.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmListItem",
-          "members": [
-            {
-              "kind": "field",
-              "name": "selectable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "selectable",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "selectable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "selectable"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-list-item",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmListItem",
-          "declaration": {
-            "name": "UmListItem",
-            "module": "src/list/list-item.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-list-item",
-          "declaration": {
-            "name": "UmListItem",
-            "module": "src/list/list-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/list/list.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { display: block; padding-block: var(--u-list-padding, 8px); } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/list/list.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/list/list.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmList",
-          "members": [],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-list",
+          "tagName": "u-menu",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmList",
+          "name": "UmMenu",
           "declaration": {
-            "name": "UmList",
-            "module": "src/list/list.ts"
+            "name": "UmMenu",
+            "module": "src/menu/menu.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-list",
+          "name": "u-menu",
           "declaration": {
-            "name": "UmList",
-            "module": "src/list/list.ts"
+            "name": "UmMenu",
+            "module": "src/menu/menu.ts"
           }
         }
       ]
@@ -12821,260 +12821,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "OverflowMenu",
-          "declaration": {
-            "name": "OverflowMenu",
-            "module": "src/overflow-menu/overflow-menu.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-overflow-menu",
-          "declaration": {
-            "name": "OverflowMenu",
-            "module": "src/overflow-menu/overflow-menu.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress/circular-progress.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { position: relative; display: inline-block; width: var(--_size); height: var(--_size); margin-inline: auto; --_size: var(--u-circular-progress-size, 3rem); } .circular { width: 100%; height: 100%; transform: rotate(-90deg); transform-origin: center; } .circular.indeterminate { position: relative; animation: rotate 2s linear infinite; } .circular:not(.indeterminate) .path { transition: stroke-dashoffset 200ms linear; } .path { stroke-linecap: round; stroke: var(--u-circular-progress-color, var(--u-color-primary, rgb(103, 80, 164))); } .track { position: absolute; inset: 0; } .track .path { stroke: var(--u-circular-progress-track-color, var(--u-color-secondary-container, rgb(232, 222, 248))); } .indeterminate .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; } .on-going { transform: rotate(-80deg); } .on-going.track { transform: rotate(-100deg); } @keyframes rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/progress/circular-progress.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress/circular-progress.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmCircularProgress",
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number | undefined"
-              },
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "attribute": "max"
-            },
-            {
-              "kind": "method",
-              "name": "#renderCircle",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "className",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#renderIndeterminate",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#renderDeterminate",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "number | undefined"
-              },
-              "fieldName": "value"
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "fieldName": "max"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-circular-progress",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmCircularProgress",
-          "declaration": {
-            "name": "UmCircularProgress",
-            "module": "src/progress/circular-progress.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-circular-progress",
-          "declaration": {
-            "name": "UmCircularProgress",
-            "module": "src/progress/circular-progress.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress/progress-bar.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { --_border-radius: var(--u-progress-bar-border-radius, var(--u-shape-corner-full, 9999px)); --_height: var(--u-progress-bar-height, 4px); } :host, .determinate, .indeterminate { overflow: hidden; border-radius: var(--_border-radius); } .determinate, .indeterminate { display: flex; gap: 4px; } .indeterminate { flex: 1; margin-inline: -8px; border-radius: var(--_border-radius); } .determinate { margin-inline-end: -4px; } .determinate .bar { transition: flex-basis 200ms linear; } .last { flex-shrink: 1; flex-basis: 100%; animation: last 2.1s infinite linear; } .slow { animation: slow 2.1s infinite linear; } .middle { animation: middle 2.1s infinite linear; } .fast { animation: fast 2.1s infinite linear; } .first { animation: first 2.1s infinite linear; } .bar { height: var(--_height); border-radius: var(--_border-radius); background: var(--u-progress-bar-color, var(--u-color-primary, rgb(103, 80, 164))); } .track { background: var(--u-progress-bar-track-color, var(--u-color-secondary-container, rgb(232, 222, 248))); flex-shrink: 1; } @keyframes slow { 0% { flex-basis: 0; } 10% { flex-basis: 50%; } 20% { flex-basis: 100%; } 30% { flex-basis: 0; } } @keyframes last { 0% { flex-basis: 100%; } 10% { flex-basis: 50%; } 20% { flex-basis: 0; } 100% { flex-basis: 0; } } @keyframes middle { 10% { flex-basis: 0; } 20% { flex-basis: 100%; } 35% { flex-basis: 100%; } 45% { flex-basis: 0; } } @keyframes fast { 0% { flex-basis: 0; } 25% { flex-basis: 0; } 35% { flex-basis: 100%; } 45% { flex-basis: 100%; } 55% { flex-basis: 0; } } @keyframes first { 35% { flex-basis: 0; } 45% { flex-basis: 100%; } 100% { flex-basis: 100%; } } @keyframes fast-bar-pre { 0% { flex-basis: 0; } 60% { flex-basis: 0; } 90% { flex-basis: 100%; } 100% { flex-basis: 100%; } } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/progress/progress-bar.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress/progress-bar.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmProgressBar",
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number | undefined"
-              },
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "attribute": "max"
-            },
-            {
-              "kind": "method",
-              "name": "#renderIndeterminate",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#renderDeterminate",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "number | undefined"
-              },
-              "fieldName": "value"
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "fieldName": "max"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-progress-bar",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmProgressBar",
+          "name": "OverflowMenu",
           "declaration": {
-            "name": "UmProgressBar",
-            "module": "src/progress/progress-bar.ts"
+            "name": "OverflowMenu",
+            "module": "src/overflow-menu/overflow-menu.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-progress-bar",
+          "name": "u-overflow-menu",
           "declaration": {
-            "name": "UmProgressBar",
-            "module": "src/progress/progress-bar.ts"
+            "name": "OverflowMenu",
+            "module": "src/overflow-menu/overflow-menu.ts"
           }
         }
       ]
@@ -13947,87 +13705,329 @@
           ],
           "attributes": [
             {
-              "name": "hide-state-layer",
+              "name": "hide-state-layer",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideStateLayer"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "''",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "'on'",
+              "description": "The element value to use in form submission when checked.",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
+            },
+            {
+              "name": "checked",
+              "fieldName": "_checkedAttribute",
+              "type": {
+                "text": "boolean"
+              },
+              "readonly": true,
+              "default": "false",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UmSelectionControl",
+            "module": "/src/shared/selection-control/selection-control.js"
+          },
+          "tagName": "u-radio",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmRadio",
+          "declaration": {
+            "name": "UmRadio",
+            "module": "src/radio/radio.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-radio",
+          "declaration": {
+            "name": "UmRadio",
+            "module": "src/radio/radio.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress/circular-progress.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { position: relative; display: inline-block; width: var(--_size); height: var(--_size); margin-inline: auto; --_size: var(--u-circular-progress-size, 3rem); } .circular { width: 100%; height: 100%; transform: rotate(-90deg); transform-origin: center; } .circular.indeterminate { position: relative; animation: rotate 2s linear infinite; } .circular:not(.indeterminate) .path { transition: stroke-dashoffset 200ms linear; } .path { stroke-linecap: round; stroke: var(--u-circular-progress-color, var(--u-color-primary, rgb(103, 80, 164))); } .track { position: absolute; inset: 0; } .track .path { stroke: var(--u-circular-progress-track-color, var(--u-color-secondary-container, rgb(232, 222, 248))); } .indeterminate .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; } .on-going { transform: rotate(-80deg); } .on-going.track { transform: rotate(-100deg); } @keyframes rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/progress/circular-progress.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress/circular-progress.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmCircularProgress",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "max"
+            },
+            {
+              "kind": "method",
+              "name": "#renderCircle",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "className",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#renderIndeterminate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#renderDeterminate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "fieldName": "max"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-circular-progress",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmCircularProgress",
+          "declaration": {
+            "name": "UmCircularProgress",
+            "module": "src/progress/circular-progress.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-circular-progress",
+          "declaration": {
+            "name": "UmCircularProgress",
+            "module": "src/progress/circular-progress.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress/progress-bar.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { --_border-radius: var(--u-progress-bar-border-radius, var(--u-shape-corner-full, 9999px)); --_height: var(--u-progress-bar-height, 4px); } :host, .determinate, .indeterminate { overflow: hidden; border-radius: var(--_border-radius); } .determinate, .indeterminate { display: flex; gap: 4px; } .indeterminate { flex: 1; margin-inline: -8px; border-radius: var(--_border-radius); } .determinate { margin-inline-end: -4px; } .determinate .bar { transition: flex-basis 200ms linear; } .last { flex-shrink: 1; flex-basis: 100%; animation: last 2.1s infinite linear; } .slow { animation: slow 2.1s infinite linear; } .middle { animation: middle 2.1s infinite linear; } .fast { animation: fast 2.1s infinite linear; } .first { animation: first 2.1s infinite linear; } .bar { height: var(--_height); border-radius: var(--_border-radius); background: var(--u-progress-bar-color, var(--u-color-primary, rgb(103, 80, 164))); } .track { background: var(--u-progress-bar-track-color, var(--u-color-secondary-container, rgb(232, 222, 248))); flex-shrink: 1; } @keyframes slow { 0% { flex-basis: 0; } 10% { flex-basis: 50%; } 20% { flex-basis: 100%; } 30% { flex-basis: 0; } } @keyframes last { 0% { flex-basis: 100%; } 10% { flex-basis: 50%; } 20% { flex-basis: 0; } 100% { flex-basis: 0; } } @keyframes middle { 10% { flex-basis: 0; } 20% { flex-basis: 100%; } 35% { flex-basis: 100%; } 45% { flex-basis: 0; } } @keyframes fast { 0% { flex-basis: 0; } 25% { flex-basis: 0; } 35% { flex-basis: 100%; } 45% { flex-basis: 100%; } 55% { flex-basis: 0; } } @keyframes first { 35% { flex-basis: 0; } 45% { flex-basis: 100%; } 100% { flex-basis: 100%; } } @keyframes fast-bar-pre { 0% { flex-basis: 0; } 60% { flex-basis: 0; } 90% { flex-basis: 100%; } 100% { flex-basis: 100%; } } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/progress/progress-bar.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress/progress-bar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmProgressBar",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "fieldName": "hideStateLayer"
+              "attribute": "value"
             },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "max",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "default": "''",
-              "fieldName": "name",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
+              "default": "1",
+              "attribute": "max"
             },
             {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
+              "kind": "method",
+              "name": "#renderIndeterminate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
               }
             },
+            {
+              "kind": "method",
+              "name": "#renderDeterminate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            }
+          ],
+          "attributes": [
             {
               "name": "value",
               "type": {
-                "text": "string"
+                "text": "number | undefined"
               },
-              "default": "'on'",
-              "description": "The element value to use in form submission when checked.",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
+              "fieldName": "value"
             },
             {
-              "name": "checked",
-              "fieldName": "_checkedAttribute",
+              "name": "max",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "readonly": true,
-              "default": "false",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
+              "default": "1",
+              "fieldName": "max"
             }
           ],
           "superclass": {
-            "name": "UmSelectionControl",
-            "module": "/src/shared/selection-control/selection-control.js"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "u-radio",
+          "tagName": "u-progress-bar",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmRadio",
+          "name": "UmProgressBar",
           "declaration": {
-            "name": "UmRadio",
-            "module": "src/radio/radio.ts"
+            "name": "UmProgressBar",
+            "module": "src/progress/progress-bar.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-radio",
+          "name": "u-progress-bar",
           "declaration": {
-            "name": "UmRadio",
-            "module": "src/radio/radio.ts"
+            "name": "UmProgressBar",
+            "module": "src/progress/progress-bar.ts"
           }
         }
       ]
@@ -14323,6 +14323,15 @@
                 "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#containerSizeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeObserver | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "method",
               "name": "renderControl",
@@ -14347,6 +14356,11 @@
               "name": "#handleTrailingIconSlotChange",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "#setContentHeightProperty",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_value",
@@ -22638,512 +22652,338 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/events/dispatch-event.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/events/redispatch-event.ts",
+      "path": "src/shared/sets/set-base.styles.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "redispatchEvent",
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "Element"
-              }
-            },
-            {
-              "name": "event",
-              "type": {
-                "text": "Event"
-              }
-            },
-            {
-              "name": "newType",
-              "default": "null",
-              "type": {
-                "text": "string | null"
-              }
-            }
-          ]
+          "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": "redispatchEvent",
+          "name": "styles",
           "declaration": {
-            "name": "redispatchEvent",
-            "module": "src/shared/events/redispatch-event.ts"
+            "name": "styles",
+            "module": "src/shared/sets/set-base.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/selection-control/selection-control-list-item.ts",
+      "path": "src/shared/sets/set-base.ts",
       "declarations": [
         {
-          "kind": "mixin",
+          "kind": "class",
           "description": "",
-          "name": "mixinSelectionControlListItem",
+          "name": "UmSetBase",
           "members": [
             {
               "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "array"
-              },
-              "static": true,
-              "default": "[ (base as unknown as typeof LitElement).styles ?? [], css` :host { --u-list-item-block-padding: 0; display: block; } :host(:not([disabled])) { cursor: pointer; } `, ]"
-            },
-            {
-              "kind": "field",
-              "name": "leading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "leading"
-            },
-            {
-              "kind": "field",
-              "name": "inputDescribedById",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "protected",
-              "default": "'description'"
-            },
-            {
-              "kind": "field",
-              "name": "inputLabelledById",
+              "name": "alignment",
               "type": {
-                "text": "string"
+                "text": "'start' | 'center' | 'end'"
               },
-              "privacy": "protected",
-              "default": "'label'"
+              "default": "'start'",
+              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
+              "attribute": "alignment",
+              "reflects": true
             }
           ],
           "attributes": [
             {
-              "name": "leading",
+              "name": "alignment",
               "type": {
-                "text": "boolean"
+                "text": "'start' | 'center' | 'end'"
               },
-              "default": "false",
-              "fieldName": "leading"
+              "default": "'start'",
+              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
+              "fieldName": "alignment"
             }
           ],
-          "parameters": [
-            {
-              "name": "base",
-              "type": {
-                "text": "T"
-              }
-            }
-          ]
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "mixinSelectionControlListItem",
+          "name": "UmSetBase",
           "declaration": {
-            "name": "mixinSelectionControlListItem",
-            "module": "src/shared/selection-control/selection-control-list-item.ts"
+            "name": "UmSetBase",
+            "module": "src/shared/sets/set-base.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/selection-control/selection-control.styles.ts",
+      "path": "src/shared/events/dispatch-event.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/events/redispatch-event.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { --_state-layer-padding: var(--u--state-layer-padding, 4px); --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2); --_indicator-color: var(--u--indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); display: inline-block; vertical-align: middle; } .container { cursor: pointer; position: relative; width: var(--_width); height: var(--_height); padding: var(--_state-layer-padding); border-radius: var(--u-shape-corner-full, 9999px); } :host([hide-state-layer]) .container { width: var(--_indicator-size); height: var(--_indicator-size); padding: 0; } :host([hide-state-layer]) u-ripple { display: none; } input { cursor: pointer; width: 100%; height: 100%; padding: 0; margin: 0; border-radius: inherit; appearance: none; } u-ripple { padding: var(--_state-layer-padding); } .indicator-container { position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; pointer-events: none; } input:checked ~ .indicator-container { --_indicator-color: var(--u--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164))); } :host([disabled]) { opacity: var(--u--disabled-state-opacity, 0.38); } :host([disabled]) input, :host([disabled]) .container { cursor: default; } :host([disabled]) .indicator-container { --_indicator-color: var(--u--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32))); } `"
+          "kind": "function",
+          "name": "redispatchEvent",
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "Element"
+              }
+            },
+            {
+              "name": "event",
+              "type": {
+                "text": "Event"
+              }
+            },
+            {
+              "name": "newType",
+              "default": "null",
+              "type": {
+                "text": "string | null"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "styles",
+          "name": "redispatchEvent",
           "declaration": {
-            "name": "styles",
-            "module": "src/shared/selection-control/selection-control.styles.ts"
+            "name": "redispatchEvent",
+            "module": "src/shared/events/redispatch-event.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/selection-control/selection-control.ts",
+      "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
       "declarations": [
-        {
-          "kind": "function",
-          "name": "isActivationClick",
-          "parameters": [
-            {
-              "name": "event",
-              "type": {
-                "text": "Event"
-              }
-            }
-          ]
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "UmSelectionControl",
+          "name": "MenuFieldNavigationController",
           "members": [
             {
               "kind": "field",
-              "name": "formAssociated",
-              "type": {
-                "text": "boolean"
-              },
-              "static": true,
-              "readonly": true,
-              "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "shadowRootOptions",
+              "name": "#element",
+              "privacy": "private",
               "type": {
-                "text": "ShadowRootInit"
+                "text": "HTMLElement | null"
               },
-              "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "elementInternals",
+              "name": "focusedMenu",
               "type": {
-                "text": "ElementInternals"
+                "text": "TMenuItem | null"
               },
               "privacy": "protected",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "''",
-              "attribute": "name",
-              "reflects": true
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "host",
               "type": {
-                "text": "boolean"
+                "text": "TField"
               },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "privacy": "protected",
+              "readonly": true,
+              "default": "host"
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "_bindHandleKeyDown",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "(event: KeyboardEvent) => void"
               },
+              "privacy": "private",
               "readonly": true
             },
             {
               "kind": "method",
-              "name": "focus",
+              "name": "attach",
               "parameters": [
                 {
-                  "name": "options",
-                  "optional": true,
+                  "name": "element",
                   "type": {
-                    "text": "FocusOptions"
+                    "text": "HTMLElement"
                   }
                 }
               ]
             },
             {
-              "kind": "field",
-              "name": "#checked",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "inputType",
-              "type": {
-                "text": "'checkbox' | 'radio'"
-              },
-              "privacy": "protected",
-              "default": "'checkbox'"
-            },
-            {
-              "kind": "field",
-              "name": "renderRipple",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "inputDescribedById",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "protected",
-              "default": "undefined"
+              "kind": "method",
+              "name": "detach"
             },
             {
               "kind": "field",
-              "name": "inputLabelledById",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "protected",
-              "default": "undefined"
+              "name": "#handleMenuClose",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "renderIndicator",
+              "name": "handleKeyDown",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "HTMLTemplateResult"
+                  "text": "boolean"
                 }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "'on'",
-              "description": "The element value to use in form submission when checked.",
-              "attribute": "value"
-            },
-            {
-              "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"
+                    "text": "KeyboardEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#handleChange",
+              "name": "navigate",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "forwards",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#handleRippleClick",
-              "privacy": "private",
+              "name": "navigateTo",
+              "privacy": "protected",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "menu",
+                  "type": {
+                    "text": "TMenuItem | undefined"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_handleClick",
-              "privacy": "protected",
+              "name": "focusMenu",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "menu",
                   "type": {
-                    "text": "Event"
+                    "text": "TMenuItem"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
                   }
+                },
+                {
+                  "name": "active",
+                  "default": "true"
+                },
+                {
+                  "name": "scroll",
+                  "default": "true"
                 }
               ]
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "''",
-              "fieldName": "name"
+              "kind": "method",
+              "name": "blurMenu"
             },
             {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "disabled"
+              "kind": "method",
+              "name": "selectActiveItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "'on'",
-              "description": "The element value to use in form submission when checked.",
-              "fieldName": "value"
+              "kind": "method",
+              "name": "afterFocus",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "TMenuItem"
+                  }
+                },
+                {
+                  "name": "__",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
-              "name": "checked",
-              "fieldName": "_checkedAttribute",
-              "type": {
-                "text": "boolean"
-              },
-              "readonly": true,
-              "default": "false"
+              "kind": "method",
+              "name": "afterBlur",
+              "privacy": "protected"
             }
-          ],
-          "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/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",
+          "name": "MenuFieldNavigationController",
           "declaration": {
-            "name": "styles",
-            "module": "src/shared/sets/set-base.styles.ts"
+            "name": "MenuFieldNavigationController",
+            "module": "src/shared/menu-field/menu-field-navigation-controller.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"
-          }
-        }
-      ]
+      "path": "src/shared/menu-field/menu-field.ts",
+      "declarations": [],
+      "exports": []
     },
     {
       "kind": "javascript-module",
@@ -23751,220 +23591,394 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
+      "path": "src/shared/selection-control/selection-control-list-item.ts",
+      "declarations": [
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "mixinSelectionControlListItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "array"
+              },
+              "static": true,
+              "default": "[ (base as unknown as typeof LitElement).styles ?? [], css` :host { --u-list-item-block-padding: 0; display: block; } :host(:not([disabled])) { cursor: pointer; } `, ]"
+            },
+            {
+              "kind": "field",
+              "name": "leading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "leading"
+            },
+            {
+              "kind": "field",
+              "name": "inputDescribedById",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "default": "'description'"
+            },
+            {
+              "kind": "field",
+              "name": "inputLabelledById",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "default": "'label'"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "leading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "leading"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "base",
+              "type": {
+                "text": "T"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "mixinSelectionControlListItem",
+          "declaration": {
+            "name": "mixinSelectionControlListItem",
+            "module": "src/shared/selection-control/selection-control-list-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/selection-control/selection-control.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { --_state-layer-padding: var(--u--state-layer-padding, 4px); --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2); --_indicator-color: var(--u--indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); display: inline-block; vertical-align: middle; } .container { cursor: pointer; position: relative; width: var(--_width); height: var(--_height); padding: var(--_state-layer-padding); border-radius: var(--u-shape-corner-full, 9999px); } :host([hide-state-layer]) .container { width: var(--_indicator-size); height: var(--_indicator-size); padding: 0; } :host([hide-state-layer]) u-ripple { display: none; } input { cursor: pointer; width: 100%; height: 100%; padding: 0; margin: 0; border-radius: inherit; appearance: none; } u-ripple { padding: var(--_state-layer-padding); } .indicator-container { position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; pointer-events: none; } input:checked ~ .indicator-container { --_indicator-color: var(--u--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164))); } :host([disabled]) { opacity: var(--u--disabled-state-opacity, 0.38); } :host([disabled]) input, :host([disabled]) .container { cursor: default; } :host([disabled]) .indicator-container { --_indicator-color: var(--u--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32))); } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/shared/selection-control/selection-control.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/selection-control/selection-control.ts",
       "declarations": [
+        {
+          "kind": "function",
+          "name": "isActivationClick",
+          "parameters": [
+            {
+              "name": "event",
+              "type": {
+                "text": "Event"
+              }
+            }
+          ]
+        },
         {
           "kind": "class",
           "description": "",
-          "name": "MenuFieldNavigationController",
+          "name": "UmSelectionControl",
           "members": [
             {
               "kind": "field",
-              "name": "#element",
-              "privacy": "private",
+              "name": "formAssociated",
               "type": {
-                "text": "HTMLElement | null"
+                "text": "boolean"
+              },
+              "static": true,
+              "readonly": true,
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "ShadowRootInit"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "elementInternals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "protected",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
               },
-              "default": "null"
+              "default": "''",
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "focusedMenu",
+              "name": "disabled",
               "type": {
-                "text": "TMenuItem | null"
+                "text": "boolean"
               },
-              "privacy": "protected",
-              "default": "null"
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "host",
+              "name": "input",
               "type": {
-                "text": "TField"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "default": "host"
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "field",
-              "name": "_bindHandleKeyDown",
+              "name": "form",
               "type": {
-                "text": "(event: KeyboardEvent) => void"
+                "text": "HTMLFormElement | null"
               },
-              "privacy": "private",
               "readonly": true
             },
             {
               "kind": "method",
-              "name": "attach",
+              "name": "focus",
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "options",
+                  "optional": true,
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "FocusOptions"
                   }
                 }
               ]
             },
             {
-              "kind": "method",
-              "name": "detach"
+              "kind": "field",
+              "name": "#checked",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "#handleMenuClose",
-              "privacy": "private",
-              "readonly": true
+              "name": "inputType",
+              "type": {
+                "text": "'checkbox' | 'radio'"
+              },
+              "privacy": "protected",
+              "default": "'checkbox'"
+            },
+            {
+              "kind": "field",
+              "name": "renderRipple",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "inputDescribedById",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "protected",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "inputLabelledById",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "protected",
+              "default": "undefined"
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
+              "name": "renderIndicator",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "HTMLTemplateResult"
                 }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "default": "'on'",
+              "description": "The element value to use in form submission when checked.",
+              "attribute": "value"
             },
             {
-              "kind": "method",
-              "name": "navigate",
+              "kind": "field",
+              "name": "checked",
+              "attribute": "checked"
+            },
+            {
+              "kind": "field",
+              "name": "_checkedAttribute",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                },
-                {
-                  "name": "forwards",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "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"
+              "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": "MenuFieldNavigationController",
+          "name": "isActivationClick",
           "declaration": {
-            "name": "MenuFieldNavigationController",
-            "module": "src/shared/menu-field/menu-field-navigation-controller.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"
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/menu-field/menu-field.ts",
-      "declarations": [],
-      "exports": []
     }
   ]
 }