@m3e/web 2.5.3 → 2.5.5

package/dist/custom-elements.json

@@ -2113,10 +2113,6 @@
             }
           ],
           "mixins": [
-            {
-              "name": "EventAttribute",
-              "package": "@m3e/web/core"
-            },
             {
               "name": "HtmlFor",
               "package": "@m3e/web/core"
@@ -2206,97 +2202,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/avatar/AvatarElement.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "An image, icon or textual initials representing a user or other identity.",
-          "name": "M3eAvatarElement",
-          "cssProperties": [
-            {
-              "description": "Size of the avatar.",
-              "name": "--m3e-avatar-size"
-            },
-            {
-              "description": "Border radius of the avatar.",
-              "name": "--m3e-avatar-shape"
-            },
-            {
-              "description": "Font size for the avatar.",
-              "name": "--m3e-avatar-font-size"
-            },
-            {
-              "description": "Font weight for the avatar.",
-              "name": "--m3e-avatar-font-weight"
-            },
-            {
-              "description": "Line height for the avatar.",
-              "name": "--m3e-avatar-line-height"
-            },
-            {
-              "description": "Letter spacing for the avatar.",
-              "name": "--m3e-avatar-tracking"
-            },
-            {
-              "description": "Background color of the avatar.",
-              "name": "--m3e-avatar-color"
-            },
-            {
-              "description": "Text color of the avatar.",
-              "name": "--m3e-avatar-label-color"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Renders the content of the avatar.",
-              "name": ""
-            }
-          ],
-          "members": [],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "m3e-avatar",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "M3eAvatarElement",
-          "declaration": {
-            "name": "M3eAvatarElement",
-            "module": "src/avatar/AvatarElement.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "m3e-avatar",
-          "declaration": {
-            "name": "M3eAvatarElement",
-            "module": "src/avatar/AvatarElement.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/avatar/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/avatar/AvatarElement"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/badge/BadgeElement.ts",
@@ -3149,24 +3054,6 @@
                 }
               }
             },
-            {
-              "kind": "method",
-              "name": "#handleHeaderSlotChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "#handleHeaderPointerDown",
@@ -3623,10 +3510,6 @@
             }
           ],
           "mixins": [
-            {
-              "name": "EventAttribute",
-              "package": "@m3e/web/core"
-            },
             {
               "name": "ReconnectedCallback",
               "package": "@m3e/web/core"
@@ -3919,6 +3802,97 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/avatar/AvatarElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An image, icon or textual initials representing a user or other identity.",
+          "name": "M3eAvatarElement",
+          "cssProperties": [
+            {
+              "description": "Size of the avatar.",
+              "name": "--m3e-avatar-size"
+            },
+            {
+              "description": "Border radius of the avatar.",
+              "name": "--m3e-avatar-shape"
+            },
+            {
+              "description": "Font size for the avatar.",
+              "name": "--m3e-avatar-font-size"
+            },
+            {
+              "description": "Font weight for the avatar.",
+              "name": "--m3e-avatar-font-weight"
+            },
+            {
+              "description": "Line height for the avatar.",
+              "name": "--m3e-avatar-line-height"
+            },
+            {
+              "description": "Letter spacing for the avatar.",
+              "name": "--m3e-avatar-tracking"
+            },
+            {
+              "description": "Background color of the avatar.",
+              "name": "--m3e-avatar-color"
+            },
+            {
+              "description": "Text color of the avatar.",
+              "name": "--m3e-avatar-label-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the content of the avatar.",
+              "name": ""
+            }
+          ],
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-avatar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eAvatarElement",
+          "declaration": {
+            "name": "M3eAvatarElement",
+            "module": "src/avatar/AvatarElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-avatar",
+          "declaration": {
+            "name": "M3eAvatarElement",
+            "module": "src/avatar/AvatarElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/avatar/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/avatar/AvatarElement"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/breadcrumb/BreadcrumbElement.ts",
@@ -9536,470 +9510,456 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/checkbox/CheckboxElement.ts",
+      "path": "src/card/CardElement.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A checkbox that allows a user to select one or more options from a limited number of choices.",
-          "name": "M3eCheckboxElement",
+          "description": "A content container for text, images (or other media), and actions in the context of a single subject.",
+          "name": "M3eCardElement",
           "cssProperties": [
             {
-              "description": "Size of the checkbox icon inside the container.",
-              "name": "--m3e-checkbox-icon-size"
+              "description": "Internal spacing for all slotted regions",
+              "name": "--m3e-card-padding"
             },
             {
-              "description": "Base size of the checkbox container.",
-              "name": "--m3e-checkbox-container-size"
+              "description": "Corner radius of the card container.",
+              "name": "--m3e-card-shape"
             },
             {
-              "description": "Border radius of the icon container.",
-              "name": "--m3e-checkbox-container-shape"
+              "description": "Foreground color for text content in filled cards.",
+              "name": "--m3e-filled-card-text-color"
             },
             {
-              "description": "Border thickness for unselected state.",
-              "name": "--m3e-checkbox-unselected-outline-thickness"
+              "description": "Background color of the filled card container.",
+              "name": "--m3e-filled-card-container-color"
             },
             {
-              "description": "Border color for unselected state.",
-              "name": "--m3e-checkbox-unselected-outline-color"
+              "description": "Elevation level for filled card container.",
+              "name": "--m3e-filled-card-container-elevation"
             },
             {
-              "description": "Border color on hover when unselected.",
-              "name": "--m3e-checkbox-unselected-hover-outline-color"
+              "description": "Text color when filled card is disabled.",
+              "name": "--m3e-filled-card-disabled-text-color"
             },
             {
-              "description": "Base color for disabled unselected outline.",
-              "name": "--m3e-checkbox-unselected-disabled-outline-color"
+              "description": "Opacity applied to text when disabled.",
+              "name": "--m3e-filled-card-disabled-text-opacity"
             },
             {
-              "description": "Opacity for disabled unselected outline.",
-              "name": "--m3e-checkbox-unselected-disabled-outline-opacity"
+              "description": "Background color when disabled.",
+              "name": "--m3e-filled-card-disabled-container-color"
             },
             {
-              "description": "Border color for invalid unselected state.",
-              "name": "--m3e-checkbox-unselected-error-outline-color"
+              "description": "Elevation level when disabled.",
+              "name": "--m3e-filled-card-disabled-container-elevation"
             },
             {
-              "description": "Background color for selected container.",
-              "name": "--m3e-checkbox-selected-container-color"
+              "description": "Shadow color when disabled.",
+              "name": "--m3e-filled-card-disabled-container-elevation-color"
             },
             {
-              "description": "Icon color for selected state.",
-              "name": "--m3e-checkbox-selected-icon-color"
+              "description": "Shadow opacity when disabled.",
+              "name": "--m3e-filled-card-disabled-container-elevation-opacity"
             },
             {
-              "description": "Base color for disabled selected container.",
-              "name": "--m3e-checkbox-selected-disabled-container-color"
+              "description": "Overall container opacity when disabled.",
+              "name": "--m3e-filled-card-disabled-container-opacity"
             },
             {
-              "description": "Opacity for disabled selected container.",
-              "name": "--m3e-checkbox-selected-disabled-container-opacity"
+              "description": "Text color on hover.",
+              "name": "--m3e-filled-card-hover-text-color"
             },
             {
-              "description": "Base color for disabled selected icon.",
-              "name": "--m3e-checkbox-selected-disabled-icon-color"
+              "description": "State layer color on hover.",
+              "name": "--m3e-filled-card-hover-state-layer-color"
             },
             {
-              "description": "Opacity for disabled selected icon.",
-              "name": "--m3e-checkbox-selected-disabled-icon-opacity"
+              "description": "State layer opacity on hover.",
+              "name": "--m3e-filled-card-hover-state-layer-opacity"
             },
             {
-              "description": "Ripple hover color for unselected state.",
-              "name": "--m3e-checkbox-unselected-hover-color"
+              "description": "Elevation level on hover.",
+              "name": "--m3e-filled-card-hover-container-elevation"
             },
             {
-              "description": "Ripple focus color for unselected state.",
-              "name": "--m3e-checkbox-unselected-focus-color"
+              "description": "Text color on focus.",
+              "name": "--m3e-filled-card-focus-text-color"
             },
             {
-              "description": "Ripple base color for unselected state.",
-              "name": "--m3e-checkbox-unselected-ripple-color"
+              "description": "State layer color on focus.",
+              "name": "--m3e-filled-card-focus-state-layer-color"
             },
             {
-              "description": "Ripple hover color for selected state.",
-              "name": "--m3e-checkbox-selected-hover-color"
+              "description": "State layer opacity on focus.",
+              "name": "--m3e-filled-card-focus-state-layer-opacity"
             },
             {
-              "description": "Ripple focus color for selected state.",
-              "name": "--m3e-checkbox-selected-focus-color"
+              "description": "Elevation level on focus.",
+              "name": "--m3e-filled-card-focus-container-elevation"
             },
             {
-              "description": "Ripple base color for selected state.",
-              "name": "--m3e-checkbox-selected-ripple-color"
+              "description": "Text color on press.",
+              "name": "--m3e-filled-card-pressed-text-color"
             },
             {
-              "description": "Ripple hover color for invalid unselected state.",
-              "name": "--m3e-checkbox-unselected-error-hover-color"
+              "description": "State layer color on press.",
+              "name": "--m3e-filled-card-pressed-state-layer-color"
             },
             {
-              "description": "Ripple focus color for invalid unselected state.",
-              "name": "--m3e-checkbox-unselected-error-focus-color"
+              "description": "State layer opacity on press.",
+              "name": "--m3e-filled-card-pressed-state-layer-opacity"
             },
             {
-              "description": "Ripple base color for invalid unselected state.",
-              "name": "--m3e-checkbox-unselected-error-ripple-color"
+              "description": "Elevation level on press.",
+              "name": "--m3e-filled-card-pressed-container-elevation"
             },
             {
-              "description": "Ripple hover color for invalid selected state.",
-              "name": "--m3e-checkbox-selected-error-hover-color"
+              "description": "Foreground color for text content in elevated cards.",
+              "name": "--m3e-elevated-card-text-color"
             },
             {
-              "description": "Ripple focus color for invalid selected state.",
-              "name": "--m3e-checkbox-selected-error-focus-color"
+              "description": "Background color of the elevated card container.",
+              "name": "--m3e-elevated-card-container-color"
             },
             {
-              "description": "Ripple base color for invalid selected state.",
-              "name": "--m3e-checkbox-selected-error-ripple-color"
-            }
-          ],
-          "members": [
+              "description": "Elevation level for elevated card container.",
+              "name": "--m3e-elevated-card-container-elevation"
+            },
             {
-              "kind": "field",
-              "name": "_focusRing",
-              "type": {
-                "text": "M3eFocusRingElement | undefined"
-              },
-              "privacy": "private",
-              "readonly": true
+              "description": "Text color when elevated card is disabled.",
+              "name": "--m3e-elevated-card-disabled-text-color"
             },
             {
-              "kind": "field",
-              "name": "_stateLayer",
-              "type": {
-                "text": "M3eStateLayerElement | undefined"
-              },
-              "privacy": "private",
-              "readonly": true
+              "description": "Opacity applied to text when disabled.",
+              "name": "--m3e-elevated-card-disabled-text-opacity"
             },
             {
-              "kind": "field",
-              "name": "_ripple",
-              "type": {
-                "text": "M3eRippleElement | undefined"
-              },
-              "privacy": "private",
-              "readonly": true
+              "description": "Background color when disabled.",
+              "name": "--m3e-elevated-card-disabled-container-color"
             },
             {
-              "kind": "field",
-              "name": "#clickHandler",
-              "privacy": "private",
-              "readonly": true
+              "description": "Elevation level when disabled.",
+              "name": "--m3e-elevated-card-disabled-container-elevation"
             },
             {
-              "kind": "field",
-              "name": "#hoverController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HoverController(this, { target: null, callback: (hovering) => { if (this.disabled) return; if (hovering) { this._stateLayer?.show(\"hover\"); } else { this._stateLayer?.hide(\"hover\"); } }, })"
+              "description": "Shadow color when disabled.",
+              "name": "--m3e-elevated-card-disabled-container-elevation-color"
             },
             {
-              "kind": "field",
-              "name": "#pressedController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new PressedController(this, { target: null, minPressedDuration: 150, callback: (pressed) => { if (this.disabled) return; if (pressed) { this._ripple?.show(0, 0, true); } else { this._ripple?.hide(); } }, })"
+              "description": "Shadow opacity when disabled.",
+              "name": "--m3e-elevated-card-disabled-container-elevation-opacity"
             },
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"on\"",
-              "description": "A string representing the value of the checkbox.",
-              "attribute": "value"
+              "description": "Overall container opacity when disabled.",
+              "name": "--m3e-elevated-card-disabled-container-opacity"
             },
             {
-              "kind": "field",
-              "name": "[formValue]",
-              "type": {
-                "text": "string | File | FormData | null"
-              },
-              "privacy": "private",
-              "readonly": true
+              "description": "Text color on hover.",
+              "name": "--m3e-elevated-card-hover-text-color"
             },
             {
-              "kind": "method",
-              "name": "#renderIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "unknown"
-                }
-              }
+              "description": "State layer color on hover.",
+              "name": "--m3e-elevated-card-hover-state-layer-color"
             },
             {
-              "kind": "method",
-              "name": "#handleClick",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "description": "State layer opacity on hover.",
+              "name": "--m3e-elevated-card-hover-state-layer-opacity"
             },
             {
-              "kind": "field",
-              "name": "formAssociated",
-              "static": true,
-              "readonly": true,
-              "default": "true",
-              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
-              "type": {
-                "text": "boolean"
-              },
-              "inheritedFrom": {
-                "name": "AttachInternals",
-                "module": "src/core/shared/mixins/AttachInternals.ts"
-              }
+              "description": "Elevation level on hover.",
+              "name": "--m3e-elevated-card-hover-container-elevation"
             },
             {
-              "kind": "field",
-              "name": "[_eventHandler]",
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "Touched",
-                "module": "src/core/shared/mixins/Touched.ts"
-              }
+              "description": "Text color on focus.",
+              "name": "--m3e-elevated-card-focus-text-color"
             },
             {
-              "kind": "field",
-              "name": "labels",
-              "type": {
-                "text": "NodeListOf<HTMLLabelElement>"
-              },
-              "readonly": true,
-              "description": "The label elements that the element is associated with.",
-              "inheritedFrom": {
-                "name": "FormAssociated",
-                "module": "src/core/shared/mixins/FormAssociated.ts"
-              }
+              "description": "State layer color on focus.",
+              "name": "--m3e-elevated-card-focus-state-layer-color"
             },
             {
-              "kind": "field",
-              "name": "dirty",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether the user has modified the value of the element.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "Dirty",
-                "module": "src/core/shared/mixins/Dirty.ts"
-              }
+              "description": "State layer opacity on focus.",
+              "name": "--m3e-elevated-card-focus-state-layer-opacity"
             },
             {
-              "kind": "field",
-              "name": "pristine",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether the user has not modified the value of the element.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "Dirty",
-                "module": "src/core/shared/mixins/Dirty.ts"
-              }
+              "description": "Elevation level on focus.",
+              "name": "--m3e-elevated-card-focus-container-elevation"
             },
             {
-              "kind": "method",
-              "name": "markAsPristine",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Marks the element as pristine.",
-              "inheritedFrom": {
-                "name": "Dirty",
-                "module": "src/core/shared/mixins/Dirty.ts"
-              }
+              "description": "Text color on press.",
+              "name": "--m3e-elevated-card-pressed-text-color"
             },
             {
-              "kind": "method",
-              "name": "markAsDirty",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Marks the element as dirty.",
-              "inheritedFrom": {
-                "name": "Dirty",
-                "module": "src/core/shared/mixins/Dirty.ts"
-              }
+              "description": "State layer color on press.",
+              "name": "--m3e-elevated-card-pressed-state-layer-color"
             },
             {
-              "kind": "field",
-              "name": "touched",
+              "description": "State layer opacity on press.",
+              "name": "--m3e-elevated-card-pressed-state-layer-opacity"
+            },
+            {
+              "description": "Elevation level on press.",
+              "name": "--m3e-elevated-card-pressed-container-elevation"
+            },
+            {
+              "description": "Foreground color for text content in outlined cards.",
+              "name": "--m3e-outlined-card-text-color"
+            },
+            {
+              "description": "Background color of the outlined card container.",
+              "name": "--m3e-outlined-card-container-color"
+            },
+            {
+              "description": "Elevation level for outlined card container.",
+              "name": "--m3e-outlined-card-container-elevation"
+            },
+            {
+              "description": "Border color for outlined cards.",
+              "name": "--m3e-outlined-card-outline-color"
+            },
+            {
+              "description": "Border thickness for outlined cards.",
+              "name": "--m3e-outlined-card-outline-thickness"
+            },
+            {
+              "description": "Text color when outlined card is disabled.",
+              "name": "--m3e-outlined-card-disabled-text-color"
+            },
+            {
+              "description": "Opacity applied to text when disabled.",
+              "name": "--m3e-outlined-card-disabled-text-opacity"
+            },
+            {
+              "description": "Elevation level when disabled.",
+              "name": "--m3e-outlined-card-disabled-container-elevation"
+            },
+            {
+              "description": "Shadow color when disabled.",
+              "name": "--m3e-outlined-card-disabled-container-elevation-color"
+            },
+            {
+              "description": "Shadow opacity when disabled.",
+              "name": "--m3e-outlined-card-disabled-container-elevation-opacity"
+            },
+            {
+              "description": "Border color when disabled.",
+              "name": "--m3e-outlined-card-disabled-outline-color"
+            },
+            {
+              "description": "Border opacity when disabled.",
+              "name": "--m3e-outlined-card-disabled-outline-opacity"
+            },
+            {
+              "description": "Text color on hover.",
+              "name": "--m3e-outlined-card-hover-text-color"
+            },
+            {
+              "description": "State layer color on hover.",
+              "name": "--m3e-outlined-card-hover-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on hover.",
+              "name": "--m3e-outlined-card-hover-state-layer-opacity"
+            },
+            {
+              "description": "Elevation level on hover.",
+              "name": "--m3e-outlined-card-hover-container-elevation"
+            },
+            {
+              "description": "Border color on hover.",
+              "name": "--m3e-outlined-card-hover-outline-color"
+            },
+            {
+              "description": "Text color on focus.",
+              "name": "--m3e-outlined-card-focus-text-color"
+            },
+            {
+              "description": "State layer color on focus.",
+              "name": "--m3e-outlined-card-focus-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on focus.",
+              "name": "--m3e-outlined-card-focus-state-layer-opacity"
+            },
+            {
+              "description": "Elevation level on focus.",
+              "name": "--m3e-outlined-card-focus-container-elevation"
+            },
+            {
+              "description": "Border color on focus.",
+              "name": "--m3e-outlined-card-focus-outline-color"
+            },
+            {
+              "description": "Text color on press.",
+              "name": "--m3e-outlined-card-pressed-text-color"
+            },
+            {
+              "description": "State layer color on press.",
+              "name": "--m3e-outlined-card-pressed-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on press.",
+              "name": "--m3e-outlined-card-pressed-state-layer-opacity"
+            },
+            {
+              "description": "Elevation level on press.",
+              "name": "--m3e-outlined-card-pressed-container-elevation"
+            },
+            {
+              "description": "Border color on press.",
+              "name": "--m3e-outlined-card-pressed-outline-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the content of the card without padding.",
+              "name": ""
+            },
+            {
+              "description": "Renders the header of the card.",
+              "name": "header"
+            },
+            {
+              "description": "Renders the content of the card with padding.",
+              "name": "content"
+            },
+            {
+              "description": "Renders the actions of the card.",
+              "name": "actions"
+            },
+            {
+              "description": "Renders the footer of the card.",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_base",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement | undefined"
               },
-              "description": "Whether the user has interacted when the element.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "Touched",
-                "module": "src/core/shared/mixins/Touched.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "untouched",
+              "name": "_elevation",
               "type": {
-                "text": "boolean"
+                "text": "M3eElevationElement | undefined"
               },
-              "description": "Whether the user has not interacted when the element.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "Touched",
-                "module": "src/core/shared/mixins/Touched.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "markAsTouched",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "_focusRing",
+              "type": {
+                "text": "M3eFocusRingElement | undefined"
               },
-              "description": "Marks the element as touched.",
-              "inheritedFrom": {
-                "name": "Touched",
-                "module": "src/core/shared/mixins/Touched.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "markAsUntouched",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "_stateLayer",
+              "type": {
+                "text": "M3eStateLayerElement | undefined"
               },
-              "description": "Marks the element as untouched.",
-              "inheritedFrom": {
-                "name": "Touched",
-                "module": "src/core/shared/mixins/Touched.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "_ripple",
               "type": {
-                "text": "boolean"
+                "text": "M3eRippleElement | undefined"
               },
-              "default": "false",
-              "description": "Whether a value is required for the element.",
-              "attribute": "required",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Required",
-                "module": "src/core/shared/mixins/Required.ts"
-              }
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "optional",
-              "description": "Whether a value is not required for the element.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "Required",
-                "module": "src/core/shared/mixins/Required.ts"
-              }
+              "name": "#clickHandler",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "[_validityMessage]",
+              "name": "inline",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "ConstraintValidation",
-                "module": "src/core/shared/mixins/ConstraintValidation.ts"
-              }
+              "default": "false",
+              "description": "Whether to present the card inline with surrounding content.",
+              "attribute": "inline",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "willValidate",
+              "name": "actionable",
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the element is a submittable element that is a candidate for constraint validation.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ConstraintValidation",
-                "module": "src/core/shared/mixins/ConstraintValidation.ts"
-              }
+              "default": "false",
+              "description": "Whether the card is \"actionable\" and will respond to use interaction.",
+              "attribute": "actionable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "validity",
+              "name": "variant",
               "type": {
-                "text": "ValidityState"
+                "text": "CardVariant"
               },
-              "description": "The validity state of the element.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ConstraintValidation",
-                "module": "src/core/shared/mixins/ConstraintValidation.ts"
-              }
+              "default": "\"filled\"",
+              "description": "The appearance variant of the card.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "validationMessage",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "CardOrientation"
               },
-              "description": "The error message that would be displayed if the user submits the form, or an empty string if no error message.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ConstraintValidation",
-                "module": "src/core/shared/mixins/ConstraintValidation.ts"
-              }
+              "default": "\"vertical\"",
+              "description": "The orientation of the card.",
+              "attribute": "orientation",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "reportValidity",
+              "name": "#handleHeaderSlotChange",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
-              "description": "Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.",
-              "inheritedFrom": {
-                "name": "ConstraintValidation",
-                "module": "src/core/shared/mixins/ConstraintValidation.ts"
-              }
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "checkValidity",
+              "name": "#handleContentSlotChange",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
-              },
-              "description": "Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.",
-              "inheritedFrom": {
-                "name": "ConstraintValidation",
-                "module": "src/core/shared/mixins/ConstraintValidation.ts"
               }
             },
             {
               "kind": "method",
-              "name": "setCustomValidity",
+              "name": "#handleDefaultSlotChange",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -10007,163 +9967,35 @@
               },
               "parameters": [
                 {
-                  "name": "error",
+                  "name": "e",
                   "type": {
-                    "text": "string"
-                  },
-                  "description": "The message to use for validity errors."
+                    "text": "Event"
+                  }
                 }
-              ],
-              "description": "Sets a custom validity message for the element.",
-              "inheritedFrom": {
-                "name": "ConstraintValidation",
-                "module": "src/core/shared/mixins/ConstraintValidation.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "[_updateValidity]",
+              "name": "#handleActionsSlotChange",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "ConstraintValidation",
-                "module": "src/core/shared/mixins/ConstraintValidation.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#getNativeMessage",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
               "parameters": [
                 {
-                  "name": "flags",
+                  "name": "e",
                   "type": {
-                    "text": "ValidityStateFlags"
+                    "text": "Event"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "ConstraintValidation",
-                "module": "src/core/shared/mixins/ConstraintValidation.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the element's checked state is indeterminate.",
-              "attribute": "indeterminate",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "CheckedIndeterminate",
-                "module": "src/core/shared/mixins/CheckedIndeterminate.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the element is checked.",
-              "attribute": "checked",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Checked",
-                "module": "src/core/shared/mixins/Checked.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_defaultValue]",
-              "type": {
-                "text": "unknown"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "FormAssociated",
-                "module": "src/core/shared/mixins/FormAssociated.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_defaultIndeterminate]",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "FormAssociated",
-                "module": "src/core/shared/mixins/FormAssociated.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "[_formDisabled]",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "FormAssociated",
-                "module": "src/core/shared/mixins/FormAssociated.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "description": "The `HTMLFormElement` associated with this element.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "FormAssociated",
-                "module": "src/core/shared/mixins/FormAssociated.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "description": "The name that identifies the element when submitting the associated form.",
-              "attribute": "name",
-              "inheritedFrom": {
-                "name": "FormAssociated",
-                "module": "src/core/shared/mixins/FormAssociated.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the element is disabled.",
-              "attribute": "disabled",
-              "inheritedFrom": {
-                "name": "Disabled",
-                "module": "src/core/shared/mixins/Disabled.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "formDisabledCallback",
+              "name": "#handleFooterSlotChange",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -10171,31 +10003,30 @@
               },
               "parameters": [
                 {
-                  "name": "disabled",
+                  "name": "e",
                   "type": {
-                    "text": "boolean"
+                    "text": "Event"
                   }
                 }
-              ],
-              "description": "Called when the element is disabled or enabled via its form association.",
-              "inheritedFrom": {
-                "name": "FormAssociated",
-                "module": "src/core/shared/mixins/FormAssociated.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "formResetCallback",
+              "name": "#handleClick",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Called when the associated form is reset.",
-              "inheritedFrom": {
-                "name": "FormAssociated",
-                "module": "src/core/shared/mixins/FormAssociated.ts"
-              }
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
@@ -10286,178 +10117,430 @@
             },
             {
               "kind": "field",
-              "name": "[_tabindex]",
-              "type": {
-                "text": "number"
-              },
+              "name": "[_clickHandler]",
               "privacy": "private",
-              "default": "0",
               "inheritedFrom": {
-                "name": "Focusable",
-                "module": "src/core/shared/mixins/Focusable.ts"
+                "name": "FormSubmitter",
+                "module": "src/core/shared/mixins/FormSubmitter.ts"
               }
             },
             {
               "kind": "field",
-              "name": "[_internals]",
+              "name": "href",
               "type": {
-                "text": "ElementInternals | undefined"
+                "text": "string"
               },
-              "privacy": "private",
+              "default": "\"\"",
+              "description": "The URL to which the link button points.",
+              "attribute": "href",
               "inheritedFrom": {
-                "name": "AttachInternals",
-                "module": "src/core/shared/mixins/AttachInternals.ts"
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
               }
             },
             {
               "kind": "field",
-              "name": "[_customState]",
-              "default": "new Set<string>()",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "AttachInternals",
-                "module": "src/core/shared/mixins/AttachInternals.ts"
-              }
-            }
-          ],
-          "events": [
+              "name": "target",
+              "type": {
+                "text": "LinkTarget"
+              },
+              "default": "\"\"",
+              "description": "The target of the link button.",
+              "attribute": "target",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
             {
-              "name": "input",
+              "kind": "field",
+              "name": "rel",
               "type": {
-                "text": "Event"
+                "text": "string"
               },
-              "description": "Emitted when the checked state changes."
+              "default": "\"\"",
+              "description": "The relationship between the `target` of the link button and the document.",
+              "attribute": "rel",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
             },
             {
-              "name": "change",
+              "kind": "field",
+              "name": "download",
               "type": {
-                "text": "Event"
+                "text": "string | null"
               },
-              "description": "Emitted when the checked state changes."
+              "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.",
+              "default": "null",
+              "attribute": "download",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
             },
             {
-              "description": "Emitted when a form is submitted and the element fails constraint validation.",
-              "name": "invalid"
+              "kind": "method",
+              "name": "#handleLinkPointerDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
             },
             {
-              "name": "click",
+              "kind": "method",
+              "name": "#handleLinkFocus",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleLinkBlur",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formAssociated",
+              "static": true,
+              "readonly": true,
+              "default": "true",
+              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
               "type": {
-                "text": "MouseEvent"
+                "text": "boolean"
               },
-              "description": "Emitted when the element is clicked.",
               "inheritedFrom": {
-                "name": "KeyboardClick",
-                "module": "src/core/shared/mixins/KeyboardClick.ts"
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
               }
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "checked",
+              "kind": "field",
+              "name": "name",
+              "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.",
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "FormSubmitter",
+                "module": "src/core/shared/mixins/FormSubmitter.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "The value associated with the element's name when it's submitted with form data.",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "FormSubmitter",
+                "module": "src/core/shared/mixins/FormSubmitter.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "FormSubmitterType"
+              },
+              "default": "\"button\"",
+              "description": "The type of the element.",
+              "attribute": "type",
+              "inheritedFrom": {
+                "name": "FormSubmitter",
+                "module": "src/core/shared/mixins/FormSubmitter.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "[_tabindex]",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0",
+              "inheritedFrom": {
+                "name": "Focusable",
+                "module": "src/core/shared/mixins/Focusable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "[_suppressedEventHandler]",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "DisabledInteractive",
+                "module": "src/core/shared/mixins/DisabledInteractive.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabledInteractive",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the element is checked.",
-              "fieldName": "checked",
+              "description": "Whether the element is disabled and interactive.",
+              "attribute": "disabled-interactive",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "Checked",
-                "module": "src/core/shared/mixins/Checked.ts"
+                "name": "DisabledInteractive",
+                "module": "src/core/shared/mixins/DisabledInteractive.ts"
               }
             },
             {
+              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Whether the element is disabled.",
-              "fieldName": "disabled",
+              "attribute": "disabled",
               "inheritedFrom": {
                 "name": "Disabled",
                 "module": "src/core/shared/mixins/Disabled.ts"
               }
             },
             {
-              "name": "indeterminate",
+              "kind": "field",
+              "name": "[_internals]",
               "type": {
-                "text": "boolean"
+                "text": "ElementInternals | undefined"
               },
-              "default": "false",
-              "description": "Whether the element's checked state is indeterminate.",
-              "fieldName": "indeterminate",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "CheckedIndeterminate",
-                "module": "src/core/shared/mixins/CheckedIndeterminate.ts"
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
               }
             },
             {
-              "name": "name",
-              "description": "The name that identifies the element when submitting the associated form.",
-              "fieldName": "name",
+              "kind": "field",
+              "name": "[_customState]",
+              "default": "new Set<string>()",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "FormAssociated",
-                "module": "src/core/shared/mixins/FormAssociated.ts"
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "MouseEvent"
+              },
+              "description": "Emitted when the element is clicked.",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
               }
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether the card is \"actionable\" and will respond to use interaction.",
+              "name": "actionable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "actionable"
             },
             {
-              "name": "required",
+              "description": "Whether to present the card inline with surrounding content.",
+              "name": "inline",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the element is required.",
-              "fieldName": "required",
+              "fieldName": "inline"
+            },
+            {
+              "description": "The orientation of the card.",
+              "name": "orientation",
+              "type": {
+                "text": "CardOrientation"
+              },
+              "default": "\"vertical\"",
+              "fieldName": "orientation"
+            },
+            {
+              "description": "The appearance variant of the card.",
+              "name": "variant",
+              "type": {
+                "text": "CardVariant"
+              },
+              "default": "\"filled\"",
+              "fieldName": "variant"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The URL to which the link button points.",
+              "fieldName": "href",
               "inheritedFrom": {
-                "name": "Required",
-                "module": "src/core/shared/mixins/Required.ts"
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
               }
             },
             {
-              "description": "A string representing the value of the checkbox.",
-              "name": "value",
+              "name": "target",
               "type": {
-                "text": "string"
+                "text": "LinkTarget"
               },
-              "default": "\"on\"",
-              "fieldName": "value"
-            }
-          ],
-          "mixins": [
+              "default": "\"\"",
+              "description": "The target of the link button.",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
             {
-              "name": "Labelled",
-              "package": "@m3e/web/core"
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The relationship between the `target` of the link button and the document.",
+              "fieldName": "rel",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
             },
             {
-              "name": "RequiredConstraintValidation",
-              "package": "@m3e/web/core"
+              "name": "download",
+              "type": {
+                "text": "string | null"
+              },
+              "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.",
+              "default": "null",
+              "fieldName": "download",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
             },
             {
-              "name": "Dirty",
-              "package": "@m3e/web/core"
+              "name": "name",
+              "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "FormSubmitter",
+                "module": "src/core/shared/mixins/FormSubmitter.ts"
+              }
             },
             {
-              "name": "Touched",
-              "package": "@m3e/web/core"
+              "name": "value",
+              "description": "The value associated with the element's name when it's submitted with form data.",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "FormSubmitter",
+                "module": "src/core/shared/mixins/FormSubmitter.ts"
+              }
             },
             {
-              "name": "Required",
-              "package": "@m3e/web/core"
+              "name": "type",
+              "type": {
+                "text": "FormSubmitterType"
+              },
+              "default": "\"button\"",
+              "description": "The type of the element.",
+              "fieldName": "type",
+              "inheritedFrom": {
+                "name": "FormSubmitter",
+                "module": "src/core/shared/mixins/FormSubmitter.ts"
+              }
             },
             {
-              "name": "ConstraintValidation",
-              "package": "@m3e/web/core"
+              "name": "disabled-interactive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the element is disabled and interactive.",
+              "fieldName": "disabledInteractive",
+              "inheritedFrom": {
+                "name": "DisabledInteractive",
+                "module": "src/core/shared/mixins/DisabledInteractive.ts"
+              }
             },
             {
-              "name": "CheckedIndeterminate",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the element is disabled.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "Disabled",
+                "module": "src/core/shared/mixins/Disabled.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "KeyboardClick",
               "package": "@m3e/web/core"
             },
             {
-              "name": "FormAssociated",
+              "name": "LinkButton",
               "package": "@m3e/web/core"
             },
             {
-              "name": "KeyboardClick",
+              "name": "FormSubmitter",
               "package": "@m3e/web/core"
             },
             {
@@ -10465,15 +10548,15 @@
               "package": "@m3e/web/core"
             },
             {
-              "name": "Disabled",
+              "name": "DisabledInteractive",
               "package": "@m3e/web/core"
             },
             {
-              "name": "AttachInternals",
+              "name": "Disabled",
               "package": "@m3e/web/core"
             },
             {
-              "name": "Role",
+              "name": "AttachInternals",
               "package": "@m3e/web/core"
             }
           ],
@@ -10481,32 +10564,44 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "m3e-checkbox",
+          "tagName": "m3e-card",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "M3eCheckboxElement",
+          "name": "M3eCardElement",
           "declaration": {
-            "name": "M3eCheckboxElement",
-            "module": "src/checkbox/CheckboxElement.ts"
+            "name": "M3eCardElement",
+            "module": "src/card/CardElement.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m3e-checkbox",
+          "name": "m3e-card",
           "declaration": {
-            "name": "M3eCheckboxElement",
-            "module": "src/checkbox/CheckboxElement.ts"
+            "name": "M3eCardElement",
+            "module": "src/card/CardElement.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/checkbox/index.ts",
+      "path": "src/card/CardOrientation.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/CardVariant.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -10514,463 +10609,493 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/checkbox/CheckboxElement"
+            "module": "src/card/CardElement"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/card/CardOrientation"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/card/CardVariant"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/card/CardElement.ts",
+      "path": "src/checkbox/CheckboxElement.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A content container for text, images (or other media), and actions in the context of a single subject.",
-          "name": "M3eCardElement",
+          "description": "A checkbox that allows a user to select one or more options from a limited number of choices.",
+          "name": "M3eCheckboxElement",
           "cssProperties": [
             {
-              "description": "Internal spacing for all slotted regions",
-              "name": "--m3e-card-padding"
-            },
-            {
-              "description": "Corner radius of the card container.",
-              "name": "--m3e-card-shape"
-            },
-            {
-              "description": "Foreground color for text content in filled cards.",
-              "name": "--m3e-filled-card-text-color"
-            },
-            {
-              "description": "Background color of the filled card container.",
-              "name": "--m3e-filled-card-container-color"
-            },
-            {
-              "description": "Elevation level for filled card container.",
-              "name": "--m3e-filled-card-container-elevation"
-            },
-            {
-              "description": "Text color when filled card is disabled.",
-              "name": "--m3e-filled-card-disabled-text-color"
-            },
-            {
-              "description": "Opacity applied to text when disabled.",
-              "name": "--m3e-filled-card-disabled-text-opacity"
-            },
-            {
-              "description": "Background color when disabled.",
-              "name": "--m3e-filled-card-disabled-container-color"
-            },
-            {
-              "description": "Elevation level when disabled.",
-              "name": "--m3e-filled-card-disabled-container-elevation"
-            },
-            {
-              "description": "Shadow color when disabled.",
-              "name": "--m3e-filled-card-disabled-container-elevation-color"
-            },
-            {
-              "description": "Shadow opacity when disabled.",
-              "name": "--m3e-filled-card-disabled-container-elevation-opacity"
-            },
-            {
-              "description": "Overall container opacity when disabled.",
-              "name": "--m3e-filled-card-disabled-container-opacity"
-            },
-            {
-              "description": "Text color on hover.",
-              "name": "--m3e-filled-card-hover-text-color"
-            },
-            {
-              "description": "State layer color on hover.",
-              "name": "--m3e-filled-card-hover-state-layer-color"
-            },
-            {
-              "description": "State layer opacity on hover.",
-              "name": "--m3e-filled-card-hover-state-layer-opacity"
-            },
-            {
-              "description": "Elevation level on hover.",
-              "name": "--m3e-filled-card-hover-container-elevation"
-            },
-            {
-              "description": "Text color on focus.",
-              "name": "--m3e-filled-card-focus-text-color"
-            },
-            {
-              "description": "State layer color on focus.",
-              "name": "--m3e-filled-card-focus-state-layer-color"
-            },
-            {
-              "description": "State layer opacity on focus.",
-              "name": "--m3e-filled-card-focus-state-layer-opacity"
-            },
-            {
-              "description": "Elevation level on focus.",
-              "name": "--m3e-filled-card-focus-container-elevation"
-            },
-            {
-              "description": "Text color on press.",
-              "name": "--m3e-filled-card-pressed-text-color"
-            },
-            {
-              "description": "State layer color on press.",
-              "name": "--m3e-filled-card-pressed-state-layer-color"
-            },
-            {
-              "description": "State layer opacity on press.",
-              "name": "--m3e-filled-card-pressed-state-layer-opacity"
-            },
-            {
-              "description": "Elevation level on press.",
-              "name": "--m3e-filled-card-pressed-container-elevation"
-            },
-            {
-              "description": "Foreground color for text content in elevated cards.",
-              "name": "--m3e-elevated-card-text-color"
-            },
-            {
-              "description": "Background color of the elevated card container.",
-              "name": "--m3e-elevated-card-container-color"
-            },
-            {
-              "description": "Elevation level for elevated card container.",
-              "name": "--m3e-elevated-card-container-elevation"
-            },
-            {
-              "description": "Text color when elevated card is disabled.",
-              "name": "--m3e-elevated-card-disabled-text-color"
-            },
-            {
-              "description": "Opacity applied to text when disabled.",
-              "name": "--m3e-elevated-card-disabled-text-opacity"
-            },
-            {
-              "description": "Background color when disabled.",
-              "name": "--m3e-elevated-card-disabled-container-color"
-            },
-            {
-              "description": "Elevation level when disabled.",
-              "name": "--m3e-elevated-card-disabled-container-elevation"
-            },
-            {
-              "description": "Shadow color when disabled.",
-              "name": "--m3e-elevated-card-disabled-container-elevation-color"
-            },
-            {
-              "description": "Shadow opacity when disabled.",
-              "name": "--m3e-elevated-card-disabled-container-elevation-opacity"
-            },
-            {
-              "description": "Overall container opacity when disabled.",
-              "name": "--m3e-elevated-card-disabled-container-opacity"
+              "description": "Size of the checkbox icon inside the container.",
+              "name": "--m3e-checkbox-icon-size"
             },
             {
-              "description": "Text color on hover.",
-              "name": "--m3e-elevated-card-hover-text-color"
+              "description": "Base size of the checkbox container.",
+              "name": "--m3e-checkbox-container-size"
             },
             {
-              "description": "State layer color on hover.",
-              "name": "--m3e-elevated-card-hover-state-layer-color"
+              "description": "Border radius of the icon container.",
+              "name": "--m3e-checkbox-container-shape"
             },
             {
-              "description": "State layer opacity on hover.",
-              "name": "--m3e-elevated-card-hover-state-layer-opacity"
+              "description": "Border thickness for unselected state.",
+              "name": "--m3e-checkbox-unselected-outline-thickness"
             },
             {
-              "description": "Elevation level on hover.",
-              "name": "--m3e-elevated-card-hover-container-elevation"
+              "description": "Border color for unselected state.",
+              "name": "--m3e-checkbox-unselected-outline-color"
             },
             {
-              "description": "Text color on focus.",
-              "name": "--m3e-elevated-card-focus-text-color"
+              "description": "Border color on hover when unselected.",
+              "name": "--m3e-checkbox-unselected-hover-outline-color"
             },
             {
-              "description": "State layer color on focus.",
-              "name": "--m3e-elevated-card-focus-state-layer-color"
+              "description": "Base color for disabled unselected outline.",
+              "name": "--m3e-checkbox-unselected-disabled-outline-color"
             },
             {
-              "description": "State layer opacity on focus.",
-              "name": "--m3e-elevated-card-focus-state-layer-opacity"
+              "description": "Opacity for disabled unselected outline.",
+              "name": "--m3e-checkbox-unselected-disabled-outline-opacity"
             },
             {
-              "description": "Elevation level on focus.",
-              "name": "--m3e-elevated-card-focus-container-elevation"
+              "description": "Border color for invalid unselected state.",
+              "name": "--m3e-checkbox-unselected-error-outline-color"
             },
             {
-              "description": "Text color on press.",
-              "name": "--m3e-elevated-card-pressed-text-color"
+              "description": "Background color for selected container.",
+              "name": "--m3e-checkbox-selected-container-color"
             },
             {
-              "description": "State layer color on press.",
-              "name": "--m3e-elevated-card-pressed-state-layer-color"
+              "description": "Icon color for selected state.",
+              "name": "--m3e-checkbox-selected-icon-color"
             },
             {
-              "description": "State layer opacity on press.",
-              "name": "--m3e-elevated-card-pressed-state-layer-opacity"
+              "description": "Base color for disabled selected container.",
+              "name": "--m3e-checkbox-selected-disabled-container-color"
             },
             {
-              "description": "Elevation level on press.",
-              "name": "--m3e-elevated-card-pressed-container-elevation"
+              "description": "Opacity for disabled selected container.",
+              "name": "--m3e-checkbox-selected-disabled-container-opacity"
             },
             {
-              "description": "Foreground color for text content in outlined cards.",
-              "name": "--m3e-outlined-card-text-color"
+              "description": "Base color for disabled selected icon.",
+              "name": "--m3e-checkbox-selected-disabled-icon-color"
             },
             {
-              "description": "Background color of the outlined card container.",
-              "name": "--m3e-outlined-card-container-color"
+              "description": "Opacity for disabled selected icon.",
+              "name": "--m3e-checkbox-selected-disabled-icon-opacity"
             },
             {
-              "description": "Elevation level for outlined card container.",
-              "name": "--m3e-outlined-card-container-elevation"
+              "description": "Ripple hover color for unselected state.",
+              "name": "--m3e-checkbox-unselected-hover-color"
             },
             {
-              "description": "Border color for outlined cards.",
-              "name": "--m3e-outlined-card-outline-color"
+              "description": "Ripple focus color for unselected state.",
+              "name": "--m3e-checkbox-unselected-focus-color"
             },
             {
-              "description": "Border thickness for outlined cards.",
-              "name": "--m3e-outlined-card-outline-thickness"
+              "description": "Ripple base color for unselected state.",
+              "name": "--m3e-checkbox-unselected-ripple-color"
             },
             {
-              "description": "Text color when outlined card is disabled.",
-              "name": "--m3e-outlined-card-disabled-text-color"
+              "description": "Ripple hover color for selected state.",
+              "name": "--m3e-checkbox-selected-hover-color"
             },
             {
-              "description": "Opacity applied to text when disabled.",
-              "name": "--m3e-outlined-card-disabled-text-opacity"
+              "description": "Ripple focus color for selected state.",
+              "name": "--m3e-checkbox-selected-focus-color"
             },
             {
-              "description": "Elevation level when disabled.",
-              "name": "--m3e-outlined-card-disabled-container-elevation"
+              "description": "Ripple base color for selected state.",
+              "name": "--m3e-checkbox-selected-ripple-color"
             },
             {
-              "description": "Shadow color when disabled.",
-              "name": "--m3e-outlined-card-disabled-container-elevation-color"
+              "description": "Ripple hover color for invalid unselected state.",
+              "name": "--m3e-checkbox-unselected-error-hover-color"
             },
             {
-              "description": "Shadow opacity when disabled.",
-              "name": "--m3e-outlined-card-disabled-container-elevation-opacity"
+              "description": "Ripple focus color for invalid unselected state.",
+              "name": "--m3e-checkbox-unselected-error-focus-color"
             },
             {
-              "description": "Border color when disabled.",
-              "name": "--m3e-outlined-card-disabled-outline-color"
+              "description": "Ripple base color for invalid unselected state.",
+              "name": "--m3e-checkbox-unselected-error-ripple-color"
             },
             {
-              "description": "Border opacity when disabled.",
-              "name": "--m3e-outlined-card-disabled-outline-opacity"
+              "description": "Ripple hover color for invalid selected state.",
+              "name": "--m3e-checkbox-selected-error-hover-color"
             },
             {
-              "description": "Text color on hover.",
-              "name": "--m3e-outlined-card-hover-text-color"
+              "description": "Ripple focus color for invalid selected state.",
+              "name": "--m3e-checkbox-selected-error-focus-color"
             },
             {
-              "description": "State layer color on hover.",
-              "name": "--m3e-outlined-card-hover-state-layer-color"
-            },
+              "description": "Ripple base color for invalid selected state.",
+              "name": "--m3e-checkbox-selected-error-ripple-color"
+            }
+          ],
+          "members": [
             {
-              "description": "State layer opacity on hover.",
-              "name": "--m3e-outlined-card-hover-state-layer-opacity"
+              "kind": "field",
+              "name": "_focusRing",
+              "type": {
+                "text": "M3eFocusRingElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "description": "Elevation level on hover.",
-              "name": "--m3e-outlined-card-hover-container-elevation"
+              "kind": "field",
+              "name": "_stateLayer",
+              "type": {
+                "text": "M3eStateLayerElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "description": "Border color on hover.",
-              "name": "--m3e-outlined-card-hover-outline-color"
+              "kind": "field",
+              "name": "_ripple",
+              "type": {
+                "text": "M3eRippleElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "description": "Text color on focus.",
-              "name": "--m3e-outlined-card-focus-text-color"
+              "kind": "field",
+              "name": "#clickHandler",
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "description": "State layer color on focus.",
-              "name": "--m3e-outlined-card-focus-state-layer-color"
+              "kind": "field",
+              "name": "#hoverController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HoverController(this, { target: null, callback: (hovering) => { if (this.disabled) return; if (hovering) { this._stateLayer?.show(\"hover\"); } else { this._stateLayer?.hide(\"hover\"); } }, })"
             },
             {
-              "description": "State layer opacity on focus.",
-              "name": "--m3e-outlined-card-focus-state-layer-opacity"
+              "kind": "field",
+              "name": "#pressedController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new PressedController(this, { target: null, minPressedDuration: 150, callback: (pressed) => { if (this.disabled) return; if (pressed) { this._ripple?.show(0, 0, true); } else { this._ripple?.hide(); } }, })"
             },
             {
-              "description": "Elevation level on focus.",
-              "name": "--m3e-outlined-card-focus-container-elevation"
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"on\"",
+              "description": "A string representing the value of the checkbox.",
+              "attribute": "value"
             },
             {
-              "description": "Border color on focus.",
-              "name": "--m3e-outlined-card-focus-outline-color"
+              "kind": "field",
+              "name": "[formValue]",
+              "type": {
+                "text": "string | File | FormData | null"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "description": "Text color on press.",
-              "name": "--m3e-outlined-card-pressed-text-color"
+              "kind": "method",
+              "name": "#renderIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "unknown"
+                }
+              }
             },
             {
-              "description": "State layer color on press.",
-              "name": "--m3e-outlined-card-pressed-state-layer-color"
+              "kind": "method",
+              "name": "#handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "description": "State layer opacity on press.",
-              "name": "--m3e-outlined-card-pressed-state-layer-opacity"
+              "kind": "field",
+              "name": "formAssociated",
+              "static": true,
+              "readonly": true,
+              "default": "true",
+              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
+              "type": {
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
+              }
             },
             {
-              "description": "Elevation level on press.",
-              "name": "--m3e-outlined-card-pressed-container-elevation"
+              "kind": "field",
+              "name": "[_eventHandler]",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Touched",
+                "module": "src/core/shared/mixins/Touched.ts"
+              }
             },
             {
-              "description": "Border color on press.",
-              "name": "--m3e-outlined-card-pressed-outline-color"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Renders the content of the card without padding.",
-              "name": ""
+              "kind": "field",
+              "name": "labels",
+              "type": {
+                "text": "NodeListOf<HTMLLabelElement>"
+              },
+              "readonly": true,
+              "description": "The label elements that the element is associated with.",
+              "inheritedFrom": {
+                "name": "FormAssociated",
+                "module": "src/core/shared/mixins/FormAssociated.ts"
+              }
             },
             {
-              "description": "Renders the header of the card.",
-              "name": "header"
+              "kind": "field",
+              "name": "dirty",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the user has modified the value of the element.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Dirty",
+                "module": "src/core/shared/mixins/Dirty.ts"
+              }
             },
             {
-              "description": "Renders the content of the card with padding.",
-              "name": "content"
+              "kind": "field",
+              "name": "pristine",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the user has not modified the value of the element.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Dirty",
+                "module": "src/core/shared/mixins/Dirty.ts"
+              }
             },
             {
-              "description": "Renders the actions of the card.",
-              "name": "actions"
+              "kind": "method",
+              "name": "markAsPristine",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Marks the element as pristine.",
+              "inheritedFrom": {
+                "name": "Dirty",
+                "module": "src/core/shared/mixins/Dirty.ts"
+              }
             },
             {
-              "description": "Renders the footer of the card.",
-              "name": "footer"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "_base",
-              "type": {
-                "text": "HTMLElement | undefined"
+              "kind": "method",
+              "name": "markAsDirty",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "private",
-              "readonly": true
+              "description": "Marks the element as dirty.",
+              "inheritedFrom": {
+                "name": "Dirty",
+                "module": "src/core/shared/mixins/Dirty.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_elevation",
+              "name": "touched",
               "type": {
-                "text": "M3eElevationElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "readonly": true
+              "description": "Whether the user has interacted when the element.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Touched",
+                "module": "src/core/shared/mixins/Touched.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_focusRing",
+              "name": "untouched",
               "type": {
-                "text": "M3eFocusRingElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "readonly": true
+              "description": "Whether the user has not interacted when the element.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Touched",
+                "module": "src/core/shared/mixins/Touched.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "_stateLayer",
-              "type": {
-                "text": "M3eStateLayerElement | undefined"
+              "kind": "method",
+              "name": "markAsTouched",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "private",
-              "readonly": true
+              "description": "Marks the element as touched.",
+              "inheritedFrom": {
+                "name": "Touched",
+                "module": "src/core/shared/mixins/Touched.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "markAsUntouched",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Marks the element as untouched.",
+              "inheritedFrom": {
+                "name": "Touched",
+                "module": "src/core/shared/mixins/Touched.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "_ripple",
+              "name": "required",
               "type": {
-                "text": "M3eRippleElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "readonly": true
+              "default": "false",
+              "description": "Whether a value is required for the element.",
+              "attribute": "required",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Required",
+                "module": "src/core/shared/mixins/Required.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#clickHandler",
-              "privacy": "private",
-              "readonly": true
+              "name": "optional",
+              "description": "Whether a value is not required for the element.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Required",
+                "module": "src/core/shared/mixins/Required.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "inline",
+              "name": "[_validityMessage]",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether to present the card inline with surrounding content.",
-              "attribute": "inline",
-              "reflects": true
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "ConstraintValidation",
+                "module": "src/core/shared/mixins/ConstraintValidation.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "actionable",
+              "name": "willValidate",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Whether the card is \"actionable\" and will respond to use interaction.",
-              "attribute": "actionable",
-              "reflects": true
+              "description": "Whether the element is a submittable element that is a candidate for constraint validation.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ConstraintValidation",
+                "module": "src/core/shared/mixins/ConstraintValidation.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "validity",
               "type": {
-                "text": "CardVariant"
+                "text": "ValidityState"
               },
-              "default": "\"filled\"",
-              "description": "The appearance variant of the card.",
-              "attribute": "variant",
-              "reflects": true
+              "description": "The validity state of the element.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ConstraintValidation",
+                "module": "src/core/shared/mixins/ConstraintValidation.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "validationMessage",
               "type": {
-                "text": "CardOrientation"
+                "text": "string"
               },
-              "default": "\"vertical\"",
-              "description": "The orientation of the card.",
-              "attribute": "orientation",
-              "reflects": true
+              "description": "The error message that would be displayed if the user submits the form, or an empty string if no error message.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ConstraintValidation",
+                "module": "src/core/shared/mixins/ConstraintValidation.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#handleHeaderSlotChange",
-              "privacy": "private",
+              "name": "reportValidity",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "description": "Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.",
+              "inheritedFrom": {
+                "name": "ConstraintValidation",
+                "module": "src/core/shared/mixins/ConstraintValidation.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#handleContentSlotChange",
-              "privacy": "private",
+              "name": "checkValidity",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
+              },
+              "description": "Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.",
+              "inheritedFrom": {
+                "name": "ConstraintValidation",
+                "module": "src/core/shared/mixins/ConstraintValidation.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#handleDefaultSlotChange",
-              "privacy": "private",
+              "name": "setCustomValidity",
               "return": {
                 "type": {
                   "text": "void"
@@ -10978,114 +11103,163 @@
               },
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "error",
                   "type": {
-                    "text": "Event"
-                  }
+                    "text": "string"
+                  },
+                  "description": "The message to use for validity errors."
                 }
-              ]
+              ],
+              "description": "Sets a custom validity message for the element.",
+              "inheritedFrom": {
+                "name": "ConstraintValidation",
+                "module": "src/core/shared/mixins/ConstraintValidation.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#handleActionsSlotChange",
+              "name": "[_updateValidity]",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "inheritedFrom": {
+                "name": "ConstraintValidation",
+                "module": "src/core/shared/mixins/ConstraintValidation.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#handleFooterSlotChange",
+              "name": "#getNativeMessage",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "flags",
                   "type": {
-                    "text": "Event"
+                    "text": "ValidityStateFlags"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "ConstraintValidation",
+                "module": "src/core/shared/mixins/ConstraintValidation.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "#handleClick",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "default": "false",
+              "description": "Whether the element's checked state is indeterminate.",
+              "attribute": "indeterminate",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "CheckedIndeterminate",
+                "module": "src/core/shared/mixins/CheckedIndeterminate.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#keyPressed",
-              "privacy": "private",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the element is checked.",
+              "attribute": "checked",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "KeyboardClick",
-                "module": "src/core/shared/mixins/KeyboardClick.ts"
+                "name": "Checked",
+                "module": "src/core/shared/mixins/Checked.ts"
               }
             },
             {
               "kind": "field",
-              "name": "#keyDownHandler",
+              "name": "[_defaultValue]",
+              "type": {
+                "text": "unknown"
+              },
               "privacy": "private",
-              "readonly": true,
               "inheritedFrom": {
-                "name": "KeyboardClick",
-                "module": "src/core/shared/mixins/KeyboardClick.ts"
+                "name": "FormAssociated",
+                "module": "src/core/shared/mixins/FormAssociated.ts"
               }
             },
             {
               "kind": "field",
-              "name": "#keyUpHandler",
+              "name": "[_defaultIndeterminate]",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "readonly": true,
+              "default": "false",
               "inheritedFrom": {
-                "name": "KeyboardClick",
-                "module": "src/core/shared/mixins/KeyboardClick.ts"
+                "name": "FormAssociated",
+                "module": "src/core/shared/mixins/FormAssociated.ts"
               }
             },
             {
               "kind": "field",
-              "name": "#focusOutHandler",
+              "name": "[_formDisabled]",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "FormAssociated",
+                "module": "src/core/shared/mixins/FormAssociated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "description": "The `HTMLFormElement` associated with this element.",
               "readonly": true,
               "inheritedFrom": {
-                "name": "KeyboardClick",
-                "module": "src/core/shared/mixins/KeyboardClick.ts"
+                "name": "FormAssociated",
+                "module": "src/core/shared/mixins/FormAssociated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "description": "The name that identifies the element when submitting the associated form.",
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "FormAssociated",
+                "module": "src/core/shared/mixins/FormAssociated.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the element is disabled.",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "Disabled",
+                "module": "src/core/shared/mixins/Disabled.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#handleKeyDown",
-              "privacy": "private",
+              "name": "formDisabledCallback",
               "return": {
                 "type": {
                   "text": "void"
@@ -11093,129 +11267,78 @@
               },
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "disabled",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "boolean"
                   }
                 }
               ],
+              "description": "Called when the element is disabled or enabled via its form association.",
               "inheritedFrom": {
-                "name": "KeyboardClick",
-                "module": "src/core/shared/mixins/KeyboardClick.ts"
+                "name": "FormAssociated",
+                "module": "src/core/shared/mixins/FormAssociated.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#handleKeyUp",
-              "privacy": "private",
+              "name": "formResetCallback",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
+              "description": "Called when the associated form is reset.",
               "inheritedFrom": {
-                "name": "KeyboardClick",
-                "module": "src/core/shared/mixins/KeyboardClick.ts"
+                "name": "FormAssociated",
+                "module": "src/core/shared/mixins/FormAssociated.ts"
               }
             },
             {
               "kind": "field",
-              "name": "[_clickHandler]",
+              "name": "#keyPressed",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "FormSubmitter",
-                "module": "src/core/shared/mixins/FormSubmitter.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "href",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "The URL to which the link button points.",
-              "attribute": "href",
+              "default": "false",
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             },
             {
               "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "LinkTarget"
-              },
-              "default": "\"\"",
-              "description": "The target of the link button.",
-              "attribute": "target",
+              "name": "#keyDownHandler",
+              "privacy": "private",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             },
             {
               "kind": "field",
-              "name": "rel",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "The relationship between the `target` of the link button and the document.",
-              "attribute": "rel",
+              "name": "#keyUpHandler",
+              "privacy": "private",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             },
             {
               "kind": "field",
-              "name": "download",
-              "type": {
-                "text": "string | null"
-              },
-              "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.",
-              "default": "null",
-              "attribute": "download",
-              "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#handleLinkPointerDown",
+              "name": "#focusOutHandler",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ],
+              "readonly": true,
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#handleLinkFocus",
+              "name": "#handleKeyDown",
               "privacy": "private",
               "return": {
                 "type": {
@@ -11226,18 +11349,18 @@
                 {
                   "name": "e",
                   "type": {
-                    "text": "Event"
+                    "text": "KeyboardEvent"
                   }
                 }
               ],
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#handleLinkBlur",
+              "name": "#handleKeyUp",
               "privacy": "private",
               "return": {
                 "type": {
@@ -11248,62 +11371,13 @@
                 {
                   "name": "e",
                   "type": {
-                    "text": "Event"
+                    "text": "KeyboardEvent"
                   }
                 }
               ],
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formAssociated",
-              "static": true,
-              "readonly": true,
-              "default": "true",
-              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
-              "type": {
-                "text": "boolean"
-              },
-              "inheritedFrom": {
-                "name": "AttachInternals",
-                "module": "src/core/shared/mixins/AttachInternals.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.",
-              "attribute": "name",
-              "inheritedFrom": {
-                "name": "FormSubmitter",
-                "module": "src/core/shared/mixins/FormSubmitter.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "description": "The value associated with the element's name when it's submitted with form data.",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "FormSubmitter",
-                "module": "src/core/shared/mixins/FormSubmitter.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "FormSubmitterType"
-              },
-              "default": "\"button\"",
-              "description": "The type of the element.",
-              "attribute": "type",
-              "inheritedFrom": {
-                "name": "FormSubmitter",
-                "module": "src/core/shared/mixins/FormSubmitter.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             },
             {
@@ -11319,45 +11393,6 @@
                 "module": "src/core/shared/mixins/Focusable.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "[_suppressedEventHandler]",
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "DisabledInteractive",
-                "module": "src/core/shared/mixins/DisabledInteractive.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disabledInteractive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the element is disabled and interactive.",
-              "attribute": "disabled-interactive",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "DisabledInteractive",
-                "module": "src/core/shared/mixins/DisabledInteractive.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the element is disabled.",
-              "attribute": "disabled",
-              "inheritedFrom": {
-                "name": "Disabled",
-                "module": "src/core/shared/mixins/Disabled.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "[_internals]",
@@ -11383,183 +11418,146 @@
           ],
           "events": [
             {
-              "name": "click",
-              "type": {
-                "text": "MouseEvent"
-              },
-              "description": "Emitted when the element is clicked.",
-              "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Whether the card is \"actionable\" and will respond to use interaction.",
-              "name": "actionable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "actionable"
-            },
-            {
-              "description": "Whether to present the card inline with surrounding content.",
-              "name": "inline",
+              "name": "input",
               "type": {
-                "text": "boolean"
+                "text": "Event"
               },
-              "default": "false",
-              "fieldName": "inline"
+              "description": "Emitted when the checked state changes."
             },
             {
-              "description": "The orientation of the card.",
-              "name": "orientation",
+              "name": "change",
               "type": {
-                "text": "CardOrientation"
+                "text": "Event"
               },
-              "default": "\"vertical\"",
-              "fieldName": "orientation"
+              "description": "Emitted when the checked state changes."
             },
             {
-              "description": "The appearance variant of the card.",
-              "name": "variant",
-              "type": {
-                "text": "CardVariant"
-              },
-              "default": "\"filled\"",
-              "fieldName": "variant"
+              "description": "Emitted when a form is submitted and the element fails constraint validation.",
+              "name": "invalid"
             },
             {
-              "name": "href",
+              "name": "click",
               "type": {
-                "text": "string"
+                "text": "MouseEvent"
               },
-              "default": "\"\"",
-              "description": "The URL to which the link button points.",
-              "fieldName": "href",
+              "description": "Emitted when the element is clicked.",
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
-            },
+            }
+          ],
+          "attributes": [
             {
-              "name": "target",
+              "name": "checked",
               "type": {
-                "text": "LinkTarget"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "The target of the link button.",
-              "fieldName": "target",
+              "default": "false",
+              "description": "Whether the element is checked.",
+              "fieldName": "checked",
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "Checked",
+                "module": "src/core/shared/mixins/Checked.ts"
               }
             },
             {
-              "name": "rel",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "The relationship between the `target` of the link button and the document.",
-              "fieldName": "rel",
+              "default": "false",
+              "description": "Whether the element is disabled.",
+              "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "Disabled",
+                "module": "src/core/shared/mixins/Disabled.ts"
               }
             },
             {
-              "name": "download",
+              "name": "indeterminate",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
-              "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.",
-              "default": "null",
-              "fieldName": "download",
+              "default": "false",
+              "description": "Whether the element's checked state is indeterminate.",
+              "fieldName": "indeterminate",
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "CheckedIndeterminate",
+                "module": "src/core/shared/mixins/CheckedIndeterminate.ts"
               }
             },
             {
               "name": "name",
-              "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.",
+              "description": "The name that identifies the element when submitting the associated form.",
               "fieldName": "name",
               "inheritedFrom": {
-                "name": "FormSubmitter",
-                "module": "src/core/shared/mixins/FormSubmitter.ts"
-              }
-            },
-            {
-              "name": "value",
-              "description": "The value associated with the element's name when it's submitted with form data.",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "FormSubmitter",
-                "module": "src/core/shared/mixins/FormSubmitter.ts"
-              }
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "FormSubmitterType"
-              },
-              "default": "\"button\"",
-              "description": "The type of the element.",
-              "fieldName": "type",
-              "inheritedFrom": {
-                "name": "FormSubmitter",
-                "module": "src/core/shared/mixins/FormSubmitter.ts"
+                "name": "FormAssociated",
+                "module": "src/core/shared/mixins/FormAssociated.ts"
               }
             },
             {
-              "name": "disabled-interactive",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the element is disabled and interactive.",
-              "fieldName": "disabledInteractive",
+              "description": "Whether the element is required.",
+              "fieldName": "required",
               "inheritedFrom": {
-                "name": "DisabledInteractive",
-                "module": "src/core/shared/mixins/DisabledInteractive.ts"
+                "name": "Required",
+                "module": "src/core/shared/mixins/Required.ts"
               }
             },
             {
-              "name": "disabled",
+              "description": "A string representing the value of the checkbox.",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the element is disabled.",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "Disabled",
-                "module": "src/core/shared/mixins/Disabled.ts"
-              }
+              "default": "\"on\"",
+              "fieldName": "value"
             }
           ],
           "mixins": [
             {
-              "name": "KeyboardClick",
+              "name": "Labelled",
               "package": "@m3e/web/core"
             },
             {
-              "name": "LinkButton",
+              "name": "RequiredConstraintValidation",
               "package": "@m3e/web/core"
             },
             {
-              "name": "FormSubmitter",
+              "name": "Dirty",
               "package": "@m3e/web/core"
             },
             {
-              "name": "Focusable",
+              "name": "Touched",
               "package": "@m3e/web/core"
             },
             {
-              "name": "DisabledInteractive",
+              "name": "Required",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "ConstraintValidation",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "CheckedIndeterminate",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "FormAssociated",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "KeyboardClick",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "Focusable",
               "package": "@m3e/web/core"
             },
             {
@@ -11569,50 +11567,42 @@
             {
               "name": "AttachInternals",
               "package": "@m3e/web/core"
+            },
+            {
+              "name": "Role",
+              "package": "@m3e/web/core"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "m3e-card",
+          "tagName": "m3e-checkbox",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "M3eCardElement",
+          "name": "M3eCheckboxElement",
           "declaration": {
-            "name": "M3eCardElement",
-            "module": "src/card/CardElement.ts"
+            "name": "M3eCheckboxElement",
+            "module": "src/checkbox/CheckboxElement.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m3e-card",
+          "name": "m3e-checkbox",
           "declaration": {
-            "name": "M3eCardElement",
-            "module": "src/card/CardElement.ts"
+            "name": "M3eCheckboxElement",
+            "module": "src/checkbox/CheckboxElement.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/card/CardOrientation.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/CardVariant.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/index.ts",
+      "path": "src/checkbox/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -11620,23 +11610,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/card/CardElement"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/card/CardOrientation"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/card/CardVariant"
+            "module": "src/checkbox/CheckboxElement"
           }
         }
       ]
@@ -15204,10 +15178,6 @@
             }
           ],
           "mixins": [
-            {
-              "name": "EventAttribute",
-              "package": "@m3e/web/core"
-            },
             {
               "name": "DisabledInteractive",
               "package": "@m3e/web/core"
@@ -18931,10 +18901,6 @@
             }
           ],
           "mixins": [
-            {
-              "name": "EventAttribute",
-              "package": "@m3e/web/core"
-            },
             {
               "name": "AttachInternals",
               "package": "@m3e/web/core"
@@ -21028,10 +20994,6 @@
             }
           ],
           "mixins": [
-            {
-              "name": "EventAttribute",
-              "package": "@m3e/web/core"
-            },
             {
               "name": "Disabled",
               "package": "@m3e/web/core"
@@ -24418,7 +24380,7 @@
               "name": "#focusController",
               "privacy": "private",
               "readonly": true,
-              "default": "new FocusController(this, { target: null, callback: (focused) => { focused = focused && !(this.#control?.disabled ?? true); setCustomState(this, \"-no-animate\", false); this.#focused = focused; if (focused) { setCustomState(this, \"-float-label\", true); } else { this._invalid = !(this.#control?.checkValidity?.() ?? true); this.notifyControlStateChange(); } }, })"
+              "default": "new FocusController(this, { target: null, callback: (focused) => { focused = focused && !(this.#control?.disabled ?? true); setCustomState(this, \"--no-animate\", false); this.#focused = focused; if (focused) { setCustomState(this, \"--float-label\", true); } else { this._invalid = !(this.#control?.checkValidity?.() ?? true); this.notifyControlStateChange(); } }, })"
             },
             {
               "kind": "field",
@@ -24475,7 +24437,7 @@
               "name": "#pressedController",
               "privacy": "private",
               "readonly": true,
-              "default": "new PressedController(this, { target: null, callback: (pressed) => setCustomState(this, \"-pressed\", pressed && !(this.#control?.disabled ?? true)), })"
+              "default": "new PressedController(this, { target: null, callback: (pressed) => setCustomState(this, \"--pressed\", pressed && !(this.#control?.disabled ?? true)), })"
             },
             {
               "kind": "field",
@@ -36932,6 +36894,15 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#inRail",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "#clickHandler",
@@ -36965,6 +36936,22 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "_inner",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#resizeController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new ResizeController(this, { target: null, callback: (entries) => this.#handleStateLayerResize(entries), })"
+            },
             {
               "kind": "field",
               "name": "orientation",
@@ -36985,6 +36972,19 @@
               "description": "The navigation bar to which this item belongs.",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "reconnectedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ReconnectedCallback",
+                "module": "src/core/shared/mixins/ReconnectedCallback.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "#handleClick",
@@ -37021,6 +37021,47 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#handleStateLayerResize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "entries",
+                  "type": {
+                    "text": "ResizeObserverEntry[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#initResizeObserver",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "[_wasConnected]",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "ReconnectedCallback",
+                "module": "src/core/shared/mixins/ReconnectedCallback.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "[_clickHandler]",
@@ -37471,6 +37512,14 @@
             }
           ],
           "mixins": [
+            {
+              "name": "ReconnectedCallback",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "SuppressInitialAnimation",
+              "package": "@m3e/web/core"
+            },
             {
               "name": "LinkButton",
               "package": "@m3e/web/core"
@@ -38504,10 +38553,6 @@
               "name": "Disabled",
               "package": "@m3e/web/core"
             },
-            {
-              "name": "EventAttribute",
-              "package": "@m3e/web/core"
-            },
             {
               "name": "AttachInternals",
               "package": "@m3e/web/core"
@@ -38732,16 +38777,12 @@
               "name": "--m3e-nav-rail-compact-width"
             },
             {
-              "description": "Inline padding for expanded nav rail.",
-              "name": "--m3e-nav-rail-expanded-inline-padding"
+              "description": "Inline padding for nav rail.",
+              "name": "--m3e-nav-rail-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": "Width of the nav rail in expanded mode.",
+              "name": "--m3e-nav-rail-expanded-width"
             },
             {
               "description": "Height of nav items in expanded mode.",
@@ -38752,7 +38793,23 @@
               "name": "--m3e-nav-rail-button-item-space"
             },
             {
-              "description": "Inset for icon buttons in expanded mode.",
+              "description": "Inset for icon buttons.",
+              "name": "--m3e-nav-rail-icon-button-inset"
+            },
+            {
+              "description": "Deprecated, use `--m3e-nav-rail-inline-padding`.",
+              "name": "--m3e-nav-rail-expanded-inline-padding"
+            },
+            {
+              "description": "Deprecated, use `--m3e-nav-rail-expanded-width`.",
+              "name": "--m3e-nav-rail-expanded-min-width"
+            },
+            {
+              "description": "Deprecated, use `--m3e-nav-rail-expanded-width`.",
+              "name": "--m3e-nav-rail-expanded-max-width"
+            },
+            {
+              "description": "Deprecated, use `--m3e-nav-rail-icon-button-inset`.",
               "name": "--m3e-nav-rail-expanded-icon-button-inset"
             },
             {
@@ -39026,6 +39083,12 @@
               }
             }
           ],
+          "mixins": [
+            {
+              "name": "SuppressInitialAnimation",
+              "package": "@m3e/web/core"
+            }
+          ],
           "superclass": {
             "name": "M3eNavBarElement",
             "package": "@m3e/web/nav-bar"
@@ -40923,10 +40986,6 @@
             }
           ],
           "mixins": [
-            {
-              "name": "EventAttribute",
-              "package": "@m3e/web/core"
-            },
             {
               "name": "Role",
               "package": "@m3e/web/core"
@@ -43841,10 +43900,6 @@
             }
           ],
           "mixins": [
-            {
-              "name": "EventAttribute",
-              "package": "@m3e/web/core"
-            },
             {
               "name": "AttachInternals",
               "package": "@m3e/web/core"
@@ -44582,10 +44637,6 @@
             }
           ],
           "mixins": [
-            {
-              "name": "EventAttribute",
-              "package": "@m3e/web/core"
-            },
             {
               "name": "ReconnectedCallback",
               "package": "@m3e/web/core"
@@ -49890,7 +49941,7 @@
               "name": "#pressedController",
               "privacy": "private",
               "readonly": true,
-              "default": "new PressedController(this, { target: null, isPressedKey: (key) => key === \" \", minPressedDuration: 150, callback: (pressed) => setCustomState(this, \"-pressed\", pressed && !this.disabled), })"
+              "default": "new PressedController(this, { target: null, isPressedKey: (key) => key === \" \", minPressedDuration: 150, callback: (pressed) => setCustomState(this, \"--pressed\", pressed && !this.disabled), })"
             },
             {
               "kind": "field",
@@ -59450,10 +59501,6 @@
               "name": "Disabled",
               "package": "@m3e/web/core"
             },
-            {
-              "name": "EventAttribute",
-              "package": "@m3e/web/core"
-            },
             {
               "name": "AttachInternals",
               "package": "@m3e/web/core"
@@ -60222,6 +60269,15 @@
                   },
                   "description": "Whether to allow visibly hidden elements as focusable.",
                   "optional": true
+                },
+                {
+                  "name": "allowDisabled",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "Whether to allow disabled elements as focusable.",
+                  "optional": true
                 }
               ],
               "description": "Determines whether a given element can receive focus."
@@ -61146,6 +61202,85 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/layout/Breakpoint.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/layout/BreakpointObserver.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Utility used to detect changes to viewport sizes.",
+          "name": "M3eBreakpointObserver",
+          "members": [
+            {
+              "kind": "method",
+              "name": "observe",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "() => void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "breakpoints",
+                  "type": {
+                    "text": "Array<Breakpoint | string>"
+                  },
+                  "description": "The breakpoints to observe."
+                },
+                {
+                  "name": "callback",
+                  "type": {
+                    "text": "BreakpointObserverCallback"
+                  },
+                  "description": "The callback function invoked when the viewport size changes."
+                }
+              ],
+              "description": "Observes changes to viewport sizes."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eBreakpointObserver",
+          "declaration": {
+            "name": "M3eBreakpointObserver",
+            "module": "src/core/layout/BreakpointObserver.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/layout/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/core/layout/Breakpoint"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/core/layout/BreakpointObserver"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/core/platform/index.ts",
@@ -61247,85 +61382,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/layout/Breakpoint.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/layout/BreakpointObserver.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Utility used to detect changes to viewport sizes.",
-          "name": "M3eBreakpointObserver",
-          "members": [
-            {
-              "kind": "method",
-              "name": "observe",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "() => void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "breakpoints",
-                  "type": {
-                    "text": "Array<Breakpoint | string>"
-                  },
-                  "description": "The breakpoints to observe."
-                },
-                {
-                  "name": "callback",
-                  "type": {
-                    "text": "BreakpointObserverCallback"
-                  },
-                  "description": "The callback function invoked when the viewport size changes."
-                }
-              ],
-              "description": "Observes changes to viewport sizes."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "M3eBreakpointObserver",
-          "declaration": {
-            "name": "M3eBreakpointObserver",
-            "module": "src/core/layout/BreakpointObserver.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/layout/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/core/layout/Breakpoint"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/core/layout/BreakpointObserver"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/core/shared/index.ts",
@@ -70373,43 +70429,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/shared/mixins/EventAttribute.ts",
-      "declarations": [
-        {
-          "kind": "mixin",
-          "description": "Mixin that adds support for custom event attributes.",
-          "name": "EventAttribute",
-          "parameters": [
-            {
-              "name": "base",
-              "type": {
-                "text": "T"
-              },
-              "description": "The base class from which to inherit."
-            },
-            {
-              "name": "types",
-              "type": {
-                "text": "string[]"
-              },
-              "description": "The types of event attributes."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "EventAttribute",
-          "declaration": {
-            "name": "EventAttribute",
-            "module": "src/core/shared/mixins/EventAttribute.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/core/shared/mixins/Focusable.ts",
@@ -71017,14 +71036,6 @@
             "module": "src/core/shared/mixins/DisabledInteractive"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/core/shared/mixins/EventAttribute"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -72003,6 +72014,11 @@
       "kind": "javascript-module",
       "path": "src/core/shared/mixins/SuppressInitialAnimation.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "resumeAnimation",
+          "description": "A symbol used to define the function called to resume animation."
+        },
         {
           "kind": "mixin",
           "description": "Mixin to augment an element with behavior that suppresses initial animations.",
@@ -72019,6 +72035,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "resumeAnimation",
+          "declaration": {
+            "name": "resumeAnimation",
+            "module": "src/core/shared/mixins/SuppressInitialAnimation.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "SuppressInitialAnimation",
@@ -72316,6 +72340,28 @@
               "attribute": "open",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "CollapsibleOrientation"
+              },
+              "default": "\"vertical\"",
+              "description": "Orientation of collapsible content.",
+              "attribute": "orientation",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "noAnimate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to disable animation.",
+              "attribute": "no-animate",
+              "reflects": true
+            },
             {
               "kind": "method",
               "name": "#handleSlotChange",
@@ -72425,13 +72471,27 @@
               },
               "default": "false",
               "fieldName": "open"
+            },
+            {
+              "description": "Orientation of collapsible content.",
+              "name": "orientation",
+              "type": {
+                "text": "CollapsibleOrientation"
+              },
+              "default": "\"vertical\"",
+              "fieldName": "orientation"
+            },
+            {
+              "description": "Whether to disable animation.",
+              "name": "no-animate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "noAnimate"
             }
           ],
           "mixins": [
-            {
-              "name": "EventAttribute",
-              "module": "/src/core/shared/mixins"
-            },
             {
               "name": "AttachInternals",
               "module": "/src/core/shared/mixins"
@@ -72464,6 +72524,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/shared/primitives/CollapsibleOrientation.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/core/shared/primitives/ElevationElement.ts",
@@ -73083,6 +73149,14 @@
             "module": "src/core/shared/primitives/CollapsibleElement"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/core/shared/primitives/CollapsibleOrientation"
+          }
+        },
         {
           "kind": "js",
           "name": "*",