@universal-material/web 3.3.11 → 3.3.13

package/custom-elements.json

@@ -292,6 +292,14 @@
             "package": "./list/list-item.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./icon/icon.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -430,84 +438,6 @@
         }
       ]
     },
-    {
-      "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/app-bar/top-app-bar.styles.ts",
@@ -1486,6 +1416,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/button/button-base.styles.ts",
@@ -7241,12 +7249,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/chip-field/chip-field.styles.ts",
+      "path": "src/chip/chip-set.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css ` u-chip { flex-basis: 0; } .input { display: flex; gap: var(--u-chip-field-chips-gap, var(--u-spacing-extra-small, 4px)); flex-wrap: wrap; } .input:has(u-chip) { margin-top: var(--u-chip-field-chips-margin, var(--u-spacing-extra-small, 4px)); } .input input { width: auto; flex-basis: 200px; padding: 4px 0; margin-block: -4px; } `"
+          "default": "css ` :host { flex-wrap: wrap; } `"
         }
       ],
       "exports": [
@@ -7255,623 +7263,517 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/chip-field/chip-field.styles.ts"
+            "module": "src/chip/chip-set.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/chip-field/chip-field.ts",
+      "path": "src/chip/chip-set.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmChipField",
+          "name": "UmChipSet",
           "members": [
             {
               "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "manual",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, ignore enter key input",
-              "attribute": "manual"
-            },
-            {
-              "kind": "field",
-              "name": "formatter",
-              "type": {
-                "text": "((value: any) => string) | undefined"
-              },
-              "description": "A function return a string based on a item from the `value`. Useful when the items of value are objects."
-            },
-            {
-              "kind": "field",
-              "name": "leadingIconTemplate",
-              "type": {
-                "text": "((value: any) => string) | undefined"
-              },
-              "description": "A string representing an HTML to be rendered inside as leading icon of each chip.\n\n_Note:_ Subject to signature change"
-            },
-            {
-              "kind": "field",
-              "name": "#value",
-              "privacy": "private",
+              "name": "alignment",
               "type": {
-                "text": "any[]"
+                "text": "'start' | 'center' | 'end'"
               },
-              "default": "[]"
-            },
+              "default": "'start'",
+              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
+              "attribute": "alignment",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmSetBase",
+                "module": "src/shared/sets/set-base.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UmSetBase",
+            "module": "/src/shared/sets/set-base.js"
+          },
+          "tagName": "u-chip-set",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
-              "name": "value",
+              "name": "alignment",
               "type": {
-                "text": "any[]"
-              },
-              "description": "An array containing the value representation of each chip.\n\n_Note:_ Add or remove items directly from value array won't trigger a render on Chip Field. Use the methods `add` or `removeAt`."
-            },
-            {
-              "kind": "method",
-              "name": "setFormValue",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "focus"
-            },
-            {
-              "kind": "method",
-              "name": "renderControl",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "HTMLTemplateResult"
-                }
+                "text": "'start' | 'center' | 'end'"
               },
+              "default": "'start'",
+              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
+              "fieldName": "alignment",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmSetBase",
+                "module": "src/shared/sets/set-base.ts"
               }
-            },
-            {
-              "kind": "method",
-              "name": "#getChips",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#handleInput",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "add",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "triggerChange",
-                  "default": "false"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "removeAt",
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "triggerChange",
-                  "default": "false"
-                }
-              ]
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmChipSet",
+          "declaration": {
+            "name": "UmChipSet",
+            "module": "src/chip/chip-set.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-chip-set",
+          "declaration": {
+            "name": "UmChipSet",
+            "module": "src/chip/chip-set.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/chip/chip.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { --_height: var(--u-chip-height, 32px); --_outline-width: var(--u-chip-outline-width, 1px); --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126))); --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px)); --_gap: var(--u-chip-gap, 8px); --_icon-size: var(--u-chip-icon-size, 1.125rem); --_remove-button-margin: var(--u-chip-remove-button-margin, 2px); --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2); --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43))); display: inline-block; height: var(--_height); border-radius: var(--_shape); } :host(:not([disabled]):not([elevated]):not([selected])) .outline { border: var(--_outline-width) solid var(--_outline-color); } :host([elevated]:not([disabled])) { --u-elevation-level: var(--u-elevated-chip-elevation-level, 1); } @media (hover: hover) { :host([elevated]:not([disabled]):hover) { --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2); } } .outline { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; } .container { display: flex; align-items: center; border-radius: inherit; height: 100%; padding-inline: var(--u-chip-padding, 16px); gap: var(--_gap); } .icon { width: 1em; height: var(--_icon-size); display: flex; align-items: center; justify-content: center; font-size: var(--_icon-size); } .leading { color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164))); } .selected { color: var(--_selected-icon-color); } .trailing { color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .label { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem)); font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem)); letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem)); font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500))); } .remove-button { display: flex; align-items: center; justify-content: center; position: relative; width: var(--_remove-button-size); height: var(--_remove-button-size); cursor: pointer; padding: 0; margin: 0; margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5); background: gray; border: none; border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px)); background: none; appearance: none; outline: 0; outline-offset: 0; z-index: 1; } ::slotted([slot=remove-icon]), ::slotted([slot=selected-icon]), ::slotted([slot=leading-icon]), ::slotted([slot=trailing-icon]) { font-size: inherit !important; } slot[name=selected-icon] { display: none; } :host(:not([clickable]):not([toggle])) .button { cursor: auto; } :host([selected]:not([hide-selected-icon])) .leading { display: none; } :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] { display: contents; } .default-select-icon { display: contents; } :host([has-selected-icon]) .default-select-icon { display: none; } :host([selected]:not([disabled])) { background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248))); } :host([selected]:not([disabled])) .leading { color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color)); } :host([selected]:not([disabled])) .trailing { color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color)); } :host([has-leading-icon]) .container, :host([selected]:not([hide-selected-icon])) .container { padding-inline-start: var(--_gap); } :host([has-trailing-icon]) .container, :host([removable]) .container { padding-inline-end: var(--_gap); } :host(:not([has-leading-icon])) .leading { display: none; } :host([hide-selected-icon]) .selected, :host(:not([selected])) .selected { display: none; } :host(:not([has-trailing-icon])) .trailing { display: none; } [part=default-selected-icon] { display: contents; } :host([disabled]) .remove-button { cursor: default; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/chip/chip.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/chip/chip.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmChip",
+          "members": [
             {
               "kind": "field",
-              "name": "#removeChip",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "#changed",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "triggerChange",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#valueUpdate",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#setEmpty",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#dispatchRemoveEvent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "getItemLabel",
+              "name": "#clickable",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
-            },
-            {
-              "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"
-              }
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "empty",
+              "name": "#toggle",
+              "privacy": "private",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
-              "attribute": "empty",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "selected",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "placeholder",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "default": "false",
+              "description": "Whether the chip is selected or not",
+              "attribute": "selected",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "clickable",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "boolean"
               },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "attribute": "clickable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "elementInternals",
+              "name": "elevated",
               "type": {
-                "text": "ElementInternals"
+                "text": "boolean"
               },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "default": "false",
+              "description": "Adds elevation to the chip",
+              "attribute": "elevated",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "config",
+              "name": "toggle",
               "type": {
-                "text": "UmFieldDefaults | undefined"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "When true, the chip will toggle between selected and unselected\nstates",
+              "attribute": "toggle",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "removable",
               "type": {
-                "text": "'filled' | 'outlined' | undefined"
+                "text": "boolean"
               },
-              "default": "undefined",
-              "attribute": "variant",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "false",
+              "description": "Add the remove icon",
+              "attribute": "removable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "hideSelectedIcon",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The floating label for the field",
-              "attribute": "label",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "false",
+              "description": "Hide the selected icon",
+              "attribute": "hide-selected-icon",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_innerCounter",
+              "name": "hasLeadingIcon",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "false",
+              "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
+              "attribute": "has-leading-icon",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "counter",
+              "name": "hasSelectedIcon",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "attribute": "counter",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "false",
+              "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
+              "attribute": "has-selected-icon",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "hideCounter",
+              "name": "hasTrailingIcon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "hide-counter",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
+              "attribute": "has-trailing-icon",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "supportingText",
+              "name": "assignedLeadingIcons",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement[]"
               },
-              "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",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "errorText",
+              "name": "assignedSelectedIcons",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement[]"
               },
-              "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
-              "attribute": "error-text",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "assignedTrailingIcons",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement[]"
               },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "invalid",
+              "name": "removeRipple",
               "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"
+                "text": "UmRipple"
               }
             },
             {
               "kind": "method",
-              "name": "setDefaults",
-              "static": true,
+              "name": "#handleRemoveClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleTrailingIconSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handleLeadingIconSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handleSelectedIconSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "contextRoot",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "config",
+                  "name": "event",
                   "type": {
-                    "text": "UmFieldDefaults"
+                    "text": "UIEvent"
                   }
                 }
               ],
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderContent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "HTMLTemplateResult"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "hasLeadingIcon",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
-              "attribute": "has-leading-icon",
+              "description": "Whether the button is disabled or not.",
+              "attribute": "disabled",
               "reflects": true,
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "hasTrailingIcon",
+              "name": "renderRipple",
               "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,
+              "default": "true",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "hasErrorText",
+              "name": "href",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
-              "attribute": "has-error-text",
-              "reflects": true,
+              "description": "The URL that the link button points to.",
+              "attribute": "href",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "assignedLeadingIcons",
+              "name": "target",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "string | undefined"
               },
-              "privacy": "protected",
-              "readonly": true,
+              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+              "attribute": "target",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "assignedTrailingIcons",
+              "name": "name",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "string | undefined"
               },
-              "privacy": "protected",
-              "readonly": true,
+              "attribute": "name",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "assignedErrorTexts",
+              "name": "buttonElement",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "HTMLElement"
               },
-              "privacy": "private",
               "readonly": true,
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "_labelElement",
+              "name": "ripple",
               "type": {
-                "text": "HTMLElement"
+                "text": "UmRipple"
               },
               "privacy": "private",
               "readonly": true,
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "_container",
+              "name": "innerRole",
               "type": {
-                "text": "HTMLElement"
+                "text": "string | null"
               },
               "privacy": "protected",
+              "default": "null",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "renderAfterContent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "pathname",
+              "type": {
+                "text": "string"
               },
+              "readonly": true,
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "method",
-              "name": "handleLeadingIconSlotChange",
+              "name": "renderButton",
               "privacy": "private",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "method",
-              "name": "handleTrailingIconSlotChange",
+              "name": "renderLink",
               "privacy": "private",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getAriaLabel",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string | null"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "method",
-              "name": "handleErrorTextSlotChange",
+              "name": "innerFocusHandler",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "method",
-              "name": "renderDefaultTrailingIcon",
-              "privacy": "protected",
+              "name": "#innerClickHandler",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TemplateResult | typeof nothing"
+                  "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             }
           ],
@@ -7885,305 +7787,167 @@
           ],
           "attributes": [
             {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "name"
-            },
-            {
-              "name": "manual",
+              "name": "selected",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, ignore enter key input",
-              "fieldName": "manual"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "placeholder",
-              "inheritedFrom": {
-                "name": "UmTextFieldBase",
-                "module": "src/shared/text-field-base/text-field-base.ts"
-              }
+              "description": "Whether the chip is selected or not",
+              "fieldName": "selected"
             },
             {
-              "name": "variant",
+              "name": "clickable",
               "type": {
-                "text": "'filled' | 'outlined' | undefined"
+                "text": "boolean"
               },
-              "default": "undefined",
-              "fieldName": "variant",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "fieldName": "clickable"
             },
             {
-              "name": "label",
+              "name": "elevated",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The floating label for the field",
-              "fieldName": "label",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "default": "false",
+              "description": "Adds elevation to the chip",
+              "fieldName": "elevated"
             },
             {
-              "name": "counter",
+              "name": "toggle",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "fieldName": "counter",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "When true, the chip will toggle between selected and unselected\nstates",
+              "fieldName": "toggle"
             },
             {
-              "name": "hide-counter",
+              "name": "removable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "hideCounter",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            },
-            {
-              "name": "supporting-text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Supporting text conveys additional information about the field, such as how it will be used",
-              "fieldName": "supportingText",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "Add the remove icon",
+              "fieldName": "removable"
             },
             {
-              "name": "error-text",
+              "name": "hide-selected-icon",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "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"
-              }
+              "default": "false",
+              "description": "Hide the selected icon",
+              "fieldName": "hideSelectedIcon"
             },
             {
-              "name": "empty",
+              "name": "has-leading-icon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
-              "fieldName": "empty",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
+              "fieldName": "hasLeadingIcon"
             },
             {
-              "name": "disabled",
+              "name": "has-selected-icon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
+              "fieldName": "hasSelectedIcon"
             },
             {
-              "name": "invalid",
+              "name": "has-trailing-icon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Get or sets where or not the field is in a visually invalid state.",
-              "fieldName": "invalid",
-              "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
+              "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
+              "fieldName": "hasTrailingIcon"
             },
             {
-              "name": "has-leading-icon",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasLeadingIcon",
+              "description": "Whether the button is disabled or not.",
+              "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "has-trailing-icon",
+              "name": "href",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasTrailingIcon",
+              "description": "The URL that the link button points to.",
+              "fieldName": "href",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
-              "name": "has-error-text",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
-              "fieldName": "hasErrorText",
+              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+              "fieldName": "target",
               "inheritedFrom": {
-                "name": "UmFieldBase",
-                "module": "src/field/field-base.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "UmTextFieldBase",
-            "module": "/src/shared/text-field-base/text-field-base.js"
-          },
-          "tagName": "u-chip-field",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmChipField",
-          "declaration": {
-            "name": "UmChipField",
-            "module": "src/chip-field/chip-field.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-chip-field",
-          "declaration": {
-            "name": "UmChipField",
-            "module": "src/chip-field/chip-field.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/chip/chip-set.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { flex-wrap: wrap; } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/chip/chip-set.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/chip/chip-set.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmChipSet",
-          "members": [
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
+            },
             {
-              "kind": "field",
-              "name": "alignment",
+              "name": "name",
               "type": {
-                "text": "'start' | 'center' | 'end'"
+                "text": "string | undefined"
               },
-              "default": "'start'",
-              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
-              "attribute": "alignment",
-              "reflects": true,
+              "fieldName": "name",
               "inheritedFrom": {
-                "name": "UmSetBase",
-                "module": "src/shared/sets/set-base.ts"
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             }
           ],
           "superclass": {
-            "name": "UmSetBase",
-            "module": "/src/shared/sets/set-base.js"
+            "name": "UmButtonWrapper",
+            "module": "/src/shared/button-wrapper.js"
           },
-          "tagName": "u-chip-set",
-          "customElement": 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",
-              "inheritedFrom": {
-                "name": "UmSetBase",
-                "module": "src/shared/sets/set-base.ts"
-              }
-            }
-          ]
+          "tagName": "u-chip",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmChipSet",
+          "name": "UmChip",
           "declaration": {
-            "name": "UmChipSet",
-            "module": "src/chip/chip-set.ts"
+            "name": "UmChip",
+            "module": "src/chip/chip.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-chip-set",
+          "name": "u-chip",
           "declaration": {
-            "name": "UmChipSet",
-            "module": "src/chip/chip-set.ts"
+            "name": "UmChip",
+            "module": "src/chip/chip.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/chip/chip.styles.ts",
+      "path": "src/chip-field/chip-field.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css ` :host { --_height: var(--u-chip-height, 32px); --_outline-width: var(--u-chip-outline-width, 1px); --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126))); --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px)); --_gap: var(--u-chip-gap, 8px); --_icon-size: var(--u-chip-icon-size, 1.125rem); --_remove-button-margin: var(--u-chip-remove-button-margin, 2px); --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2); --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43))); display: inline-block; height: var(--_height); border-radius: var(--_shape); } :host(:not([disabled]):not([elevated]):not([selected])) .outline { border: var(--_outline-width) solid var(--_outline-color); } :host([elevated]:not([disabled])) { --u-elevation-level: var(--u-elevated-chip-elevation-level, 1); } @media (hover: hover) { :host([elevated]:not([disabled]):hover) { --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2); } } .outline { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; } .container { display: flex; align-items: center; border-radius: inherit; height: 100%; padding-inline: var(--u-chip-padding, 16px); gap: var(--_gap); } .icon { width: 1em; height: var(--_icon-size); display: flex; align-items: center; justify-content: center; font-size: var(--_icon-size); } .leading { color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164))); } .selected { color: var(--_selected-icon-color); } .trailing { color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .label { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem)); font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem)); letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem)); font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500))); } .remove-button { display: flex; align-items: center; justify-content: center; position: relative; width: var(--_remove-button-size); height: var(--_remove-button-size); cursor: pointer; padding: 0; margin: 0; margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5); background: gray; border: none; border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px)); background: none; appearance: none; outline: 0; outline-offset: 0; z-index: 1; } ::slotted([slot=remove-icon]), ::slotted([slot=selected-icon]), ::slotted([slot=leading-icon]), ::slotted([slot=trailing-icon]) { font-size: inherit !important; } slot[name=selected-icon] { display: none; } :host(:not([clickable]):not([toggle])) .button { cursor: auto; } :host([selected]:not([hide-selected-icon])) .leading { display: none; } :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] { display: contents; } .default-select-icon { display: contents; } :host([has-selected-icon]) .default-select-icon { display: none; } :host([selected]:not([disabled])) { background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248))); } :host([selected]:not([disabled])) .leading { color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color)); } :host([selected]:not([disabled])) .trailing { color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color)); } :host([has-leading-icon]) .container, :host([selected]:not([hide-selected-icon])) .container { padding-inline-start: var(--_gap); } :host([has-trailing-icon]) .container, :host([removable]) .container { padding-inline-end: var(--_gap); } :host(:not([has-leading-icon])) .leading { display: none; } :host([hide-selected-icon]) .selected, :host(:not([selected])) .selected { display: none; } :host(:not([has-trailing-icon])) .trailing { display: none; } [part=default-selected-icon] { display: contents; } :host([disabled]) .remove-button { cursor: default; } `"
+          "default": "css ` u-chip { flex-basis: 0; } .input { display: flex; gap: var(--u-chip-field-chips-gap, var(--u-spacing-extra-small, 4px)); flex-wrap: wrap; } .input:has(u-chip) { margin-top: var(--u-chip-field-chips-margin, var(--u-spacing-extra-small, 4px)); } .input input { width: auto; flex-basis: 200px; padding: 4px 0; margin-block: -4px; } `"
         }
       ],
       "exports": [
@@ -8192,429 +7956,623 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/chip/chip.styles.ts"
+            "module": "src/chip-field/chip-field.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/chip/chip.ts",
+      "path": "src/chip-field/chip-field.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmChip",
+          "name": "UmChipField",
           "members": [
             {
               "kind": "field",
-              "name": "#clickable",
-              "privacy": "private",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "manual",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, ignore enter key input",
+              "attribute": "manual"
+            },
+            {
+              "kind": "field",
+              "name": "formatter",
+              "type": {
+                "text": "((value: any) => string) | undefined"
+              },
+              "description": "A function return a string based on a item from the `value`. Useful when the items of value are objects."
+            },
+            {
+              "kind": "field",
+              "name": "leadingIconTemplate",
+              "type": {
+                "text": "((value: any) => string) | undefined"
+              },
+              "description": "A string representing an HTML to be rendered inside as leading icon of each chip.\n\n_Note:_ Subject to signature change"
+            },
+            {
+              "kind": "field",
+              "name": "#value",
+              "privacy": "private",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "any[]"
+              },
+              "description": "An array containing the value representation of each chip.\n\n_Note:_ Add or remove items directly from value array won't trigger a render on Chip Field. Use the methods `add` or `removeAt`."
+            },
+            {
+              "kind": "method",
+              "name": "setFormValue",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "focus"
+            },
+            {
+              "kind": "method",
+              "name": "renderControl",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "HTMLTemplateResult"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getChips",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handleBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handleInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "add",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "triggerChange",
+                  "default": "false"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "removeAt",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "triggerChange",
+                  "default": "false"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#removeChip",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#changed",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "triggerChange",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#valueUpdate",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#setEmpty",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#dispatchRemoveEvent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getItemLabel",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "formAssociated",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "static": true,
+              "readonly": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#toggle",
-              "privacy": "private",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "boolean"
+                "text": "ShadowRootInit"
               },
-              "default": "false"
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }",
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "selected",
+              "name": "empty",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Whether the chip is selected or not",
-              "attribute": "selected",
-              "reflects": true
+              "default": "true",
+              "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
+              "attribute": "empty",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "clickable",
+              "name": "placeholder",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "attribute": "clickable",
-              "reflects": true
+              "default": "''",
+              "attribute": "placeholder",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "elevated",
+              "name": "form",
               "type": {
-                "text": "boolean"
+                "text": "HTMLFormElement | null"
               },
-              "default": "false",
-              "description": "Adds elevation to the chip",
-              "attribute": "elevated",
-              "reflects": true
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "toggle",
+              "name": "elementInternals",
               "type": {
-                "text": "boolean"
+                "text": "ElementInternals"
               },
-              "description": "When true, the chip will toggle between selected and unselected\nstates",
-              "attribute": "toggle",
-              "reflects": true
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "removable",
+              "name": "config",
               "type": {
-                "text": "boolean"
+                "text": "UmFieldDefaults | undefined"
               },
-              "default": "false",
-              "description": "Add the remove icon",
-              "attribute": "removable",
-              "reflects": true
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "hideSelectedIcon",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'filled' | 'outlined' | undefined"
               },
-              "default": "false",
-              "description": "Hide the selected icon",
-              "attribute": "hide-selected-icon",
-              "reflects": true
+              "default": "undefined",
+              "attribute": "variant",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "hasLeadingIcon",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
-              "attribute": "has-leading-icon",
-              "reflects": true
+              "description": "The floating label for the field",
+              "attribute": "label",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "hasSelectedIcon",
+              "name": "_innerCounter",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
-              "attribute": "has-selected-icon",
-              "reflects": true
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "hasTrailingIcon",
+              "name": "counter",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
-              "attribute": "has-trailing-icon",
-              "reflects": true
+              "attribute": "counter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "assignedLeadingIcons",
+              "name": "hideCounter",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "readonly": true
+              "default": "false",
+              "attribute": "hide-counter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "assignedSelectedIcons",
+              "name": "supportingText",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "string | undefined"
               },
-              "privacy": "private",
-              "readonly": true
+              "description": "Supporting text conveys additional information about the field, such as how it will be used",
+              "attribute": "supporting-text",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "assignedTrailingIcons",
+              "name": "errorText",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "string | undefined"
               },
-              "privacy": "private",
-              "readonly": true
+              "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
+              "attribute": "error-text",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "removeRipple",
+              "name": "disabled",
               "type": {
-                "text": "UmRipple"
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#handleRemoveClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleTrailingIconSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#handleLeadingIconSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#handleSelectedIconSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "UIEvent"
-                  }
-                }
-              ],
+              "default": "false",
+              "description": "Get or sets where or not the field is in a visually invalid state.",
+              "attribute": "invalid",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "renderContent",
-              "privacy": "protected",
+              "name": "setDefaults",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "HTMLTemplateResult"
+                  "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
                 }
               },
+              "parameters": [
+                {
+                  "name": "contextRoot",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "UmFieldDefaults"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "hasLeadingIcon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the button is disabled or not.",
-              "attribute": "disabled",
+              "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
+              "attribute": "has-leading-icon",
               "reflects": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "renderRipple",
+              "name": "hasTrailingIcon",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
+              "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
+              "attribute": "has-trailing-icon",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "hasErrorText",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The URL that the link button points to.",
-              "attribute": "href",
+              "default": "false",
+              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
+              "attribute": "has-error-text",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "assignedLeadingIcons",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement[]"
               },
-              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
-              "attribute": "target",
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "assignedTrailingIcons",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement[]"
               },
-              "attribute": "name",
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "buttonElement",
+              "name": "assignedErrorTexts",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLElement[]"
               },
+              "privacy": "private",
               "readonly": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "ripple",
+              "name": "_labelElement",
               "type": {
-                "text": "UmRipple"
+                "text": "HTMLElement"
               },
               "privacy": "private",
               "readonly": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "innerRole",
+              "name": "_container",
               "type": {
-                "text": "string | null"
+                "text": "HTMLElement"
               },
               "privacy": "protected",
-              "default": "null",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "pathname",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "renderAfterContent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
               },
-              "readonly": true,
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "renderButton",
+              "name": "handleLeadingIconSlotChange",
               "privacy": "private",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "renderLink",
+              "name": "handleTrailingIconSlotChange",
               "privacy": "private",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getAriaLabel",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "string | null"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "innerFocusHandler",
+              "name": "handleErrorTextSlotChange",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#innerClickHandler",
-              "privacy": "private",
+              "name": "renderDefaultTrailingIcon",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult | typeof nothing"
                 }
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ],
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             }
           ],
@@ -8628,159 +8586,236 @@
           ],
           "attributes": [
             {
-              "name": "selected",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "manual",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the chip is selected or not",
-              "fieldName": "selected"
+              "description": "If true, ignore enter key input",
+              "fieldName": "manual"
             },
             {
-              "name": "clickable",
+              "name": "placeholder",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "fieldName": "clickable"
+              "default": "''",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "UmTextFieldBase",
+                "module": "src/shared/text-field-base/text-field-base.ts"
+              }
             },
             {
-              "name": "elevated",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'filled' | 'outlined' | undefined"
               },
-              "default": "false",
-              "description": "Adds elevation to the chip",
-              "fieldName": "elevated"
+              "default": "undefined",
+              "fieldName": "variant",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "toggle",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "description": "When true, the chip will toggle between selected and unselected\nstates",
-              "fieldName": "toggle"
+              "description": "The floating label for the field",
+              "fieldName": "label",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "removable",
+              "name": "counter",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "counter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
+            },
+            {
+              "name": "hide-counter",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Add the remove icon",
-              "fieldName": "removable"
+              "fieldName": "hideCounter",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "hide-selected-icon",
+              "name": "supporting-text",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Hide the selected icon",
-              "fieldName": "hideSelectedIcon"
+              "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": "has-leading-icon",
+              "name": "error-text",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasLeadingIcon"
+              "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": "has-selected-icon",
+              "name": "empty",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasSelectedIcon"
+              "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": "has-trailing-icon",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasTrailingIcon"
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
+              }
             },
             {
-              "name": "disabled",
+              "name": "invalid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the button is disabled or not.",
-              "fieldName": "disabled",
+              "description": "Get or sets where or not the field is in a visually invalid state.",
+              "fieldName": "invalid",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "href",
+              "name": "has-leading-icon",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The URL that the link button points to.",
-              "fieldName": "href",
+              "default": "false",
+              "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
+              "fieldName": "hasLeadingIcon",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "target",
+              "name": "has-trailing-icon",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
-              "fieldName": "target",
+              "default": "false",
+              "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
+              "fieldName": "hasTrailingIcon",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             },
             {
-              "name": "name",
+              "name": "has-error-text",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "fieldName": "name",
+              "default": "false",
+              "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
+              "fieldName": "hasErrorText",
               "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "name": "UmFieldBase",
+                "module": "src/field/field-base.ts"
               }
             }
           ],
           "superclass": {
-            "name": "UmButtonWrapper",
-            "module": "/src/shared/button-wrapper.js"
+            "name": "UmTextFieldBase",
+            "module": "/src/shared/text-field-base/text-field-base.js"
           },
-          "tagName": "u-chip",
+          "tagName": "u-chip-field",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmChip",
+          "name": "UmChipField",
           "declaration": {
-            "name": "UmChip",
-            "module": "src/chip/chip.ts"
+            "name": "UmChipField",
+            "module": "src/chip-field/chip-field.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-chip",
+          "name": "u-chip-field",
           "declaration": {
-            "name": "UmChip",
-            "module": "src/chip/chip.ts"
+            "name": "UmChipField",
+            "module": "src/chip-field/chip-field.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/datepicker/datepicker.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/datepicker/datepicker.styles.ts"
           }
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/datepicker/datepicker.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/dialog/confirm-dialog-builder.ts",
@@ -9724,12 +9759,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/datepicker/datepicker.styles.ts",
+      "path": "src/icon/icon.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css ` `"
+          "default": "css ` :host { --_container-size: var(--u-icon-container-size, 40px); display: inline-flex; align-items: center; justify-content: center; width: var(--_container-size); height: var(--_container-size); font-size: var(--u-icon-size, 24px); } `"
         }
       ],
       "exports": [
@@ -9738,16 +9773,46 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/datepicker/datepicker.styles.ts"
+            "module": "src/icon/icon.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/datepicker/datepicker.ts",
-      "declarations": [],
-      "exports": []
+      "path": "src/icon/icon.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmIcon",
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-icon",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmIcon",
+          "declaration": {
+            "name": "UmIcon",
+            "module": "src/icon/icon.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-icon",
+          "declaration": {
+            "name": "UmIcon",
+            "module": "src/icon/icon.ts"
+          }
+        }
+      ]
     },
     {
       "kind": "javascript-module",
@@ -10703,50 +10768,185 @@
                 "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"
-              }
-            },
+              "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",
+              "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"
           }
         }
       ]
@@ -11694,188 +11894,53 @@
               "name": "anchor-corner",
               "type": {
                 "text": "'auto-start' | 'auto-end' | 'start-start' | 'start-end' | 'end-start' | 'end-end'"
-              },
-              "default": "'end-start'",
-              "description": "The corner of the anchor which to align the menu in the standard logical\nproperty style of <block>-<inline> e.g. `'end-start'`.",
-              "fieldName": "anchorCorner"
-            },
-            {
-              "name": "direction",
-              "type": {
-                "text": "'up-start' | 'up-end' | 'down-start' | 'down-end'"
-              },
-              "default": "'down-end'",
-              "description": "The direction of the menu. e.g. `'down-end'`.\n\nNOTE: This value may not be respected by the menu positioning algorithm\nif the menu would render outside the viewport.",
-              "fieldName": "direction"
-            },
-            {
-              "name": "allow-overflow",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Don't limit the height of the menu",
-              "fieldName": "allowOverflow"
-            }
-          ],
-          "superclass": {
-            "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": [],
+              },
+              "default": "'end-start'",
+              "description": "The corner of the anchor which to align the menu in the standard logical\nproperty style of <block>-<inline> e.g. `'end-start'`.",
+              "fieldName": "anchorCorner"
+            },
+            {
+              "name": "direction",
+              "type": {
+                "text": "'up-start' | 'up-end' | 'down-start' | 'down-end'"
+              },
+              "default": "'down-end'",
+              "description": "The direction of the menu. e.g. `'down-end'`.\n\nNOTE: This value may not be respected by the menu positioning algorithm\nif the menu would render outside the viewport.",
+              "fieldName": "direction"
+            },
+            {
+              "name": "allow-overflow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Don't limit the height of the menu",
+              "fieldName": "allowOverflow"
+            }
+          ],
           "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"
           }
         }
       ]
@@ -12573,7 +12638,232 @@
             },
             {
               "kind": "method",
-              "name": "swiperSliderMove",
+              "name": "swiperSliderMove",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "scrimClick",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "toggle-drawer",
+              "description": "Toggle the navigation drawer visibility\n\n_Modal drawer_: Open if `true`, closed if `false`\n_Standard drawer_: Collapsed if `true`, visible if `false`",
+              "fieldName": "toggleDrawer"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-side-navigation",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmSideNavigation",
+          "declaration": {
+            "name": "UmSideNavigation",
+            "module": "src/navigation/side-navigation.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-side-navigation",
+          "declaration": {
+            "name": "UmSideNavigation",
+            "module": "src/navigation/side-navigation.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/overflow-menu/overflow-menu-item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "OverflowMenuItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "priority",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "priority"
+            },
+            {
+              "kind": "field",
+              "name": "icons",
+              "type": {
+                "text": "HTMLElement[]"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "label"
+            },
+            {
+              "name": "priority",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "priority"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-overflow-menu-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "OverflowMenuItem",
+          "declaration": {
+            "name": "OverflowMenuItem",
+            "module": "src/overflow-menu/overflow-menu-item.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-overflow-menu-item",
+          "declaration": {
+            "name": "OverflowMenuItem",
+            "module": "src/overflow-menu/overflow-menu-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/overflow-menu/overflow-menu.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` .grid { --_cell-size: var(--u-icon-button-small-height, 40px); display: grid; column-gap: 8px; grid-template-columns: repeat(auto-fit, var(--_cell-size)); justify-content: end; height: var(--_cell-size); overflow: hidden; } .items-set { flex-wrap: wrap; max-height: var(--u-icon-button-small-height, 40px); overflow: hidden; } .inner-menu { position: relative; grid-row: 1; grid-column: -2; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/overflow-menu/overflow-menu.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/overflow-menu/overflow-menu.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "OverflowMenu",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#resizeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeObserver | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#items",
+              "privacy": "private",
+              "type": {
+                "text": "OverflowMenuItem[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "#collapsedItems",
+              "privacy": "private",
+              "type": {
+                "text": "OverflowMenuItem[]"
+              },
+              "readonly": true,
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "_showMenu",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "menu",
+              "type": {
+                "text": "UmMenu | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#updateMenusTimeout",
+              "privacy": "private",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
+            {
+              "kind": "method",
+              "name": "#updateMenus",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleSlotChange",
               "privacy": "private",
               "parameters": [
                 {
@@ -12583,43 +12873,31 @@
                   }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "scrimClick",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "toggle-drawer",
-              "description": "Toggle the navigation drawer visibility\n\n_Modal drawer_: Open if `true`, closed if `false`\n_Standard drawer_: Collapsed if `true`, visible if `false`",
-              "fieldName": "toggleDrawer"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "u-side-navigation",
+          "tagName": "u-overflow-menu",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmSideNavigation",
+          "name": "OverflowMenu",
           "declaration": {
-            "name": "UmSideNavigation",
-            "module": "src/navigation/side-navigation.ts"
+            "name": "OverflowMenu",
+            "module": "src/overflow-menu/overflow-menu.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-side-navigation",
+          "name": "u-overflow-menu",
           "declaration": {
-            "name": "UmSideNavigation",
-            "module": "src/navigation/side-navigation.ts"
+            "name": "OverflowMenu",
+            "module": "src/overflow-menu/overflow-menu.ts"
           }
         }
       ]
@@ -13717,317 +13995,104 @@
             {
               "kind": "method",
               "name": "_handleClick",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "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/overflow-menu/overflow-menu-item.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "OverflowMenuItem",
-          "members": [
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "priority",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "priority"
-            },
-            {
-              "kind": "field",
-              "name": "icons",
-              "type": {
-                "text": "HTMLElement[]"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "label"
-            },
-            {
-              "name": "priority",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "priority"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-overflow-menu-item",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "OverflowMenuItem",
-          "declaration": {
-            "name": "OverflowMenuItem",
-            "module": "src/overflow-menu/overflow-menu-item.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-overflow-menu-item",
-          "declaration": {
-            "name": "OverflowMenuItem",
-            "module": "src/overflow-menu/overflow-menu-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/overflow-menu/overflow-menu.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` .grid { --_cell-size: var(--u-icon-button-small-height, 40px); display: grid; column-gap: 8px; grid-template-columns: repeat(auto-fit, var(--_cell-size)); justify-content: end; height: var(--_cell-size); overflow: hidden; } .items-set { flex-wrap: wrap; max-height: var(--u-icon-button-small-height, 40px); overflow: hidden; } .inner-menu { position: relative; grid-row: 1; grid-column: -2; } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/overflow-menu/overflow-menu.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/overflow-menu/overflow-menu.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "OverflowMenu",
-          "members": [
-            {
-              "kind": "field",
-              "name": "#resizeObserver",
-              "privacy": "private",
-              "type": {
-                "text": "ResizeObserver | null"
-              },
-              "default": "null"
-            },
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "#items",
-              "privacy": "private",
+              "name": "hide-state-layer",
               "type": {
-                "text": "OverflowMenuItem[]"
+                "text": "boolean"
               },
-              "default": "[]"
+              "default": "false",
+              "fieldName": "hideStateLayer"
             },
             {
-              "kind": "field",
-              "name": "#collapsedItems",
-              "privacy": "private",
+              "name": "name",
               "type": {
-                "text": "OverflowMenuItem[]"
+                "text": "string | undefined"
               },
-              "readonly": true,
-              "default": "[]"
+              "default": "''",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "_showMenu",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "menu",
+              "name": "value",
               "type": {
-                "text": "UmMenu | undefined"
+                "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"
               }
             },
             {
-              "kind": "field",
-              "name": "#updateMenusTimeout",
-              "privacy": "private",
+              "name": "checked",
+              "fieldName": "_checkedAttribute",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0"
-            },
-            {
-              "kind": "method",
-              "name": "#updateMenus",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "readonly": true,
+              "default": "false",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
               }
-            },
-            {
-              "kind": "method",
-              "name": "#handleSlotChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "UmSelectionControl",
+            "module": "/src/shared/selection-control/selection-control.js"
           },
-          "tagName": "u-overflow-menu",
+          "tagName": "u-radio",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "OverflowMenu",
+          "name": "UmRadio",
           "declaration": {
-            "name": "OverflowMenu",
-            "module": "src/overflow-menu/overflow-menu.ts"
+            "name": "UmRadio",
+            "module": "src/radio/radio.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-overflow-menu",
+          "name": "u-radio",
           "declaration": {
-            "name": "OverflowMenu",
-            "module": "src/overflow-menu/overflow-menu.ts"
+            "name": "UmRadio",
+            "module": "src/radio/radio.ts"
           }
         }
       ]
@@ -23369,77 +23434,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/sets/set-base.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css ` :host { display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; } :host([alignment=start]) { justify-content: flex-start; } :host([alignment=center]) { justify-content: center; } :host([alignment=end]) { justify-content: flex-end; } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/shared/sets/set-base.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/sets/set-base.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmSetBase",
-          "members": [
-            {
-              "kind": "field",
-              "name": "alignment",
-              "type": {
-                "text": "'start' | 'center' | 'end'"
-              },
-              "default": "'start'",
-              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
-              "attribute": "alignment",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "alignment",
-              "type": {
-                "text": "'start' | 'center' | 'end'"
-              },
-              "default": "'start'",
-              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
-              "fieldName": "alignment"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmSetBase",
-          "declaration": {
-            "name": "UmSetBase",
-            "module": "src/shared/sets/set-base.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/shared/text-field-base/text-field-base.styles.ts",
@@ -24043,6 +24037,77 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/sets/set-base.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css ` :host { display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; } :host([alignment=start]) { justify-content: flex-start; } :host([alignment=center]) { justify-content: center; } :host([alignment=end]) { justify-content: flex-end; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/shared/sets/set-base.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/sets/set-base.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmSetBase",
+          "members": [
+            {
+              "kind": "field",
+              "name": "alignment",
+              "type": {
+                "text": "'start' | 'center' | 'end'"
+              },
+              "default": "'start'",
+              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
+              "attribute": "alignment",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "alignment",
+              "type": {
+                "text": "'start' | 'center' | 'end'"
+              },
+              "default": "'start'",
+              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
+              "fieldName": "alignment"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmSetBase",
+          "declaration": {
+            "name": "UmSetBase",
+            "module": "src/shared/sets/set-base.ts"
+          }
+        }
+      ]
     }
   ]
 }