@m3e/web 2.3.1 → 2.3.2

package/dist/custom-elements.json

@@ -17806,168 +17806,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/divider/DividerElement.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A thin line that separates content in lists or other containers.",
-          "name": "M3eDividerElement",
-          "cssProperties": [
-            {
-              "description": "Thickness of the divider line.",
-              "name": "--m3e-divider-thickness"
-            },
-            {
-              "description": "Color of the divider line.",
-              "name": "--m3e-divider-color"
-            },
-            {
-              "description": "When inset, fallback inset size used when no specific start or end inset is provided.",
-              "name": "--m3e-divider-inset-size"
-            },
-            {
-              "description": "When inset, leading inset size.",
-              "name": "--m3e-divider-inset-start-size"
-            },
-            {
-              "description": "When inset, trailing inset size.",
-              "name": "--m3e-divider-inset-end-size"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the divider is vertically aligned with adjacent content.",
-              "attribute": "vertical",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "inset",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the divider is indented with equal padding on both sides.",
-              "attribute": "inset",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "insetStart",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the divider is indented with padding on the leading side.",
-              "attribute": "inset-start",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "insetEnd",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the divider is indented with padding on the trailing side.",
-              "attribute": "inset-end",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Whether the divider is indented with equal padding on both sides.",
-              "name": "inset",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "inset"
-            },
-            {
-              "description": "Whether the divider is indented with padding on the leading side.",
-              "name": "inset-start",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "insetStart"
-            },
-            {
-              "description": "Whether the divider is indented with padding on the trailing side.",
-              "name": "inset-end",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "insetEnd"
-            },
-            {
-              "description": "Whether the divider is vertically aligned with adjacent content.",
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "vertical"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "Role",
-              "package": "@m3e/web/core"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "m3e-divider",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "M3eDividerElement",
-          "declaration": {
-            "name": "M3eDividerElement",
-            "module": "src/divider/DividerElement.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "m3e-divider",
-          "declaration": {
-            "name": "M3eDividerElement",
-            "module": "src/divider/DividerElement.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/divider/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/divider/DividerElement"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/drawer-container/DrawerContainerElement.ts",
@@ -18706,6 +18544,168 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/divider/DividerElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A thin line that separates content in lists or other containers.",
+          "name": "M3eDividerElement",
+          "cssProperties": [
+            {
+              "description": "Thickness of the divider line.",
+              "name": "--m3e-divider-thickness"
+            },
+            {
+              "description": "Color of the divider line.",
+              "name": "--m3e-divider-color"
+            },
+            {
+              "description": "When inset, fallback inset size used when no specific start or end inset is provided.",
+              "name": "--m3e-divider-inset-size"
+            },
+            {
+              "description": "When inset, leading inset size.",
+              "name": "--m3e-divider-inset-start-size"
+            },
+            {
+              "description": "When inset, trailing inset size.",
+              "name": "--m3e-divider-inset-end-size"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the divider is vertically aligned with adjacent content.",
+              "attribute": "vertical",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "inset",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the divider is indented with equal padding on both sides.",
+              "attribute": "inset",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "insetStart",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the divider is indented with padding on the leading side.",
+              "attribute": "inset-start",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "insetEnd",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the divider is indented with padding on the trailing side.",
+              "attribute": "inset-end",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether the divider is indented with equal padding on both sides.",
+              "name": "inset",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "inset"
+            },
+            {
+              "description": "Whether the divider is indented with padding on the leading side.",
+              "name": "inset-start",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "insetStart"
+            },
+            {
+              "description": "Whether the divider is indented with padding on the trailing side.",
+              "name": "inset-end",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "insetEnd"
+            },
+            {
+              "description": "Whether the divider is vertically aligned with adjacent content.",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "vertical"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Role",
+              "package": "@m3e/web/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-divider",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eDividerElement",
+          "declaration": {
+            "name": "M3eDividerElement",
+            "module": "src/divider/DividerElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-divider",
+          "declaration": {
+            "name": "M3eDividerElement",
+            "module": "src/divider/DividerElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/divider/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/divider/DividerElement"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/expansion-panel/AccordionElement.ts",
@@ -24242,6 +24242,14 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#iconRegistryUnobserve",
+              "privacy": "private",
+              "type": {
+                "text": "() => void | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "name",
@@ -24288,7 +24296,7 @@
               "kind": "field",
               "name": "weight",
               "type": {
-                "text": "number"
+                "text": "IconWeight"
               },
               "default": "400",
               "description": "A value from 100 to 700 indicating the weight of the icon.",
@@ -24355,7 +24363,7 @@
               "description": "A value from 100 to 700 indicating the weight of the icon.",
               "name": "weight",
               "type": {
-                "text": "number"
+                "text": "IconWeight"
               },
               "default": "400",
               "fieldName": "weight"
@@ -24400,12 +24408,24 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/icon/IconRegistry.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/icon/IconVariant.ts",
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/icon/IconWeight.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/icon/index.ts",
@@ -24434,6 +24454,71 @@
             "name": "*",
             "module": "src/icon/IconVariant"
           }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/icon/registerIcon"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icon/registerIcon.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "registerIcon",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of the icon."
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "IconVariant"
+              },
+              "description": "The variant of the icon."
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "{ outlined: SvgIconInfo; filled: SvgIconInfo }"
+              },
+              "description": "The outlined and filled SVG information of the icon."
+            }
+          ],
+          "description": "Registers an SVG icon to the internal icon registry used by `m3e-icon`."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SvgIconInfo",
+          "declaration": {
+            "name": "SvgIconInfo",
+            "module": "./IconRegistry"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerIcon",
+          "declaration": {
+            "name": "registerIcon",
+            "module": "src/icon/registerIcon.ts"
+          }
         }
       ]
     },
@@ -36074,7 +36159,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/nav-menu/index.ts",
+      "path": "src/nav-rail/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -36082,15 +36167,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/nav-menu/NavMenuElement"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/nav-menu/NavMenuItemElement"
+            "module": "src/nav-rail/NavRailElement"
           }
         },
         {
@@ -36098,165 +36175,261 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/nav-menu/NavMenuItemGroupElement"
+            "module": "src/nav-rail/NavRailToggleElement"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/nav-menu/NavMenuElement.ts",
+      "path": "src/nav-rail/NavRailElement.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A hierarchical menu, typically used on larger devices, that allows a user to switch between views.",
-          "name": "M3eNavMenuElement",
+          "description": "A vertical bar, typically used on larger devices, that allows a user to switch between views.",
+          "name": "M3eNavRailElement",
           "cssProperties": [
             {
-              "description": "Top padding for the menu.",
-              "name": "--m3e-nav-menu-padding-top"
+              "description": "Top block padding for the nav rail.",
+              "name": "--m3e-nav-rail-top-space"
             },
             {
-              "description": "Bottom padding for the menu.",
-              "name": "--m3e-nav-menu-padding-bottom"
+              "description": "Bottom block padding for the nav rail.",
+              "name": "--m3e-nav-rail-bottom-space"
             },
             {
-              "description": "Left padding for the menu.",
-              "name": "--m3e-nav-menu-padding-left"
+              "description": "Width of the nav rail in compact mode.",
+              "name": "--m3e-nav-rail-compact-width"
             },
             {
-              "description": "Right padding for the menu.",
-              "name": "--m3e-nav-menu-padding-right"
+              "description": "Inline padding for expanded nav rail.",
+              "name": "--m3e-nav-rail-expanded-inline-padding"
             },
             {
-              "description": "Margin for divider elements in the menu.",
-              "name": "--m3e-nav-menu-divider-margin"
+              "description": "Minimum width of the nav rail in expanded mode.",
+              "name": "--m3e-nav-rail-expanded-min-width"
             },
             {
-              "description": "Width of the menu scrollbar.",
-              "name": "--m3e-nav-menu-scrollbar-width"
+              "description": "Maximum width of the nav rail in expanded mode.",
+              "name": "--m3e-nav-rail-expanded-max-width"
             },
             {
-              "description": "Color of the menu scrollbar.",
-              "name": "--m3e-nav-menu-scrollbar-color"
-            }
-          ],
-          "slots": [
+              "description": "Height of nav items in expanded mode.",
+              "name": "--m3e-nav-rail-expanded-item-height"
+            },
             {
-              "description": "Renders the items of the menu.",
-              "name": ""
+              "description": "Space below icon buttons and FABs.",
+              "name": "--m3e-nav-rail-button-item-space"
+            },
+            {
+              "description": "Inset for icon buttons in expanded mode.",
+              "name": "--m3e-nav-rail-expanded-icon-button-inset"
+            },
+            {
+              "description": "Height of the navigation bar.",
+              "name": "--m3e-nav-bar-height",
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
+            },
+            {
+              "description": "Background color of the navigation bar container.",
+              "name": "--m3e-nav-bar-container-color",
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
+            },
+            {
+              "description": "Minimum width of vertical nav items.",
+              "name": "--m3e-nav-bar-vertical-item-width",
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "__nextId",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "static": true,
-              "default": "0"
+              "name": "#focusKeyManager",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#ignoreFocusVisible",
+              "name": "#keyDownHandler",
               "privacy": "private",
-              "type": {
-                "text": "boolean"
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "false"
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "#ignoreFocus",
-              "privacy": "private",
+              "name": "[_wasConnected]",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "privacy": "private",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reconnectedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "[selectionManager]",
+              "name": "formAssociated",
+              "static": true,
               "readonly": true,
-              "privacy": "private"
+              "default": "formAssociated",
+              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#keyDownHandler",
+              "name": "[_internals]",
+              "type": {
+                "text": "ElementInternals | undefined"
+              },
               "privacy": "private",
-              "readonly": true
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#keyUpHandler",
+              "name": "[_customState]",
+              "default": "new Set<string>()",
               "privacy": "private",
-              "readonly": true
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#pointerDownHandler",
+              "name": "#breakpointUnobserve",
               "privacy": "private",
-              "readonly": true
+              "type": {
+                "text": "() => void | undefined"
+              },
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "selected",
+              "name": "_mode",
               "type": {
-                "text": "M3eNavMenuItemElement | null"
+                "text": "Exclude<NavBarMode, \"auto\"> | undefined"
               },
-              "description": "The selected item of the menu.",
-              "readonly": true
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "NavBarMode"
+              },
+              "default": "\"compact\"",
+              "description": "The mode in which items in the bar are presented.",
+              "attribute": "mode",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
             },
             {
               "kind": "field",
               "name": "items",
               "type": {
-                "text": "readonly M3eNavMenuItemElement[]"
+                "text": "readonly M3eNavItemElement[]"
               },
-              "description": "All the items of the menu.",
-              "readonly": true
+              "description": "The items of the bar.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "expand",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "M3eNavItemElement | null"
               },
-              "parameters": [
-                {
-                  "name": "items",
-                  "optional": true,
-                  "type": {
-                    "text": "M3eNavMenuItemElement | undefined"
-                  },
-                  "description": "The items to expand."
-                }
-              ],
-              "description": "Expands the specified items, or all items if no items are provided."
+              "description": "The selected item.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "currentMode",
+              "type": {
+                "text": "Exclude<NavBarMode, \"auto\">"
+              },
+              "description": "The current mode applied to the bar.",
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "collapse",
+              "name": "#initBreakpointMonitoring",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "items",
-                  "optional": true,
-                  "type": {
-                    "text": "M3eNavMenuItemElement | undefined"
-                  },
-                  "description": "The items to collapse."
-                }
-              ],
-              "description": "Collapses the specified items, or all items if no items are provided."
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
             },
             {
               "kind": "method",
@@ -36266,11 +36439,15 @@
                 "type": {
                   "text": "void"
                 }
+              },
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#handleKeyDown",
+              "name": "#handleChange",
               "privacy": "private",
               "return": {
                 "type": {
@@ -36281,15 +36458,100 @@
                 {
                   "name": "e",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "Event"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emitted when the selected state of an item changes.",
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "description": "The mode in which items in the rail are presented.",
+              "name": "mode",
+              "type": {
+                "text": "NavBarMode"
+              },
+              "default": "\"compact\"",
+              "fieldName": "mode",
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "M3eNavBarElement",
+            "package": "@m3e/web/nav-bar"
+          },
+          "tagName": "m3e-nav-rail",
+          "customElement": true,
+          "slots": [
+            {
+              "description": "Renders the items of the bar.",
+              "name": "",
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eNavRailElement",
+          "declaration": {
+            "name": "M3eNavRailElement",
+            "module": "src/nav-rail/NavRailElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-nav-rail",
+          "declaration": {
+            "name": "M3eNavRailElement",
+            "module": "src/nav-rail/NavRailElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/nav-rail/NavRailToggleElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An element, nested within a clickable element, used to toggle the expanded state of a navigation rail.",
+          "name": "M3eNavRailToggleElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#mutationController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: { attributeFilter: [\"class\"] }, callback: () => this.#updateToggle(), })"
             },
             {
               "kind": "method",
-              "name": "#handleKeyUp",
-              "privacy": "private",
+              "name": "attach",
               "return": {
                 "type": {
                   "text": "void"
@@ -36297,35 +36559,36 @@
               },
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "control",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "HTMLElement"
                   }
                 }
-              ]
+              ],
+              "description": "Attaches the element to an interactive control.",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#handlePointerDown",
-              "privacy": "private",
+              "name": "detach",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "description": "Detaches the element from its current interactive control.",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#activateItem",
-              "privacy": "private",
+              "name": "_onClick",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
@@ -36333,36 +36596,428 @@
               },
               "parameters": [
                 {
-                  "name": "item",
+                  "name": "e",
                   "type": {
-                    "text": "M3eNavMenuItemElement"
-                  }
+                    "text": "Event"
+                  },
+                  "description": "The click event to handle."
                 }
-              ]
+              ],
+              "description": "When implemented by a derived class, handles the specified click event.",
+              "inheritedFrom": {
+                "name": "ActionElementBase",
+                "module": "src/core/shared/primitives/ActionElementBase.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#updateFocusVisible",
+              "name": "#updateToggle",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Promise<void>"
                 }
               }
             },
             {
-              "kind": "method",
-              "name": "#updateItemFocusVisible",
+              "kind": "field",
+              "name": "[_control]",
+              "type": {
+                "text": "WeakRef<HTMLElement> | undefined"
+              },
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "[_firstUpdated]",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
+              "privacy": "private",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "htmlFor",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The identifier of the interactive control to which this element is attached.",
+              "attribute": "for",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "control",
+              "description": "The interactive element to which this element is attached.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#clickHandler",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ActionElementBase",
+                "module": "src/core/shared/primitives/ActionElementBase.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "HtmlFor",
+              "package": "@m3e/web/core"
+            }
+          ],
+          "superclass": {
+            "name": "ActionElementBase",
+            "package": "@m3e/web/core"
+          },
+          "tagName": "m3e-nav-rail-toggle",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "for",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The identifier of the interactive control to which this element is attached.",
+              "fieldName": "htmlFor",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eNavRailToggleElement",
+          "declaration": {
+            "name": "M3eNavRailToggleElement",
+            "module": "src/nav-rail/NavRailToggleElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-nav-rail-toggle",
+          "declaration": {
+            "name": "M3eNavRailToggleElement",
+            "module": "src/nav-rail/NavRailToggleElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/nav-menu/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/nav-menu/NavMenuElement"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/nav-menu/NavMenuItemElement"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/nav-menu/NavMenuItemGroupElement"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/nav-menu/NavMenuElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A hierarchical menu, typically used on larger devices, that allows a user to switch between views.",
+          "name": "M3eNavMenuElement",
+          "cssProperties": [
+            {
+              "description": "Top padding for the menu.",
+              "name": "--m3e-nav-menu-padding-top"
+            },
+            {
+              "description": "Bottom padding for the menu.",
+              "name": "--m3e-nav-menu-padding-bottom"
+            },
+            {
+              "description": "Left padding for the menu.",
+              "name": "--m3e-nav-menu-padding-left"
+            },
+            {
+              "description": "Right padding for the menu.",
+              "name": "--m3e-nav-menu-padding-right"
+            },
+            {
+              "description": "Margin for divider elements in the menu.",
+              "name": "--m3e-nav-menu-divider-margin"
+            },
+            {
+              "description": "Width of the menu scrollbar.",
+              "name": "--m3e-nav-menu-scrollbar-width"
+            },
+            {
+              "description": "Color of the menu scrollbar.",
+              "name": "--m3e-nav-menu-scrollbar-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the items of the menu.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "__nextId",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "#ignoreFocusVisible",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#ignoreFocus",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "[selectionManager]",
+              "readonly": true,
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#keyDownHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#keyUpHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#pointerDownHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "M3eNavMenuItemElement | null"
+              },
+              "description": "The selected item of the menu.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "readonly M3eNavMenuItemElement[]"
+              },
+              "description": "All the items of the menu.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "expand",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "items",
+                  "optional": true,
+                  "type": {
+                    "text": "M3eNavMenuItemElement | undefined"
+                  },
+                  "description": "The items to expand."
+                }
+              ],
+              "description": "Expands the specified items, or all items if no items are provided."
+            },
+            {
+              "kind": "method",
+              "name": "collapse",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "items",
+                  "optional": true,
+                  "type": {
+                    "text": "M3eNavMenuItemElement | undefined"
+                  },
+                  "description": "The items to collapse."
+                }
+              ],
+              "description": "Collapses the specified items, or all items if no items are provided."
+            },
+            {
+              "kind": "method",
+              "name": "#handleSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyUp",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handlePointerDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#activateItem",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "M3eNavMenuItemElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#updateFocusVisible",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#updateItemFocusVisible",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
                     "text": "M3eNavMenuItemElement"
                   }
                 },
@@ -37172,576 +37827,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/nav-rail/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/nav-rail/NavRailElement"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/nav-rail/NavRailToggleElement"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/nav-rail/NavRailElement.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A vertical bar, typically used on larger devices, that allows a user to switch between views.",
-          "name": "M3eNavRailElement",
-          "cssProperties": [
-            {
-              "description": "Top block padding for the nav rail.",
-              "name": "--m3e-nav-rail-top-space"
-            },
-            {
-              "description": "Bottom block padding for the nav rail.",
-              "name": "--m3e-nav-rail-bottom-space"
-            },
-            {
-              "description": "Width of the nav rail in compact mode.",
-              "name": "--m3e-nav-rail-compact-width"
-            },
-            {
-              "description": "Inline padding for expanded nav rail.",
-              "name": "--m3e-nav-rail-expanded-inline-padding"
-            },
-            {
-              "description": "Minimum width of the nav rail in expanded mode.",
-              "name": "--m3e-nav-rail-expanded-min-width"
-            },
-            {
-              "description": "Maximum width of the nav rail in expanded mode.",
-              "name": "--m3e-nav-rail-expanded-max-width"
-            },
-            {
-              "description": "Height of nav items in expanded mode.",
-              "name": "--m3e-nav-rail-expanded-item-height"
-            },
-            {
-              "description": "Space below icon buttons and FABs.",
-              "name": "--m3e-nav-rail-button-item-space"
-            },
-            {
-              "description": "Inset for icon buttons in expanded mode.",
-              "name": "--m3e-nav-rail-expanded-icon-button-inset"
-            },
-            {
-              "description": "Height of the navigation bar.",
-              "name": "--m3e-nav-bar-height",
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "description": "Background color of the navigation bar container.",
-              "name": "--m3e-nav-bar-container-color",
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "description": "Minimum width of vertical nav items.",
-              "name": "--m3e-nav-bar-vertical-item-width",
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "#focusKeyManager",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#keyDownHandler",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "#handleKeyDown",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "[_wasConnected]",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "reconnectedCallback",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formAssociated",
-              "static": true,
-              "readonly": true,
-              "default": "formAssociated",
-              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_internals]",
-              "type": {
-                "text": "ElementInternals | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_customState]",
-              "default": "new Set<string>()",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#breakpointUnobserve",
-              "privacy": "private",
-              "type": {
-                "text": "() => void | undefined"
-              },
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_mode",
-              "type": {
-                "text": "Exclude<NavBarMode, \"auto\"> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "NavBarMode"
-              },
-              "default": "\"compact\"",
-              "description": "The mode in which items in the bar are presented.",
-              "attribute": "mode",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "items",
-              "type": {
-                "text": "readonly M3eNavItemElement[]"
-              },
-              "description": "The items of the bar.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "M3eNavItemElement | null"
-              },
-              "description": "The selected item.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "currentMode",
-              "type": {
-                "text": "Exclude<NavBarMode, \"auto\">"
-              },
-              "description": "The current mode applied to the bar.",
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#initBreakpointMonitoring",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#handleSlotChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#handleChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emitted when the selected state of an item changes.",
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "description": "The mode in which items in the rail are presented.",
-              "name": "mode",
-              "type": {
-                "text": "NavBarMode"
-              },
-              "default": "\"compact\"",
-              "fieldName": "mode",
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "M3eNavBarElement",
-            "package": "@m3e/web/nav-bar"
-          },
-          "tagName": "m3e-nav-rail",
-          "customElement": true,
-          "slots": [
-            {
-              "description": "Renders the items of the bar.",
-              "name": "",
-              "inheritedFrom": {
-                "name": "M3eNavBarElement",
-                "module": "src/nav-bar/NavBarElement.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "M3eNavRailElement",
-          "declaration": {
-            "name": "M3eNavRailElement",
-            "module": "src/nav-rail/NavRailElement.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "m3e-nav-rail",
-          "declaration": {
-            "name": "M3eNavRailElement",
-            "module": "src/nav-rail/NavRailElement.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/nav-rail/NavRailToggleElement.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "An element, nested within a clickable element, used to toggle the expanded state of a navigation rail.",
-          "name": "M3eNavRailToggleElement",
-          "members": [
-            {
-              "kind": "field",
-              "name": "#mutationController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new MutationController(this, { target: null, config: { attributeFilter: [\"class\"] }, callback: () => this.#updateToggle(), })"
-            },
-            {
-              "kind": "method",
-              "name": "attach",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "control",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ],
-              "description": "Attaches the element to an interactive control.",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "detach",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Detaches the element from its current interactive control.",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_onClick",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  },
-                  "description": "The click event to handle."
-                }
-              ],
-              "description": "When implemented by a derived class, handles the specified click event.",
-              "inheritedFrom": {
-                "name": "ActionElementBase",
-                "module": "src/core/shared/primitives/ActionElementBase.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#updateToggle",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_control]",
-              "type": {
-                "text": "WeakRef<HTMLElement> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_firstUpdated]",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "htmlFor",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "The identifier of the interactive control to which this element is attached.",
-              "attribute": "for",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "control",
-              "description": "The interactive element to which this element is attached.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#clickHandler",
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ActionElementBase",
-                "module": "src/core/shared/primitives/ActionElementBase.ts"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "HtmlFor",
-              "package": "@m3e/web/core"
-            }
-          ],
-          "superclass": {
-            "name": "ActionElementBase",
-            "package": "@m3e/web/core"
-          },
-          "tagName": "m3e-nav-rail-toggle",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "for",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "The identifier of the interactive control to which this element is attached.",
-              "fieldName": "htmlFor",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "M3eNavRailToggleElement",
-          "declaration": {
-            "name": "M3eNavRailToggleElement",
-            "module": "src/nav-rail/NavRailToggleElement.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "m3e-nav-rail-toggle",
-          "declaration": {
-            "name": "M3eNavRailToggleElement",
-            "module": "src/nav-rail/NavRailToggleElement.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/option/index.ts",
@@ -52006,384 +52091,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/textarea-autosize/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/textarea-autosize/TextareaAutosizeElement"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/textarea-autosize/TextareaAutosizeElement.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A non-visual element used to automatically resize a `textarea` to fit its content.",
-          "name": "M3eTextareaAutosizeElement",
-          "members": [
-            {
-              "kind": "field",
-              "name": "#initialHeight",
-              "privacy": "private",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#cachedLineHeight",
-              "privacy": "private",
-              "type": {
-                "text": "number | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#cachedPlaceholderHeight",
-              "privacy": "private",
-              "type": {
-                "text": "number | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#previousMinRows",
-              "privacy": "private",
-              "type": {
-                "text": "number | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#previousValue",
-              "privacy": "private",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#hasFocus",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "#windowResizeHandler",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#focusHandler",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#inputHandler",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "maxRows",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The maximum amount of rows in the `textarea`.",
-              "attribute": "max-rows"
-            },
-            {
-              "kind": "field",
-              "name": "minRows",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The minimum amount of rows in the `textarea`.",
-              "attribute": "min-rows"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether auto-sizing is disabled.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "attach",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "control",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ],
-              "description": "Attaches the element to an interactive control.",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "detach",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Detaches the element from its current interactive control.",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "resizeToFitContent",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "force",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "Whether to force a height recalculation.",
-                  "optional": true
-                }
-              ],
-              "description": "Resize the `textarea` to fit its content."
-            },
-            {
-              "kind": "method",
-              "name": "reset",
-              "description": "Resets the `textarea` to its original size."
-            },
-            {
-              "kind": "method",
-              "name": "#cacheTextareaLineHeight",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#cacheTextareaPlaceholderHeight",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#setMinHeight",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#setMaxHeight",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#measureScrollHeight",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#scrollToCaretPosition",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_handleWindowResize",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_control]",
-              "type": {
-                "text": "WeakRef<HTMLElement> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_firstUpdated]",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "htmlFor",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "The identifier of the interactive control to which this element is attached.",
-              "attribute": "for",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "control",
-              "description": "The interactive element to which this element is attached.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Whether auto-sizing is disabled.",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "for",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "The identifier of the interactive control to which this element is attached.",
-              "fieldName": "htmlFor",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
-              }
-            },
-            {
-              "description": "The maximum amount of rows in the `textarea`.",
-              "name": "max-rows",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "fieldName": "maxRows"
-            },
-            {
-              "description": "The minimum amount of rows in the `textarea`.",
-              "name": "min-rows",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "fieldName": "minRows"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "HtmlFor",
-              "package": "@m3e/web/core"
-            },
-            {
-              "name": "Role",
-              "package": "@m3e/web/core"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "m3e-textarea-autosize",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "M3eTextareaAutosizeElement",
-          "declaration": {
-            "name": "M3eTextareaAutosizeElement",
-            "module": "src/textarea-autosize/TextareaAutosizeElement.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "m3e-textarea-autosize",
-          "declaration": {
-            "name": "M3eTextareaAutosizeElement",
-            "module": "src/textarea-autosize/TextareaAutosizeElement.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/tabs/index.ts",
@@ -53076,143 +52783,495 @@
           "members": [
             {
               "kind": "field",
-              "name": "#directionalitySubscription",
+              "name": "#directionalitySubscription",
+              "privacy": "private",
+              "type": {
+                "text": "() => void | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_tablist",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_selectedIndex",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "disablePagination",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether scroll buttons are disabled.",
+              "attribute": "disable-pagination"
+            },
+            {
+              "kind": "field",
+              "name": "headerPosition",
+              "type": {
+                "text": "TabHeaderPosition"
+              },
+              "default": "\"before\"",
+              "description": "The position of the tab headers.",
+              "attribute": "header-position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "TabVariant"
+              },
+              "default": "\"secondary\"",
+              "description": "The appearance variant of the tabs.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "stretch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether tabs are stretched to fill the header.",
+              "attribute": "stretch",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "previousPageLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Previous page\"",
+              "description": "The accessible label given to the button used to move to the previous page.",
+              "attribute": "previous-page-label"
+            },
+            {
+              "kind": "field",
+              "name": "nextPageLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Next page\"",
+              "description": "The accessible label given to the button used to move to the next page.",
+              "attribute": "next-page-label"
+            },
+            {
+              "kind": "field",
+              "name": "tabs",
+              "type": {
+                "text": "readonly M3eTabElement[]"
+              },
+              "description": "The tabs.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "selectedTab",
+              "type": {
+                "text": "M3eTabElement | null"
+              },
+              "description": "The selected tab.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "selectedIndex",
+              "type": {
+                "text": "number"
+              },
+              "description": "The zero-based index of the selected tab."
+            },
+            {
+              "kind": "method",
+              "name": "#renderHeader",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "unknown"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleSelectedChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#updateInkBar",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formAssociated",
+              "static": true,
+              "readonly": true,
+              "default": "formAssociated",
+              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
+              "inheritedFrom": {
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "[_internals]",
+              "type": {
+                "text": "ElementInternals | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "[_customState]",
+              "default": "new Set<string>()",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emitted when the selected tab changes."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether scroll buttons are disabled.",
+              "name": "disable-pagination",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disablePagination"
+            },
+            {
+              "description": "The position of the tab headers.",
+              "name": "header-position",
+              "type": {
+                "text": "TabHeaderPosition"
+              },
+              "default": "\"before\"",
+              "fieldName": "headerPosition"
+            },
+            {
+              "description": "The accessible label given to the button used to move to the next page.",
+              "name": "next-page-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Next page\"",
+              "fieldName": "nextPageLabel"
+            },
+            {
+              "description": "The accessible label given to the button used to move to the previous page.",
+              "name": "previous-page-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Previous page\"",
+              "fieldName": "previousPageLabel"
+            },
+            {
+              "description": "Whether tabs are stretched to fill the header.",
+              "name": "stretch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "stretch"
+            },
+            {
+              "description": "The appearance variant of the tabs.",
+              "name": "variant",
+              "type": {
+                "text": "TabVariant"
+              },
+              "default": "\"secondary\"",
+              "fieldName": "variant"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AttachInternals",
+              "package": "@m3e/web/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-tabs",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eTabsElement",
+          "declaration": {
+            "name": "M3eTabsElement",
+            "module": "src/tabs/TabsElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-tabs",
+          "declaration": {
+            "name": "M3eTabsElement",
+            "module": "src/tabs/TabsElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tabs/TabVariant.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/textarea-autosize/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/textarea-autosize/TextareaAutosizeElement"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/textarea-autosize/TextareaAutosizeElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A non-visual element used to automatically resize a `textarea` to fit its content.",
+          "name": "M3eTextareaAutosizeElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#initialHeight",
               "privacy": "private",
               "type": {
-                "text": "() => void | undefined"
+                "text": "string | undefined"
               }
             },
             {
               "kind": "field",
-              "name": "_tablist",
-              "type": {
-                "text": "HTMLElement"
-              },
+              "name": "#cachedLineHeight",
               "privacy": "private",
-              "readonly": true
+              "type": {
+                "text": "number | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "_selectedIndex",
+              "name": "#cachedPlaceholderHeight",
+              "privacy": "private",
               "type": {
-                "text": "number | null"
-              },
-              "default": "null",
-              "privacy": "private"
+                "text": "number | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "disablePagination",
+              "name": "#previousMinRows",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether scroll buttons are disabled.",
-              "attribute": "disable-pagination"
+                "text": "number | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "headerPosition",
+              "name": "#previousValue",
+              "privacy": "private",
               "type": {
-                "text": "TabHeaderPosition"
-              },
-              "default": "\"before\"",
-              "description": "The position of the tab headers.",
-              "attribute": "header-position",
-              "reflects": true
+                "text": "string | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "#hasFocus",
+              "privacy": "private",
               "type": {
-                "text": "TabVariant"
+                "text": "boolean"
               },
-              "default": "\"secondary\"",
-              "description": "The appearance variant of the tabs.",
-              "attribute": "variant",
-              "reflects": true
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "stretch",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether tabs are stretched to fill the header.",
-              "attribute": "stretch",
-              "reflects": true
+              "name": "#windowResizeHandler",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "previousPageLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"Previous page\"",
-              "description": "The accessible label given to the button used to move to the previous page.",
-              "attribute": "previous-page-label"
+              "name": "#focusHandler",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "nextPageLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"Next page\"",
-              "description": "The accessible label given to the button used to move to the next page.",
-              "attribute": "next-page-label"
+              "name": "#inputHandler",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "tabs",
+              "name": "maxRows",
               "type": {
-                "text": "readonly M3eTabElement[]"
+                "text": "number"
               },
-              "description": "The tabs.",
-              "readonly": true
+              "default": "0",
+              "description": "The maximum amount of rows in the `textarea`.",
+              "attribute": "max-rows"
             },
             {
               "kind": "field",
-              "name": "selectedTab",
+              "name": "minRows",
               "type": {
-                "text": "M3eTabElement | null"
+                "text": "number"
               },
-              "description": "The selected tab.",
-              "readonly": true
+              "default": "0",
+              "description": "The minimum amount of rows in the `textarea`.",
+              "attribute": "min-rows"
             },
             {
               "kind": "field",
-              "name": "selectedIndex",
+              "name": "disabled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "The zero-based index of the selected tab."
+              "default": "false",
+              "description": "Whether auto-sizing is disabled.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "#renderHeader",
-              "privacy": "private",
+              "name": "attach",
               "return": {
                 "type": {
-                  "text": "unknown"
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
                 }
+              ],
+              "description": "Attaches the element to an interactive control.",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#handleSlotChange",
-              "privacy": "private",
+              "name": "detach",
               "return": {
                 "type": {
                   "text": "void"
                 }
+              },
+              "description": "Detaches the element from its current interactive control.",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#handleKeyDown",
-              "privacy": "private",
+              "name": "resizeToFitContent",
               "return": {
                 "type": {
                   "text": "void"
@@ -53220,34 +53279,45 @@
               },
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "force",
+                  "default": "false",
                   "type": {
-                    "text": "KeyboardEvent"
-                  }
+                    "text": "boolean"
+                  },
+                  "description": "Whether to force a height recalculation.",
+                  "optional": true
                 }
-              ]
+              ],
+              "description": "Resize the `textarea` to fit its content."
             },
             {
               "kind": "method",
-              "name": "#handleChange",
+              "name": "reset",
+              "description": "Resets the `textarea` to its original size."
+            },
+            {
+              "kind": "method",
+              "name": "#cacheTextareaLineHeight",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#cacheTextareaPlaceholderHeight",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "#handleSelectedChange",
+              "name": "#setMinHeight",
               "privacy": "private",
               "return": {
                 "type": {
@@ -53257,7 +53327,7 @@
             },
             {
               "kind": "method",
-              "name": "#updateInkBar",
+              "name": "#setMaxHeight",
               "privacy": "private",
               "return": {
                 "type": {
@@ -53266,108 +53336,129 @@
               }
             },
             {
-              "kind": "field",
-              "name": "formAssociated",
-              "static": true,
-              "readonly": true,
-              "default": "formAssociated",
-              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
-              "inheritedFrom": {
-                "name": "AttachInternals",
-                "module": "src/core/shared/mixins/AttachInternals.ts"
+              "kind": "method",
+              "name": "#measureScrollHeight",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#scrollToCaretPosition",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleWindowResize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
               "kind": "field",
-              "name": "[_internals]",
+              "name": "[_control]",
               "type": {
-                "text": "ElementInternals | undefined"
+                "text": "WeakRef<HTMLElement> | undefined"
               },
               "privacy": "private",
               "inheritedFrom": {
-                "name": "AttachInternals",
-                "module": "src/core/shared/mixins/AttachInternals.ts"
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
               }
             },
             {
               "kind": "field",
-              "name": "[_customState]",
-              "default": "new Set<string>()",
+              "name": "[_firstUpdated]",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
+              "default": "false",
               "inheritedFrom": {
-                "name": "AttachInternals",
-                "module": "src/core/shared/mixins/AttachInternals.ts"
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
               }
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "change",
+              "kind": "field",
+              "name": "htmlFor",
               "type": {
-                "text": "Event"
+                "text": "string | null"
               },
-              "description": "Emitted when the selected tab changes."
+              "default": "null",
+              "description": "The identifier of the interactive control to which this element is attached.",
+              "attribute": "for",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "control",
+              "description": "The interactive element to which this element is attached.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
             }
           ],
           "attributes": [
             {
-              "description": "Whether scroll buttons are disabled.",
-              "name": "disable-pagination",
+              "description": "Whether auto-sizing is disabled.",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "disablePagination"
-            },
-            {
-              "description": "The position of the tab headers.",
-              "name": "header-position",
-              "type": {
-                "text": "TabHeaderPosition"
-              },
-              "default": "\"before\"",
-              "fieldName": "headerPosition"
-            },
-            {
-              "description": "The accessible label given to the button used to move to the next page.",
-              "name": "next-page-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"Next page\"",
-              "fieldName": "nextPageLabel"
+              "fieldName": "disabled"
             },
             {
-              "description": "The accessible label given to the button used to move to the previous page.",
-              "name": "previous-page-label",
+              "name": "for",
               "type": {
-                "text": "string"
+                "text": "string | null"
               },
-              "default": "\"Previous page\"",
-              "fieldName": "previousPageLabel"
+              "default": "null",
+              "description": "The identifier of the interactive control to which this element is attached.",
+              "fieldName": "htmlFor",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
             },
             {
-              "description": "Whether tabs are stretched to fill the header.",
-              "name": "stretch",
+              "description": "The maximum amount of rows in the `textarea`.",
+              "name": "max-rows",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "fieldName": "stretch"
+              "default": "0",
+              "fieldName": "maxRows"
             },
             {
-              "description": "The appearance variant of the tabs.",
-              "name": "variant",
+              "description": "The minimum amount of rows in the `textarea`.",
+              "name": "min-rows",
               "type": {
-                "text": "TabVariant"
+                "text": "number"
               },
-              "default": "\"secondary\"",
-              "fieldName": "variant"
+              "default": "0",
+              "fieldName": "minRows"
             }
           ],
           "mixins": [
             {
-              "name": "AttachInternals",
+              "name": "HtmlFor",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "Role",
               "package": "@m3e/web/core"
             }
           ],
@@ -53375,35 +53466,29 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "m3e-tabs",
+          "tagName": "m3e-textarea-autosize",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "M3eTabsElement",
+          "name": "M3eTextareaAutosizeElement",
           "declaration": {
-            "name": "M3eTabsElement",
-            "module": "src/tabs/TabsElement.ts"
+            "name": "M3eTextareaAutosizeElement",
+            "module": "src/textarea-autosize/TextareaAutosizeElement.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m3e-tabs",
+          "name": "m3e-textarea-autosize",
           "declaration": {
-            "name": "M3eTabsElement",
-            "module": "src/tabs/TabsElement.ts"
+            "name": "M3eTextareaAutosizeElement",
+            "module": "src/textarea-autosize/TextareaAutosizeElement.ts"
           }
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/tabs/TabVariant.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/theme/ColorScheme.ts",
@@ -66468,6 +66553,74 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/shared/directives/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/core/shared/directives/safeStyleMap"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/shared/directives/safeStyleMap.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SafeStyleMapDirective",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_previousStyleProperties",
+              "type": {
+                "text": "Set<string> | undefined"
+              },
+              "privacy": "private"
+            }
+          ],
+          "superclass": {
+            "name": "Directive",
+            "package": "lit/directive.js"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "safeStyleMap",
+          "description": "A directive that applies CSS properties to an element.\r\n\r\n`safeStyleMap` can only be used in the `style` attribute and must be the only\r\nexpression in the attribute. It takes the property names in the\r\nStyleInfostyleInfo object and adds the properties to the inline\r\nstyle of the element.\r\n\r\nProperty names with dashes (`-`) are assumed to be valid CSS\r\nproperty names and set on the element's style object using `setProperty()`.\r\nNames without dashes are assumed to be camelCased JavaScript property names\r\nand set on the element's style object using property assignment, allowing the\r\nstyle object to translate JavaScript-style names to CSS property names.\r\n\r\nFor example `safeStyleMap({backgroundColor: 'red', 'border-top': '5px', '--size':\r\n'0'})` sets the `background-color`, `border-top` and `--size` properties.",
+          "parameters": [
+            {
+              "name": "styleInfo"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "safeStyleMap",
+          "declaration": {
+            "name": "safeStyleMap",
+            "module": "src/core/shared/directives/safeStyleMap.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SafeStyleMapDirective",
+          "declaration": {
+            "name": "SafeStyleMapDirective",
+            "module": "src/core/shared/directives/safeStyleMap.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/core/shared/decorators/customElement.ts",
@@ -66569,74 +66722,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/shared/directives/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/core/shared/directives/safeStyleMap"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/shared/directives/safeStyleMap.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SafeStyleMapDirective",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_previousStyleProperties",
-              "type": {
-                "text": "Set<string> | undefined"
-              },
-              "privacy": "private"
-            }
-          ],
-          "superclass": {
-            "name": "Directive",
-            "package": "lit/directive.js"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "safeStyleMap",
-          "description": "A directive that applies CSS properties to an element.\r\n\r\n`safeStyleMap` can only be used in the `style` attribute and must be the only\r\nexpression in the attribute. It takes the property names in the\r\nStyleInfostyleInfo object and adds the properties to the inline\r\nstyle of the element.\r\n\r\nProperty names with dashes (`-`) are assumed to be valid CSS\r\nproperty names and set on the element's style object using `setProperty()`.\r\nNames without dashes are assumed to be camelCased JavaScript property names\r\nand set on the element's style object using property assignment, allowing the\r\nstyle object to translate JavaScript-style names to CSS property names.\r\n\r\nFor example `safeStyleMap({backgroundColor: 'red', 'border-top': '5px', '--size':\r\n'0'})` sets the `background-color`, `border-top` and `--size` properties.",
-          "parameters": [
-            {
-              "name": "styleInfo"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "safeStyleMap",
-          "declaration": {
-            "name": "safeStyleMap",
-            "module": "src/core/shared/directives/safeStyleMap.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SafeStyleMapDirective",
-          "declaration": {
-            "name": "SafeStyleMapDirective",
-            "module": "src/core/shared/directives/safeStyleMap.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/core/shared/mixins/AttachInternals.ts",