@m3e/web 2.3.0 → 2.3.1

package/dist/custom-elements.json

@@ -1228,6 +1228,20 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#menuPointerUpHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#menuPressedOption",
+              "privacy": "private",
+              "type": {
+                "text": "M3eOptionElement | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "_listKeyManager",
@@ -1604,6 +1618,24 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#handleMenuPointerUp",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#handleMenuToggle",
@@ -17774,6 +17806,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/drawer-container/DrawerContainerElement.ts",
@@ -18512,168 +18706,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/expansion-panel/AccordionElement.ts",
@@ -44296,6 +44328,20 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#menuPointerUpHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#menuPressedOption",
+              "privacy": "private",
+              "type": {
+                "text": "M3eOptionElement | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "_listKeyManager",
@@ -44507,7 +44553,25 @@
                 {
                   "name": "e",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleMenuPointerUp",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
                   }
                 }
               ]
@@ -51944,7 +52008,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/index.ts",
+      "path": "src/textarea-autosize/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -51952,182 +52016,117 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/tabs/TabElement"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/tabs/TabHeaderPosition"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/tabs/TabPanelElement"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/tabs/TabVariant"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/tabs/TabsElement"
+            "module": "src/textarea-autosize/TextareaAutosizeElement"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/TabElement.ts",
+      "path": "src/textarea-autosize/TextareaAutosizeElement.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "An interactive element that, when activated, presents an associated tab panel.",
-          "name": "M3eTabElement",
-          "cssProperties": [
-            {
-              "description": "Font size for tab label.",
-              "name": "--m3e-tab-font-size"
-            },
-            {
-              "description": "Font weight for tab label.",
-              "name": "--m3e-tab-font-weight"
-            },
-            {
-              "description": "Line height for tab label.",
-              "name": "--m3e-tab-line-height"
-            },
-            {
-              "description": "Letter spacing for tab label.",
-              "name": "--m3e-tab-tracking"
-            },
-            {
-              "description": "Padding on the inline start of the tab.",
-              "name": "--m3e-tab-padding-start"
-            },
-            {
-              "description": "Padding on the inline end of the tab.",
-              "name": "--m3e-tab-padding-end"
-            },
-            {
-              "description": "Border radius for the focus ring.",
-              "name": "--m3e-tab-focus-ring-shape"
-            },
-            {
-              "description": "Text color for selected tab.",
-              "name": "--m3e-tab-selected-color"
-            },
-            {
-              "description": "Hover state-layer color for selected tab.",
-              "name": "--m3e-tab-selected-container-hover-color"
-            },
-            {
-              "description": "Focus state-layer color for selected tab.",
-              "name": "--m3e-tab-selected-container-focus-color"
-            },
-            {
-              "description": "Ripple color for selected tab.",
-              "name": "--m3e-tab-selected-ripple-color"
-            },
-            {
-              "description": "Text color for unselected tab.",
-              "name": "--m3e-tab-unselected-color"
-            },
+          "description": "A non-visual element used to automatically resize a `textarea` to fit its content.",
+          "name": "M3eTextareaAutosizeElement",
+          "members": [
             {
-              "description": "Hover state-layer color for unselected tab.",
-              "name": "--m3e-tab-unselected-container-hover-color"
+              "kind": "field",
+              "name": "#initialHeight",
+              "privacy": "private",
+              "type": {
+                "text": "string | undefined"
+              }
             },
             {
-              "description": "Focus state-layer color for unselected tab.",
-              "name": "--m3e-tab-unselected-container-focus-color"
+              "kind": "field",
+              "name": "#cachedLineHeight",
+              "privacy": "private",
+              "type": {
+                "text": "number | undefined"
+              }
             },
             {
-              "description": "Ripple color for unselected tab.",
-              "name": "--m3e-tab-unselected-ripple-color"
+              "kind": "field",
+              "name": "#cachedPlaceholderHeight",
+              "privacy": "private",
+              "type": {
+                "text": "number | undefined"
+              }
             },
             {
-              "description": "Text color for disabled tab.",
-              "name": "--m3e-tab-disabled-color"
+              "kind": "field",
+              "name": "#previousMinRows",
+              "privacy": "private",
+              "type": {
+                "text": "number | undefined"
+              }
             },
             {
-              "description": "Text opacity for disabled tab.",
-              "name": "--m3e-tab-disabled-opacity"
+              "kind": "field",
+              "name": "#previousValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | undefined"
+              }
             },
             {
-              "description": "Column gap between icon and label.",
-              "name": "--m3e-tab-spacing"
+              "kind": "field",
+              "name": "#hasFocus",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
-              "description": "Font size for slotted icon.",
-              "name": "--m3e-tab-icon-size"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Renders the label of the tab.",
-              "name": ""
+              "kind": "field",
+              "name": "#windowResizeHandler",
+              "privacy": "private",
+              "readonly": true
             },
-            {
-              "description": "Renders an icon before the tab's label.",
-              "name": "icon"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "__nextId",
-              "type": {
-                "text": "number"
-              },
+              "name": "#focusHandler",
               "privacy": "private",
-              "static": true,
-              "default": "0"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_focusRing",
-              "type": {
-                "text": "M3eFocusRingElement | undefined"
-              },
+              "name": "#inputHandler",
               "privacy": "private",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "_stateLayer",
+              "name": "maxRows",
               "type": {
-                "text": "M3eStateLayerElement | undefined"
+                "text": "number"
               },
-              "privacy": "private",
-              "readonly": true
+              "default": "0",
+              "description": "The maximum amount of rows in the `textarea`.",
+              "attribute": "max-rows"
             },
             {
               "kind": "field",
-              "name": "_ripple",
+              "name": "minRows",
               "type": {
-                "text": "M3eRippleElement | undefined"
+                "text": "number"
               },
-              "privacy": "private",
-              "readonly": true
+              "default": "0",
+              "description": "The minimum amount of rows in the `textarea`.",
+              "attribute": "min-rows"
             },
             {
               "kind": "field",
-              "name": "#clickHandler",
-              "privacy": "private",
-              "readonly": true
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether auto-sizing is disabled.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -52167,8 +52166,7 @@
             },
             {
               "kind": "method",
-              "name": "#handleClick",
-              "privacy": "private",
+              "name": "resizeToFitContent",
               "return": {
                 "type": {
                   "text": "void"
@@ -52176,26 +52174,470 @@
               },
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "force",
+                  "default": "false",
                   "type": {
-                    "text": "Event"
-                  }
+                    "text": "boolean"
+                  },
+                  "description": "Whether to force a height recalculation.",
+                  "optional": true
                 }
-              ]
+              ],
+              "description": "Resize the `textarea` to fit its content."
             },
             {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the element is selected.",
-              "attribute": "selected",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Selected",
-                "module": "src/core/shared/mixins/Selected.ts"
+              "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",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/tabs/TabElement"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/tabs/TabHeaderPosition"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/tabs/TabPanelElement"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/tabs/TabVariant"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/tabs/TabsElement"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tabs/TabElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An interactive element that, when activated, presents an associated tab panel.",
+          "name": "M3eTabElement",
+          "cssProperties": [
+            {
+              "description": "Font size for tab label.",
+              "name": "--m3e-tab-font-size"
+            },
+            {
+              "description": "Font weight for tab label.",
+              "name": "--m3e-tab-font-weight"
+            },
+            {
+              "description": "Line height for tab label.",
+              "name": "--m3e-tab-line-height"
+            },
+            {
+              "description": "Letter spacing for tab label.",
+              "name": "--m3e-tab-tracking"
+            },
+            {
+              "description": "Padding on the inline start of the tab.",
+              "name": "--m3e-tab-padding-start"
+            },
+            {
+              "description": "Padding on the inline end of the tab.",
+              "name": "--m3e-tab-padding-end"
+            },
+            {
+              "description": "Border radius for the focus ring.",
+              "name": "--m3e-tab-focus-ring-shape"
+            },
+            {
+              "description": "Text color for selected tab.",
+              "name": "--m3e-tab-selected-color"
+            },
+            {
+              "description": "Hover state-layer color for selected tab.",
+              "name": "--m3e-tab-selected-container-hover-color"
+            },
+            {
+              "description": "Focus state-layer color for selected tab.",
+              "name": "--m3e-tab-selected-container-focus-color"
+            },
+            {
+              "description": "Ripple color for selected tab.",
+              "name": "--m3e-tab-selected-ripple-color"
+            },
+            {
+              "description": "Text color for unselected tab.",
+              "name": "--m3e-tab-unselected-color"
+            },
+            {
+              "description": "Hover state-layer color for unselected tab.",
+              "name": "--m3e-tab-unselected-container-hover-color"
+            },
+            {
+              "description": "Focus state-layer color for unselected tab.",
+              "name": "--m3e-tab-unselected-container-focus-color"
+            },
+            {
+              "description": "Ripple color for unselected tab.",
+              "name": "--m3e-tab-unselected-ripple-color"
+            },
+            {
+              "description": "Text color for disabled tab.",
+              "name": "--m3e-tab-disabled-color"
+            },
+            {
+              "description": "Text opacity for disabled tab.",
+              "name": "--m3e-tab-disabled-opacity"
+            },
+            {
+              "description": "Column gap between icon and label.",
+              "name": "--m3e-tab-spacing"
+            },
+            {
+              "description": "Font size for slotted icon.",
+              "name": "--m3e-tab-icon-size"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the label of the tab.",
+              "name": ""
+            },
+            {
+              "description": "Renders an icon before the tab's label.",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "__nextId",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_focusRing",
+              "type": {
+                "text": "M3eFocusRingElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_stateLayer",
+              "type": {
+                "text": "M3eStateLayerElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_ripple",
+              "type": {
+                "text": "M3eRippleElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#clickHandler",
+              "privacy": "private",
+              "readonly": 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": "#handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the element is selected.",
+              "attribute": "selected",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Selected",
+                "module": "src/core/shared/mixins/Selected.ts"
               }
             },
             {
@@ -52962,384 +53404,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/theme/ColorScheme.ts",
@@ -56821,6 +56885,53 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/styles/CardStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/styles/CardToken.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/styles/CardVariantStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/styles/CardVariantToken.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/styles/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/card/styles/CardStyle"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/card/styles/CardVariantStyle"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/core/a11y/aria-reference.ts",
@@ -57723,53 +57834,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/styles/CardStyle.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/styles/CardToken.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/styles/CardVariantStyle.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/styles/CardVariantToken.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/styles/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/card/styles/CardStyle"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/card/styles/CardVariantStyle"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/core/anchoring/AnchorOptions.ts",
@@ -66331,6 +66395,79 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/shared/converters/dateConverter.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "dateConverter",
+          "type": {
+            "text": "ComplexAttributeConverter<Date | null, string | null>"
+          },
+          "default": "{ fromAttribute(value: string | null): Date | null { if (!value) return null; // Matches all four formats: // yyyy-MM-dd // yyyy-MM-ddTHH:mm:ss // yyyy-MM-ddTHH:mm:ssZ // yyyy-MM-ddTHH:mm:ss±HH:mm const isoRegex = /^(\\d{4})-(\\d{2})-(\\d{2})(?:T(\\d{2}):(\\d{2}):(\\d{2})(?:\\.(\\d{3}))?)?(Z|[+-]\\d{2}:\\d{2})?$/; const m = value.match(isoRegex); if (!m) return null; const year = Number(m[1]); const month = Number(m[2]) - 1; // JS months are 0-based const day = Number(m[3]); const hasTime = m[4] !== undefined; const hours = hasTime ? Number(m[4]) : 0; const minutes = hasTime ? Number(m[5]) : 0; const seconds = hasTime ? Number(m[6]) : 0; const ms = hasTime && m[7] ? Number(m[7]) : 0; const tz = m[8]; // CASE 1: yyyy-MM-dd → local date (no timezone math) if (!hasTime && !tz) { return new Date(year, month, day); } // CASE 2: yyyy-MM-ddTHH:mm:ss (no timezone) → local datetime if (hasTime && !tz) { return new Date(year, month, day, hours, minutes, seconds, ms); } // CASE 3: yyyy-MM-ddTHH:mm:ssZ → UTC if (tz === \"Z\") { return new Date(Date.UTC(year, month, day, hours, minutes, seconds, ms)); } // CASE 4: yyyy-MM-ddTHH:mm:ss±HH:mm → offset if (tz && /^[+-]\\d{2}:\\d{2}$/.test(tz)) { const sign = tz.startsWith(\"-\") ? -1 : 1; const [tzH, tzM] = tz.slice(1).split(\":\").map(Number); const offsetMinutes = sign * (tzH * 60 + tzM); // Convert offset datetime → UTC → local const utc = Date.UTC(year, month, day, hours, minutes, seconds, ms); return new Date(utc - offsetMinutes * 60_000); } return null; }, toAttribute(value: Date | null): string | null { return value?.toISOString() ?? null; }, }",
+          "description": "Converts an ISO‑8601 date to and from a `Date` object."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "dateConverter",
+          "declaration": {
+            "name": "dateConverter",
+            "module": "src/core/shared/converters/dateConverter.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/shared/converters/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/core/shared/converters/dateConverter"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/core/shared/converters/spaceSeparatedStringConverter"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/shared/converters/spaceSeparatedStringConverter.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "spaceSeparatedStringConverter",
+          "type": {
+            "text": "ComplexAttributeConverter<string[], string | null>"
+          },
+          "default": "{ fromAttribute(value: string | null): string[] { if (!value) return []; return value .split(/\\s+/) .map((d) => d.trim()) .filter(Boolean); }, toAttribute(value: string[]): string { return value.join(\" \"); }, }",
+          "description": "Converts a space-separated attribute in to an array of strings."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "spaceSeparatedStringConverter",
+          "declaration": {
+            "name": "spaceSeparatedStringConverter",
+            "module": "src/core/shared/converters/spaceSeparatedStringConverter.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/core/shared/decorators/customElement.ts",
@@ -66432,79 +66569,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/shared/converters/dateConverter.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "dateConverter",
-          "type": {
-            "text": "ComplexAttributeConverter<Date | null, string | null>"
-          },
-          "default": "{ fromAttribute(value: string | null): Date | null { if (!value) return null; // Matches all four formats: // yyyy-MM-dd // yyyy-MM-ddTHH:mm:ss // yyyy-MM-ddTHH:mm:ssZ // yyyy-MM-ddTHH:mm:ss±HH:mm const isoRegex = /^(\\d{4})-(\\d{2})-(\\d{2})(?:T(\\d{2}):(\\d{2}):(\\d{2})(?:\\.(\\d{3}))?)?(Z|[+-]\\d{2}:\\d{2})?$/; const m = value.match(isoRegex); if (!m) return null; const year = Number(m[1]); const month = Number(m[2]) - 1; // JS months are 0-based const day = Number(m[3]); const hasTime = m[4] !== undefined; const hours = hasTime ? Number(m[4]) : 0; const minutes = hasTime ? Number(m[5]) : 0; const seconds = hasTime ? Number(m[6]) : 0; const ms = hasTime && m[7] ? Number(m[7]) : 0; const tz = m[8]; // CASE 1: yyyy-MM-dd → local date (no timezone math) if (!hasTime && !tz) { return new Date(year, month, day); } // CASE 2: yyyy-MM-ddTHH:mm:ss (no timezone) → local datetime if (hasTime && !tz) { return new Date(year, month, day, hours, minutes, seconds, ms); } // CASE 3: yyyy-MM-ddTHH:mm:ssZ → UTC if (tz === \"Z\") { return new Date(Date.UTC(year, month, day, hours, minutes, seconds, ms)); } // CASE 4: yyyy-MM-ddTHH:mm:ss±HH:mm → offset if (tz && /^[+-]\\d{2}:\\d{2}$/.test(tz)) { const sign = tz.startsWith(\"-\") ? -1 : 1; const [tzH, tzM] = tz.slice(1).split(\":\").map(Number); const offsetMinutes = sign * (tzH * 60 + tzM); // Convert offset datetime → UTC → local const utc = Date.UTC(year, month, day, hours, minutes, seconds, ms); return new Date(utc - offsetMinutes * 60_000); } return null; }, toAttribute(value: Date | null): string | null { return value?.toISOString() ?? null; }, }",
-          "description": "Converts an ISO‑8601 date to and from a `Date` object."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "dateConverter",
-          "declaration": {
-            "name": "dateConverter",
-            "module": "src/core/shared/converters/dateConverter.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/shared/converters/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/core/shared/converters/dateConverter"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/core/shared/converters/spaceSeparatedStringConverter"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/shared/converters/spaceSeparatedStringConverter.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "spaceSeparatedStringConverter",
-          "type": {
-            "text": "ComplexAttributeConverter<string[], string | null>"
-          },
-          "default": "{ fromAttribute(value: string | null): string[] { if (!value) return []; return value .split(/\\s+/) .map((d) => d.trim()) .filter(Boolean); }, toAttribute(value: string[]): string { return value.join(\" \"); }, }",
-          "description": "Converts a space-separated attribute in to an array of strings."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "spaceSeparatedStringConverter",
-          "declaration": {
-            "name": "spaceSeparatedStringConverter",
-            "module": "src/core/shared/converters/spaceSeparatedStringConverter.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/core/shared/directives/index.ts",