@universal-material/web 3.0.128 → 3.0.129

package/custom-elements.json

@@ -12370,358 +12370,353 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/switch/switch-list-item.ts",
+      "path": "src/shared/base.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css `\n  :host,\n  * {\n    --_focus-ring-outline-offset: var(--u-focus-ring-outline-offset, 2px);\n    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\");\n    box-sizing: border-box;\n    outline: 0;\n  }\n\n  :host(.force-focus-ring) .focus-ring,\n  .focus-ring:focus-visible {\n    --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n    animation: u-focus-pulse 500ms ease;\n    animation-fill-mode: forwards;\n    outline-offset: var(--_focus-ring-outline-offset);\n  }\n\n  @keyframes u-focus-pulse {\n    0% {\n      outline: 0 solid var(--_color-primary);\n    }\n    50% {\n      outline: 6px solid var(--_color-primary);\n    }\n    100% {\n      outline: 4px solid var(--_color-primary);\n    }\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/shared/base.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/button-wrapper.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css `\n  :host {\n    --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n    -webkit-tap-highlight-color: transparent;\n    --u-elevation-level: 0;\n    position: relative;\n    display: inline-block;\n    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\");\n    appearance: none !important;\n  }\n\n  :host([disabled]) {\n    --u-elevation-level: 0 !important;\n    background-color: var(--u-button-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n    color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n  }\n\n  :host([disabled]) .button {\n    cursor: default;\n  }\n\n  * {\n    color: inherit;\n  }\n\n  u-elevation {\n    z-index: -1;\n  }\n\n  .button {\n    cursor: pointer;\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    width: 100%;\n    height: 100%;\n    font-family: inherit;\n    border-radius: inherit;\n    color: inherit;\n    border: none;\n    margin: 0;\n    padding: 0;\n    text-align: center;\n    white-space: nowrap;\n    background: transparent;\n    user-select: none;\n    text-decoration: none;\n    outline: 0;\n    z-index: 0;\n  }\n\n  .content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    white-space: nowrap;\n    border-radius: inherit;\n    width: 100%;\n    height: 100%;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/shared/button-wrapper.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/button-wrapper.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmSwitchListItem",
-          "mixins": [
-            {
-              "name": "mixinSelectionControlListItem",
-              "module": "/src/shared/selection-control/selection-control-list-item.js"
-            }
-          ],
-          "superclass": {
-            "name": "UmSwitch",
-            "module": "/src/switch/switch.js"
-          },
-          "tagName": "u-switch-list-item",
-          "customElement": true,
-          "attributes": [
+          "name": "UmButtonWrapper",
+          "members": [
             {
-              "name": "leading",
+              "kind": "field",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "leading",
-              "inheritedFrom": {
-                "name": "mixinSelectionControlListItem",
-                "module": "src/shared/selection-control/selection-control-list-item.ts"
-              }
+              "description": "Whether the button is disabled or not.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "renderRipple",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "name",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
+              "default": "true"
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "href",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
+              "description": "The URL that the link button points to.",
+              "attribute": "href"
             },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "target",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'on'",
-              "description": "The element value to use in form submission when checked.",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
+              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+              "attribute": "target"
             },
             {
-              "name": "checked",
-              "fieldName": "_checkedAttribute",
+              "kind": "field",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
-            }
-          ],
-          "members": [
+              "attribute": "name"
+            },
             {
               "kind": "field",
-              "name": "styles",
+              "name": "buttonElement",
               "type": {
-                "text": "array"
-              },
-              "static": true,
-              "default": "[\n      (base as unknown as typeof LitElement).styles ?? [],\n      css`\n        :host {\n          --u-list-item-block-padding: 0;\n          display: block;\n        }\n\n        :host(:not([disabled])) {\n          cursor: pointer;\n        }\n      `,\n    ]",
-              "inheritedFrom": {
-                "name": "mixinSelectionControlListItem",
-                "module": "src/shared/selection-control/selection-control-list-item.ts"
+                "text": "HTMLElement"
               }
             },
             {
               "kind": "field",
-              "name": "leading",
+              "name": "ripple",
               "type": {
-                "text": "boolean"
+                "text": "UmRipple"
               },
-              "default": "false",
-              "attribute": "leading",
-              "inheritedFrom": {
-                "name": "mixinSelectionControlListItem",
-                "module": "src/shared/selection-control/selection-control-list-item.ts"
-              }
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "render",
-              "return": {
-                "type": {
-                  "text": "HTMLTemplateResult"
-                }
+              "kind": "field",
+              "name": "innerRole",
+              "type": {
+                "text": "string | null"
               },
-              "inheritedFrom": {
-                "name": "mixinSelectionControlListItem",
-                "module": "src/shared/selection-control/selection-control-list-item.ts"
-              }
+              "privacy": "protected",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "renderRipple",
+              "name": "pathname",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
+                "text": "string"
               }
             },
             {
               "kind": "method",
-              "name": "renderIndicator",
+              "name": "renderButton",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderLink",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderContent",
               "privacy": "protected",
               "return": {
                 "type": {
                   "text": "HTMLTemplateResult"
                 }
-              },
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "formAssociated",
-              "type": {
-                "text": "boolean"
-              },
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
+              "kind": "method",
+              "name": "focus"
             },
             {
-              "kind": "field",
-              "name": "shadowRootOptions",
-              "type": {
-                "text": "ShadowRootInit"
-              },
-              "static": true,
-              "default": "{\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  }",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
+              "kind": "method",
+              "name": "blur"
             },
             {
-              "kind": "field",
-              "name": "elementInternals",
-              "type": {
-                "text": "ElementInternals"
-              },
+              "kind": "method",
+              "name": "getAriaLabel",
               "privacy": "protected",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
+              "return": {
+                "type": {
+                  "text": "string | null"
+                }
               }
             },
             {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "''",
-              "attribute": "name",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
+              "kind": "method",
+              "name": "innerFocusHandler",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLInputElement"
-              },
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
+              "kind": "method",
+              "name": "#innerClickHandler",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "focus",
+              "name": "handleClick",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "options",
-                  "optional": true,
+                  "name": "_",
                   "type": {
-                    "text": "FocusOptions"
+                    "text": "UIEvent"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
-            },
+              ]
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "#checked",
-              "privacy": "private",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
+              "description": "Whether the button is disabled or not.",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "inputType",
+              "name": "href",
               "type": {
-                "text": "'checkbox' | 'radio'"
+                "text": "string | undefined"
               },
-              "privacy": "protected",
-              "default": "'checkbox'",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
+              "description": "The URL that the link button points to.",
+              "fieldName": "href"
             },
             {
-              "kind": "field",
-              "name": "value",
+              "name": "target",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'on'",
-              "description": "The element value to use in form submission when checked.",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
+              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+              "fieldName": "target"
             },
             {
-              "kind": "field",
-              "name": "checked",
-              "attribute": "checked",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "name"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmButtonWrapper",
+          "declaration": {
+            "name": "UmButtonWrapper",
+            "module": "src/shared/button-wrapper.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/compare-text.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "normalizedStartsWith",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "text",
+              "type": {
+                "text": "string | null"
               }
             },
             {
-              "kind": "field",
-              "name": "_checkedAttribute",
+              "name": "term",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "attribute": "checked",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
+                "text": "string | null"
               }
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "normalizedStartsWith",
+          "declaration": {
+            "name": "normalizedStartsWith",
+            "module": "src/shared/compare-text.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/extract-template-html.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "extractTemplateHtml",
+          "parameters": [
             {
-              "kind": "method",
-              "name": "#handleClick",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
+              "name": "template",
+              "type": {
+                "text": "HTMLTemplateElement"
               }
             }
-          ],
-          "events": [
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "extractTemplateHtml",
+          "declaration": {
+            "name": "extractTemplateHtml",
+            "module": "src/shared/extract-template-html.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/mixin-attribute-properties.ts",
+      "declarations": [
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "mixinAttributeProperties",
+          "parameters": [
             {
-              "name": "input",
+              "name": "base",
               "type": {
-                "text": "InputEvent"
-              },
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
+                "text": "T"
               }
             },
             {
-              "name": "change",
+              "name": "properties",
               "type": {
-                "text": "Event"
-              },
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
+                "text": "string[]"
               }
             }
           ]
@@ -12730,52 +12725,176 @@
       "exports": [
         {
           "kind": "js",
-          "name": "UmSwitchListItem",
-          "declaration": {
-            "name": "UmSwitchListItem",
-            "module": "src/switch/switch-list-item.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-switch-list-item",
+          "name": "mixinAttributeProperties",
           "declaration": {
-            "name": "UmSwitchListItem",
-            "module": "src/switch/switch-list-item.ts"
+            "name": "mixinAttributeProperties",
+            "module": "src/shared/mixin-attribute-properties.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/switch/switch.styles.ts",
+      "path": "src/shared/mixin.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/normalize-text.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css `\n  :host {\n    --_state-layer-padding: var(--u-switch-state-layer-padding, 4px);\n    --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n    --_indicator-color: var(--u-switch-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  .container {\n    cursor: pointer;\n    position: relative;\n    width: var(--_width);\n    height: var(--_height);\n    padding: var(--_state-layer-padding);\n    border-radius: var(--u-shape-corner-full, 9999px);\n  }\n\n  :host([hide-state-layer]) .container {\n    width: var(--_indicator-size);\n    height: var(--_indicator-size);\n    padding: 0;\n  }\n  :host([hide-state-layer]) u-ripple {\n    display: none;\n  }\n\n  input {\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    border-radius: inherit;\n    appearance: none;\n    pointer-events: none;\n  }\n\n  u-ripple {\n    padding: var(--_state-layer-padding);\n  }\n\n  .indicator-container {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  input:checked ~ .indicator-container {\n    --_indicator-color: var(--u-switch-indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n  }\n\n  :host([disabled]) {\n    opacity: var(--u-switch-disabled-state-opacity, 0.38);\n  }\n  :host([disabled]) input,\n  :host([disabled]) .container {\n    cursor: default;\n  }\n  :host([disabled]) .indicator-container {\n    --_indicator-color: var(--u-switch-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n  }\n\n  :host {\n    --_width: 3.25rem;\n    --_height: 2rem;\n    --_state-layer-padding: 0;\n    --_selected-track-background: var(--u-switch-track-bg-color, var(--u-color-primary, rgb(103, 80, 164)));\n    --_state-layer-size: var(--u-switch-state-layer-size, 2.5rem);\n    --_unselected-color: var(--u-switch-track-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n    --_unselected-handle-size: var(--u-swich-unselected-handle-size, 1rem);\n    --_selected-handle-size: var(--u-swich-unselected-handle-size, 1.5rem);\n    --_active-handle-size: var(--u-swich-unselected-handle-size, 1.75rem);\n  }\n\n  .indicator-container {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    width: var(--_height);\n    transition: width 200ms;\n  }\n\n  .state-layer,\n  .indicator {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .indicator {\n    width: var(--_height);\n    height: var(--_height);\n  }\n\n  .state-layer {\n    flex-shrink: 0;\n    width: var(--_state-layer-size);\n    height: var(--_state-layer-size);\n    border-radius: var(--u-shape-corner-full, 9999px);\n  }\n\n  .handle {\n    width: var(--_unselected-handle-size);\n    height: var(--_unselected-handle-size);\n    background-color: var(--u-switch-unselected-handle-color, var(--_unselected-color));\n    border-radius: var(--u-switch-handle-shape-corner, var(--u-shape-corner-full, 9999px));\n    transition: background 200ms, width 200ms, height 200ms;\n  }\n\n  input {\n    border: var(--u-switch-track-width, 0.125rem) solid var(--u-switch-unselected-track-outline-color, var(--_unselected-color));\n    background-color: var(--u-switch-unselected-track-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n    transition: background 200ms, border-color 200ms;\n  }\n  input:checked {\n    background-color: var(--_selected-track-background);\n    border-color: var(--_selected-track-background);\n  }\n  input:checked ~ .indicator-container {\n    width: 100%;\n  }\n  input:checked ~ .indicator-container .handle {\n    width: var(--_selected-handle-size);\n    height: var(--_selected-handle-size);\n    background-color: var(--u-switch-selected-handle-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n  }\n\n  @media (hover: hover) {\n    :host(:not([disabled]):hover) .state-layer {\n      background-color: rgba(var(--u-color-on-surface-rgb, ), var(--u-switch-state-layer-hover-opacity, var(--u-state-hover-opacity, 0.08)));\n    }\n  }\n  :host(:not([disabled]):active) .indicator-container .handle {\n    width: var(--_active-handle-size);\n    height: var(--_active-handle-size);\n  }\n`"
+          "kind": "function",
+          "name": "normalizeText",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "text",
+              "type": {
+                "text": "string | null"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "styles",
+          "name": "normalizeText",
           "declaration": {
-            "name": "styles",
-            "module": "src/switch/switch.styles.ts"
+            "name": "normalizeText",
+            "module": "src/shared/normalize-text.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/switch/switch.ts",
+      "path": "src/switch/switch-list-item.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmSwitch",
+          "name": "UmSwitchListItem",
+          "mixins": [
+            {
+              "name": "mixinSelectionControlListItem",
+              "module": "/src/shared/selection-control/selection-control-list-item.js"
+            }
+          ],
+          "superclass": {
+            "name": "UmSwitch",
+            "module": "/src/switch/switch.js"
+          },
+          "tagName": "u-switch-list-item",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "leading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "leading",
+              "inheritedFrom": {
+                "name": "mixinSelectionControlListItem",
+                "module": "src/shared/selection-control/selection-control-list-item.ts"
+              }
+            },
+            {
+              "name": "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"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
+            }
+          ],
           "members": [
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "array"
+              },
+              "static": true,
+              "default": "[\n      (base as unknown as typeof LitElement).styles ?? [],\n      css`\n        :host {\n          --u-list-item-block-padding: 0;\n          display: block;\n        }\n\n        :host(:not([disabled])) {\n          cursor: pointer;\n        }\n      `,\n    ]",
+              "inheritedFrom": {
+                "name": "mixinSelectionControlListItem",
+                "module": "src/shared/selection-control/selection-control-list-item.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "leading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "leading",
+              "inheritedFrom": {
+                "name": "mixinSelectionControlListItem",
+                "module": "src/shared/selection-control/selection-control-list-item.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "render",
+              "return": {
+                "type": {
+                  "text": "HTMLTemplateResult"
+                }
+              },
+              "inheritedFrom": {
+                "name": "mixinSelectionControlListItem",
+                "module": "src/shared/selection-control/selection-control-list-item.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "renderRipple",
@@ -12988,63 +13107,6 @@
               }
             }
           ],
-          "superclass": {
-            "name": "UmSelectionControl",
-            "module": "/src/shared/selection-control/selection-control.js"
-          },
-          "tagName": "u-switch",
-          "customElement": true,
-          "attributes": [
-            {
-              "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"
-              },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "UmSelectionControl",
-                "module": "src/shared/selection-control/selection-control.ts"
-              }
-            }
-          ],
           "events": [
             {
               "name": "input",
@@ -13072,30 +13134,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "UmSwitch",
+          "name": "UmSwitchListItem",
           "declaration": {
-            "name": "UmSwitch",
-            "module": "src/switch/switch.ts"
+            "name": "UmSwitchListItem",
+            "module": "src/switch/switch-list-item.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-switch",
+          "name": "u-switch-list-item",
           "declaration": {
-            "name": "UmSwitch",
-            "module": "src/switch/switch.ts"
+            "name": "UmSwitchListItem",
+            "module": "src/switch/switch-list-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-bar/tab-bar.styles.ts",
+      "path": "src/switch/switch.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css `\n  :host {\n    position: relative;\n    display: block;\n    --_active-color: var(--u-tab-active-color, var(--u-color-primary, rgb(103, 80, 164)));\n    --_active-label-color: var(--u-tab-active-label-color, var(--u-color-primary, rgb(103, 80, 164)));\n    overflow: hidden;\n  }\n\n  .container {\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    min-height: var(--u-tab-bar-min-height, 48px);\n    overflow: auto;\n    scroll-padding-inline: 128px;\n    scrollbar-width: none;\n  }\n  .container::-webkit-scrollbar {\n    display: none;\n  }\n\n  .scroll-indicator {\n    --u-elevation-level: 2;\n    cursor: pointer;\n    position: absolute;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    top: 0;\n    width: var(--u-tab-bar-scroll-indicator-size, 32px);\n    background-color: var(--u-scroll-indicator-bg-color, var(--u-current-bg-color, var(--u-color-surface, rgb(254, 247, 255))));\n    font-size: 1.5rem;\n    height: 100%;\n    z-index: 1;\n  }\n  @media (hover: hover) {\n    :host(:hover) .scroll-indicator.active {\n      display: flex;\n    }\n  }\n\n  .scroll-left {\n    left: 0;\n  }\n\n  .scroll-right {\n    right: 0;\n  }\n\n  .tab-indicator {\n    position: absolute;\n    background-color: var(--_active-color);\n    height: 3px;\n    bottom: 0;\n    transition: inset 200ms ease-out, width 200ms ease-out;\n  }\n\n  .container:not(.secondary) .tab-indicator {\n    border-radius: var(--u-tab-bar-primary-border-radius, 9999px 9999px 0 0);\n  }\n\n  .secondary {\n    --_active-label-color: var(--u-tab-secondary-active-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    --_tab-content-direction: row;\n    --_tab-content-gap: 8px;\n    --u-tab-with-icon-height: var(--u-tab-secondary-with-icon-height, 48px);\n  }\n`"
+          "default": "css `\n  :host {\n    --_state-layer-padding: var(--u-switch-state-layer-padding, 4px);\n    --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n    --_indicator-color: var(--u-switch-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  .container {\n    cursor: pointer;\n    position: relative;\n    width: var(--_width);\n    height: var(--_height);\n    padding: var(--_state-layer-padding);\n    border-radius: var(--u-shape-corner-full, 9999px);\n  }\n\n  :host([hide-state-layer]) .container {\n    width: var(--_indicator-size);\n    height: var(--_indicator-size);\n    padding: 0;\n  }\n  :host([hide-state-layer]) u-ripple {\n    display: none;\n  }\n\n  input {\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    border-radius: inherit;\n    appearance: none;\n    pointer-events: none;\n  }\n\n  u-ripple {\n    padding: var(--_state-layer-padding);\n  }\n\n  .indicator-container {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  input:checked ~ .indicator-container {\n    --_indicator-color: var(--u-switch-indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n  }\n\n  :host([disabled]) {\n    opacity: var(--u-switch-disabled-state-opacity, 0.38);\n  }\n  :host([disabled]) input,\n  :host([disabled]) .container {\n    cursor: default;\n  }\n  :host([disabled]) .indicator-container {\n    --_indicator-color: var(--u-switch-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n  }\n\n  :host {\n    --_width: 3.25rem;\n    --_height: 2rem;\n    --_state-layer-padding: 0;\n    --_selected-track-background: var(--u-switch-track-bg-color, var(--u-color-primary, rgb(103, 80, 164)));\n    --_state-layer-size: var(--u-switch-state-layer-size, 2.5rem);\n    --_unselected-color: var(--u-switch-track-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n    --_unselected-handle-size: var(--u-swich-unselected-handle-size, 1rem);\n    --_selected-handle-size: var(--u-swich-unselected-handle-size, 1.5rem);\n    --_active-handle-size: var(--u-swich-unselected-handle-size, 1.75rem);\n  }\n\n  .indicator-container {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    width: var(--_height);\n    transition: width 200ms;\n  }\n\n  .state-layer,\n  .indicator {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .indicator {\n    width: var(--_height);\n    height: var(--_height);\n  }\n\n  .state-layer {\n    flex-shrink: 0;\n    width: var(--_state-layer-size);\n    height: var(--_state-layer-size);\n    border-radius: var(--u-shape-corner-full, 9999px);\n  }\n\n  .handle {\n    width: var(--_unselected-handle-size);\n    height: var(--_unselected-handle-size);\n    background-color: var(--u-switch-unselected-handle-color, var(--_unselected-color));\n    border-radius: var(--u-switch-handle-shape-corner, var(--u-shape-corner-full, 9999px));\n    transition: background 200ms, width 200ms, height 200ms;\n  }\n\n  input {\n    border: var(--u-switch-track-width, 0.125rem) solid var(--u-switch-unselected-track-outline-color, var(--_unselected-color));\n    background-color: var(--u-switch-unselected-track-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n    transition: background 200ms, border-color 200ms;\n  }\n  input:checked {\n    background-color: var(--_selected-track-background);\n    border-color: var(--_selected-track-background);\n  }\n  input:checked ~ .indicator-container {\n    width: 100%;\n  }\n  input:checked ~ .indicator-container .handle {\n    width: var(--_selected-handle-size);\n    height: var(--_selected-handle-size);\n    background-color: var(--u-switch-selected-handle-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n  }\n\n  @media (hover: hover) {\n    :host(:not([disabled]):hover) .state-layer {\n      background-color: rgba(var(--u-color-on-surface-rgb, ), var(--u-switch-state-layer-hover-opacity, var(--u-state-hover-opacity, 0.08)));\n    }\n  }\n  :host(:not([disabled]):active) .indicator-container .handle {\n    width: var(--_active-handle-size);\n    height: var(--_active-handle-size);\n  }\n`"
         }
       ],
       "exports": [
@@ -13104,193 +13166,340 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/tab-bar/tab-bar.styles.ts"
+            "module": "src/switch/switch.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-bar/tab-bar.ts",
+      "path": "src/switch/switch.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmTabBar",
+          "name": "UmSwitch",
           "members": [
             {
               "kind": "field",
-              "name": "#tabs",
-              "privacy": "private",
+              "name": "renderRipple",
               "type": {
-                "text": "UmTab[]"
+                "text": "boolean"
               },
-              "default": "[]"
+              "privacy": "protected",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderIndicator",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "HTMLTemplateResult"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#activeTab",
-              "privacy": "private",
+              "name": "formAssociated",
               "type": {
-                "text": "UmTab | null"
+                "text": "boolean"
               },
-              "default": "null"
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#resizeObserver",
-              "privacy": "private",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "ResizeObserver"
+                "text": "ShadowRootInit"
               },
-              "default": "new ResizeObserver(() => {\n    this._setScrollIndicatorsActive();\n    this._updateTabIndicator();\n  })"
+              "static": true,
+              "default": "{\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  }",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "elementInternals",
               "type": {
-                "text": "'primary' | 'secondary'"
+                "text": "ElementInternals"
               },
-              "default": "'primary'",
-              "attribute": "variant",
-              "reflects": true
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_scrollLeft",
+              "name": "name",
               "type": {
-                "text": "HTMLElement"
+                "text": "string | undefined"
               },
-              "privacy": "private"
+              "default": "''",
+              "attribute": "name",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_scrollRight",
+              "name": "disabled",
               "type": {
-                "text": "HTMLElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_container",
+              "name": "input",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLInputElement"
               },
-              "privacy": "private"
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_tabIndicator",
+              "name": "form",
               "type": {
-                "text": "HTMLElement | undefined"
+                "text": "HTMLFormElement | null"
               },
-              "privacy": "private"
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "assignedElements",
+              "name": "#checked",
+              "privacy": "private",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
               }
             },
             {
               "kind": "field",
-              "name": "activeTabIndex",
+              "name": "inputType",
               "type": {
-                "text": "number"
+                "text": "'checkbox' | 'radio'"
+              },
+              "privacy": "protected",
+              "default": "'checkbox'",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
               }
             },
             {
               "kind": "field",
-              "name": "activeTab",
+              "name": "value",
               "type": {
-                "text": "UmTab | null"
+                "text": "string"
+              },
+              "default": "'on'",
+              "description": "The element value to use in form submission when checked.",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
               }
             },
             {
               "kind": "field",
-              "name": "#handleSlotChange",
-              "privacy": "private"
+              "name": "checked",
+              "attribute": "checked",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#handleContainerScrollEnd",
-              "privacy": "private"
+              "name": "_checkedAttribute",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "attribute": "checked",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "_updateTabIndicator"
-            },
+              "name": "#handleClick",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UmSelectionControl",
+            "module": "/src/shared/selection-control/selection-control.js"
+          },
+          "tagName": "u-switch",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
-              "name": "#scrollToLeft",
-              "privacy": "private"
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "''",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "#scrollToRight",
-              "privacy": "private"
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "_setScrollIndicatorsActive"
+              "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"
+              }
             },
             {
-              "kind": "method",
-              "name": "#attach",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
+              "name": "checked",
+              "fieldName": "_checkedAttribute",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
               }
             }
           ],
-          "attributes": [
+          "events": [
             {
-              "name": "variant",
+              "name": "input",
               "type": {
-                "text": "'primary' | 'secondary'"
+                "text": "InputEvent"
               },
-              "default": "'primary'",
-              "fieldName": "variant"
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
+            },
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "inheritedFrom": {
+                "name": "UmSelectionControl",
+                "module": "src/shared/selection-control/selection-control.ts"
+              }
             }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-tab-bar",
-          "customElement": true
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmTabBar",
+          "name": "UmSwitch",
           "declaration": {
-            "name": "UmTabBar",
-            "module": "src/tab-bar/tab-bar.ts"
+            "name": "UmSwitch",
+            "module": "src/switch/switch.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-tab-bar",
+          "name": "u-switch",
           "declaration": {
-            "name": "UmTabBar",
-            "module": "src/tab-bar/tab-bar.ts"
+            "name": "UmSwitch",
+            "module": "src/switch/switch.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-bar/tab.styles.ts",
+      "path": "src/tab-bar/tab-bar.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css `\n  :host {\n    --u-focus-ring-outline-offset: -4px;\n    --_tab-height: var(--u-tab-height, 48px);\n    display: block;\n    flex: 0.5;\n    padding-inline: var(--u-tab-padding, 16px);\n  }\n\n  .tab-content {\n    display: flex;\n    flex-direction: var(--_tab-content-direction, column);\n    align-items: center;\n    justify-content: center;\n    max-width: 100%;\n    height: var(--_tab-height);\n    gap: var(--_tab-content-gap, 0);\n  }\n\n  .has-icon {\n    --_tab-height: var(--u-tab-with-icon-height, 64px);\n  }\n\n  :host(.force-focus-ring) .button,\n  .button:focus-visible {\n    border-radius: var(--u-spacing-small, 8px);\n  }\n\n  .label {\n    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\"));\n    line-height: var(--u-tab-label-line-height, var(--u-title-s-line-height, 1.25rem));\n    font-size: var(--u-tab-label-font-size, var(--u-title-s-font-size, 0.875rem));\n    letter-spacing: var(--u-tab-label-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-tab-label-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500)));\n    color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    max-width: 100%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .active .icon,\n  .active .label {\n    color: var(--_active-label-color);\n  }\n`"
+          "default": "css `\n  :host {\n    position: relative;\n    display: block;\n    --_active-color: var(--u-tab-active-color, var(--u-color-primary, rgb(103, 80, 164)));\n    --_active-label-color: var(--u-tab-active-label-color, var(--u-color-primary, rgb(103, 80, 164)));\n    overflow: hidden;\n  }\n\n  .container {\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    min-height: var(--u-tab-bar-min-height, 48px);\n    overflow: auto;\n    scroll-padding-inline: 128px;\n    scrollbar-width: none;\n  }\n  .container::-webkit-scrollbar {\n    display: none;\n  }\n\n  .scroll-indicator {\n    --u-elevation-level: 2;\n    cursor: pointer;\n    position: absolute;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    top: 0;\n    width: var(--u-tab-bar-scroll-indicator-size, 32px);\n    background-color: var(--u-scroll-indicator-bg-color, var(--u-current-bg-color, var(--u-color-surface, rgb(254, 247, 255))));\n    font-size: 1.5rem;\n    height: 100%;\n    z-index: 1;\n  }\n  @media (hover: hover) {\n    :host(:hover) .scroll-indicator.active {\n      display: flex;\n    }\n  }\n\n  .scroll-left {\n    left: 0;\n  }\n\n  .scroll-right {\n    right: 0;\n  }\n\n  .tab-indicator {\n    position: absolute;\n    background-color: var(--_active-color);\n    height: 3px;\n    bottom: 0;\n    transition: inset 200ms ease-out, width 200ms ease-out;\n  }\n\n  .container:not(.secondary) .tab-indicator {\n    border-radius: var(--u-tab-bar-primary-border-radius, 9999px 9999px 0 0);\n  }\n\n  .secondary {\n    --_active-label-color: var(--u-tab-secondary-active-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    --_tab-content-direction: row;\n    --_tab-content-gap: 8px;\n    --u-tab-with-icon-height: var(--u-tab-secondary-with-icon-height, 48px);\n  }\n`"
         }
       ],
       "exports": [
@@ -13299,411 +13508,193 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/tab-bar/tab.styles.ts"
+            "module": "src/tab-bar/tab-bar.styles.ts"
           }
         }
       ]
     },
     {
-      "kind": "javascript-module",
-      "path": "src/tab-bar/tab.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmTab",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_bar",
-              "type": {
-                "text": "UmTabBar | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#resizeObserver",
-              "privacy": "private",
-              "type": {
-                "text": "ResizeObserver"
-              },
-              "default": "new ResizeObserver(() => {\n    if (this.active) {\n      this._bar?._updateTabIndicator();\n    }\n  })"
-            },
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hasIcon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "hasIcon"
-            },
-            {
-              "kind": "method",
-              "name": "renderContent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "HTMLTemplateResult"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "UIEvent"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
-            },
+      "kind": "javascript-module",
+      "path": "src/tab-bar/tab-bar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmTabBar",
+          "members": [
             {
-              "kind": "method",
-              "name": "#iconSlotChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "#tabs",
+              "privacy": "private",
+              "type": {
+                "text": "UmTab[]"
+              },
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "#activeTab",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "UmTab | null"
               },
-              "default": "false",
-              "description": "Whether the button is disabled or not.",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "renderRipple",
+              "name": "#resizeObserver",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "ResizeObserver"
               },
-              "default": "true",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "default": "new ResizeObserver(() => {\n    this._setScrollIndicatorsActive();\n    this._updateTabIndicator();\n  })"
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "variant",
               "type": {
-                "text": "string | undefined"
+                "text": "'primary' | 'secondary'"
               },
-              "description": "The URL that the link button points to.",
-              "attribute": "href",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "default": "'primary'",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "_scrollLeft",
               "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",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "_scrollRight",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement"
               },
-              "attribute": "name",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "buttonElement",
+              "name": "_container",
               "type": {
                 "text": "HTMLElement"
               },
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "ripple",
+              "name": "_tabIndicator",
               "type": {
-                "text": "UmRipple"
+                "text": "HTMLElement | undefined"
               },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "innerRole",
+              "name": "assignedElements",
               "type": {
-                "text": "string | null"
-              },
-              "privacy": "protected",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "text": "HTMLElement[]"
               }
             },
             {
               "kind": "field",
-              "name": "pathname",
+              "name": "activeTabIndex",
               "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+                "text": "number"
               }
             },
             {
-              "kind": "method",
-              "name": "renderButton",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
+              "kind": "field",
+              "name": "activeTab",
+              "type": {
+                "text": "UmTab | null"
               }
             },
             {
-              "kind": "method",
-              "name": "renderLink",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "kind": "field",
+              "name": "#handleSlotChange",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "kind": "field",
+              "name": "#handleContainerScrollEnd",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "blur",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "name": "_updateTabIndicator"
             },
             {
-              "kind": "method",
-              "name": "getAriaLabel",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "string | null"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "kind": "field",
+              "name": "#scrollToLeft",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#scrollToRight",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "innerFocusHandler",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "name": "_setScrollIndicatorsActive"
             },
             {
               "kind": "method",
-              "name": "#innerClickHandler",
+              "name": "#attach",
               "return": {
                 "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
+                  "text": "Promise<void>"
                 }
-              ],
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
               }
             }
           ],
           "attributes": [
             {
-              "name": "hasIcon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "hasIcon"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the button is disabled or not.",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The URL that the link button points to.",
-              "fieldName": "href",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
-              "fieldName": "target",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
-            },
-            {
-              "name": "name",
+              "name": "variant",
               "type": {
-                "text": "string | undefined"
+                "text": "'primary' | 'secondary'"
               },
-              "fieldName": "name",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "default": "'primary'",
+              "fieldName": "variant"
             }
           ],
           "superclass": {
-            "name": "UmButtonWrapper",
-            "module": "/src/shared/button-wrapper.js"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "u-tab",
+          "tagName": "u-tab-bar",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmTab",
+          "name": "UmTabBar",
           "declaration": {
-            "name": "UmTab",
-            "module": "src/tab-bar/tab.ts"
+            "name": "UmTabBar",
+            "module": "src/tab-bar/tab-bar.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-tab",
-          "declaration": {
-            "name": "UmTab",
-            "module": "src/tab-bar/tab.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/base.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css `\n  :host,\n  * {\n    --_focus-ring-outline-offset: var(--u-focus-ring-outline-offset, 2px);\n    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\");\n    box-sizing: border-box;\n    outline: 0;\n  }\n\n  :host(.force-focus-ring) .focus-ring,\n  .focus-ring:focus-visible {\n    --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n    animation: u-focus-pulse 500ms ease;\n    animation-fill-mode: forwards;\n    outline-offset: var(--_focus-ring-outline-offset);\n  }\n\n  @keyframes u-focus-pulse {\n    0% {\n      outline: 0 solid var(--_color-primary);\n    }\n    50% {\n      outline: 6px solid var(--_color-primary);\n    }\n    100% {\n      outline: 4px solid var(--_color-primary);\n    }\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
+          "name": "u-tab-bar",
           "declaration": {
-            "name": "styles",
-            "module": "src/shared/base.styles.ts"
+            "name": "UmTabBar",
+            "module": "src/tab-bar/tab-bar.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/button-wrapper.styles.ts",
+      "path": "src/tab-bar/tab.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css `\n  :host {\n    --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n    -webkit-tap-highlight-color: transparent;\n    --u-elevation-level: 0;\n    position: relative;\n    display: inline-block;\n    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\");\n    appearance: none !important;\n  }\n\n  :host([disabled]) {\n    --u-elevation-level: 0 !important;\n    background-color: var(--u-button-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n    color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n  }\n\n  :host([disabled]) .button {\n    cursor: default;\n  }\n\n  * {\n    color: inherit;\n  }\n\n  u-elevation {\n    z-index: -1;\n  }\n\n  .button {\n    cursor: pointer;\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    width: 100%;\n    height: 100%;\n    font-family: inherit;\n    border-radius: inherit;\n    color: inherit;\n    border: none;\n    margin: 0;\n    padding: 0;\n    text-align: center;\n    white-space: nowrap;\n    background: transparent;\n    user-select: none;\n    text-decoration: none;\n    outline: 0;\n    z-index: 0;\n  }\n\n  .content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    white-space: nowrap;\n    border-radius: inherit;\n    width: 100%;\n    height: 100%;\n  }\n`"
+          "default": "css `\n  :host {\n    --u-focus-ring-outline-offset: -4px;\n    --_tab-height: var(--u-tab-height, 48px);\n    display: block;\n    flex: 0.5;\n    padding-inline: var(--u-tab-padding, 16px);\n  }\n\n  .tab-content {\n    display: flex;\n    flex-direction: var(--_tab-content-direction, column);\n    align-items: center;\n    justify-content: center;\n    max-width: 100%;\n    height: var(--_tab-height);\n    gap: var(--_tab-content-gap, 0);\n  }\n\n  .has-icon {\n    --_tab-height: var(--u-tab-with-icon-height, 64px);\n  }\n\n  :host(.force-focus-ring) .button,\n  .button:focus-visible {\n    border-radius: var(--u-spacing-small, 8px);\n  }\n\n  .label {\n    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\"));\n    line-height: var(--u-tab-label-line-height, var(--u-title-s-line-height, 1.25rem));\n    font-size: var(--u-tab-label-font-size, var(--u-title-s-font-size, 0.875rem));\n    letter-spacing: var(--u-tab-label-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-tab-label-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500)));\n    color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    max-width: 100%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .active .icon,\n  .active .label {\n    color: var(--_active-label-color);\n  }\n`"
         }
       ],
       "exports": [
@@ -13712,20 +13703,101 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/shared/button-wrapper.styles.ts"
+            "module": "src/tab-bar/tab.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/button-wrapper.ts",
+      "path": "src/tab-bar/tab.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmButtonWrapper",
+          "name": "UmTab",
           "members": [
+            {
+              "kind": "field",
+              "name": "_bar",
+              "type": {
+                "text": "UmTabBar | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#resizeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeObserver"
+              },
+              "default": "new ResizeObserver(() => {\n    if (this.active) {\n      this._bar?._updateTabIndicator();\n    }\n  })"
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hasIcon"
+            },
+            {
+              "kind": "method",
+              "name": "renderContent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "HTMLTemplateResult"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "UIEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#iconSlotChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -13735,7 +13807,11 @@
               "default": "false",
               "description": "Whether the button is disabled or not.",
               "attribute": "disabled",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "kind": "field",
@@ -13743,7 +13819,11 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "true"
+              "default": "true",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "kind": "field",
@@ -13752,7 +13832,11 @@
                 "text": "string | undefined"
               },
               "description": "The URL that the link button points to.",
-              "attribute": "href"
+              "attribute": "href",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "kind": "field",
@@ -13761,7 +13845,11 @@
                 "text": "string | undefined"
               },
               "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
-              "attribute": "target"
+              "attribute": "target",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "kind": "field",
@@ -13769,13 +13857,21 @@
               "type": {
                 "text": "string | undefined"
               },
-              "attribute": "name"
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "kind": "field",
               "name": "buttonElement",
               "type": {
                 "text": "HTMLElement"
+              },
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
@@ -13784,7 +13880,11 @@
               "type": {
                 "text": "UmRipple"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "kind": "field",
@@ -13793,42 +13893,56 @@
                 "text": "string | null"
               },
               "privacy": "protected",
-              "default": "null"
+              "default": "null",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "kind": "field",
               "name": "pathname",
               "type": {
                 "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "method",
               "name": "renderButton",
-              "privacy": "private"
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "kind": "method",
               "name": "renderLink",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderContent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "HTMLTemplateResult"
-                }
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
               "kind": "method",
-              "name": "focus"
+              "name": "focus",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "blur"
+              "name": "blur",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "kind": "method",
@@ -13838,6 +13952,10 @@
                 "type": {
                   "text": "string | null"
                 }
+              },
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
@@ -13848,6 +13966,10 @@
                 "type": {
                   "text": "void"
                 }
+              },
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
               }
             },
             {
@@ -13865,28 +13987,22 @@
                     "text": "MouseEvent"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "UIEvent"
-                  }
-                }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             }
           ],
           "attributes": [
+            {
+              "name": "hasIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hasIcon"
+            },
             {
               "name": "disabled",
               "type": {
@@ -13894,7 +14010,11 @@
               },
               "default": "false",
               "description": "Whether the button is disabled or not.",
-              "fieldName": "disabled"
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "name": "href",
@@ -13902,7 +14022,11 @@
                 "text": "string | undefined"
               },
               "description": "The URL that the link button points to.",
-              "fieldName": "href"
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "name": "target",
@@ -13910,171 +14034,47 @@
                 "text": "string | undefined"
               },
               "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
-              "fieldName": "target"
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             },
             {
               "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "name"
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmButtonWrapper",
-          "declaration": {
             "name": "UmButtonWrapper",
-            "module": "src/shared/button-wrapper.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/compare-text.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "normalizedStartsWith",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
+            "module": "/src/shared/button-wrapper.js"
           },
-          "parameters": [
-            {
-              "name": "text",
-              "type": {
-                "text": "string | null"
-              }
-            },
-            {
-              "name": "term",
-              "type": {
-                "text": "string | null"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "normalizedStartsWith",
-          "declaration": {
-            "name": "normalizedStartsWith",
-            "module": "src/shared/compare-text.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/extract-template-html.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "extractTemplateHtml",
-          "parameters": [
-            {
-              "name": "template",
-              "type": {
-                "text": "HTMLTemplateElement"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "extractTemplateHtml",
-          "declaration": {
-            "name": "extractTemplateHtml",
-            "module": "src/shared/extract-template-html.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/mixin-attribute-properties.ts",
-      "declarations": [
-        {
-          "kind": "mixin",
-          "description": "",
-          "name": "mixinAttributeProperties",
-          "parameters": [
-            {
-              "name": "base",
-              "type": {
-                "text": "T"
-              }
-            },
-            {
-              "name": "properties",
-              "type": {
-                "text": "string[]"
-              }
-            }
-          ]
+          "tagName": "u-tab",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "mixinAttributeProperties",
+          "name": "UmTab",
           "declaration": {
-            "name": "mixinAttributeProperties",
-            "module": "src/shared/mixin-attribute-properties.ts"
+            "name": "UmTab",
+            "module": "src/tab-bar/tab.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/mixin.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/normalize-text.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "normalizeText",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
-            {
-              "name": "text",
-              "type": {
-                "text": "string | null"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
+        },
         {
-          "kind": "js",
-          "name": "normalizeText",
+          "kind": "custom-element-definition",
+          "name": "u-tab",
           "declaration": {
-            "name": "normalizeText",
-            "module": "src/shared/normalize-text.ts"
+            "name": "UmTab",
+            "module": "src/tab-bar/tab.ts"
           }
         }
       ]
@@ -16915,46 +16915,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/events/dispatch-event.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/events/redispatch-event.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "redispatchEvent",
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "Element"
-              }
-            },
-            {
-              "name": "event",
-              "type": {
-                "text": "Event"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "redispatchEvent",
-          "declaration": {
-            "name": "redispatchEvent",
-            "module": "src/shared/events/redispatch-event.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/shared/char-count-text-field/native-text-field-wrapper.ts",
@@ -17635,6 +17595,46 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/events/dispatch-event.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/events/redispatch-event.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "redispatchEvent",
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "Element"
+              }
+            },
+            {
+              "name": "event",
+              "type": {
+                "text": "Event"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "redispatchEvent",
+          "declaration": {
+            "name": "redispatchEvent",
+            "module": "src/shared/events/redispatch-event.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/shared/menu-field/menu-field-navigation-controller.ts",