@m3e/web 2.4.1 → 2.5.0

package/dist/custom-elements.json

@@ -47,6 +47,14 @@
             "module": "src/bottom-sheet"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/breadcrumb"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -95,6 +103,14 @@
             "module": "src/chips"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/content-pane"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -1069,97 +1085,6 @@
         }
       ]
     },
-    {
-      "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/autocomplete/AutocompleteElement.ts",
@@ -2283,332 +2208,749 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/bottom-sheet/BottomSheetActionElement.ts",
+      "path": "src/avatar/AvatarElement.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "An element, nested within a clickable element, used to close a parenting bottom sheet.",
-          "name": "M3eBottomSheetActionElement",
-          "slots": [
+          "description": "An image, icon or textual initials representing a user or other identity.",
+          "name": "M3eAvatarElement",
+          "cssProperties": [
             {
-              "description": "Renders the content of the action.",
-              "name": ""
-            }
-          ],
-          "members": [
+              "description": "Size of the avatar.",
+              "name": "--m3e-avatar-size"
+            },
             {
-              "kind": "method",
-              "name": "_onClick",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  },
-                  "description": "The click event to handle."
-                }
-              ],
-              "description": "When implemented by a derived class, handles the specified click event.",
-              "inheritedFrom": {
-                "name": "ActionElementBase",
-                "module": "src/core/shared/primitives/ActionElementBase.ts"
-              }
+              "description": "Border radius of the avatar.",
+              "name": "--m3e-avatar-shape"
             },
             {
-              "kind": "field",
-              "name": "#clickHandler",
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ActionElementBase",
-                "module": "src/core/shared/primitives/ActionElementBase.ts"
-              }
+              "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": "ActionElementBase",
-            "package": "@m3e/web/core"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "m3e-bottom-sheet-action",
+          "tagName": "m3e-avatar",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "M3eBottomSheetActionElement",
+          "name": "M3eAvatarElement",
           "declaration": {
-            "name": "M3eBottomSheetActionElement",
-            "module": "src/bottom-sheet/BottomSheetActionElement.ts"
+            "name": "M3eAvatarElement",
+            "module": "src/avatar/AvatarElement.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m3e-bottom-sheet-action",
+          "name": "m3e-avatar",
           "declaration": {
-            "name": "M3eBottomSheetActionElement",
-            "module": "src/bottom-sheet/BottomSheetActionElement.ts"
+            "name": "M3eAvatarElement",
+            "module": "src/avatar/AvatarElement.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/bottom-sheet/BottomSheetElement.ts",
+      "path": "src/avatar/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/avatar/AvatarElement"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/badge/BadgeElement.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A sheet used to show secondary content anchored to the bottom of the screen.",
-          "name": "M3eBottomSheetElement",
+          "description": "A visual indicator used to label content.",
+          "name": "M3eBadgeElement",
           "cssProperties": [
             {
-              "description": "The width of the sheet.",
-              "name": "--m3e-bottom-sheet-width"
-            },
-            {
-              "description": "The maximum width of the sheet.",
-              "name": "--m3e-bottom-sheet-max-width"
-            },
-            {
-              "description": "The background color of the sheet container.",
-              "name": "--m3e-bottom-sheet-container-color"
-            },
-            {
-              "description": "The elevation level when not modal.",
-              "name": "--m3e-bottom-sheet-elevation"
-            },
-            {
-              "description": "The elevation level when modal.",
-              "name": "--m3e-bottom-sheet-modal-elevation"
-            },
-            {
-              "description": "The elevation level when full height.",
-              "name": "--m3e-bottom-sheet-full-elevation"
-            },
-            {
-              "description": "The z-index of the non-modal sheet.",
-              "name": "--m3e-bottom-sheet-z-index"
-            },
-            {
-              "description": "The border radius when minimized.",
-              "name": "--m3e-bottom-sheet-minimized-container-shape"
-            },
-            {
-              "description": "The border radius of the sheet container.",
-              "name": "--m3e-bottom-sheet-container-shape"
-            },
-            {
-              "description": "The border radius when full height.",
-              "name": "--m3e-bottom-sheet-full-container-shape"
-            },
-            {
-              "description": "The color of the scrim overlay.",
-              "name": "--m3e-bottom-sheet-scrim-color"
-            },
-            {
-              "description": "The opacity of the scrim overlay.",
-              "name": "--m3e-bottom-sheet-scrim-opacity"
-            },
-            {
-              "description": "The visible height when minimized.",
-              "name": "--m3e-bottom-sheet-peek-height"
-            },
-            {
-              "description": "The top space in compact mode.",
-              "name": "--m3e-bottom-sheet-compact-top-space"
-            },
-            {
-              "description": "The top space in standard mode.",
-              "name": "--m3e-bottom-sheet-top-space"
-            },
-            {
-              "description": "The vertical padding.",
-              "name": "--m3e-bottom-sheet-padding-block"
-            },
-            {
-              "description": "The horizontal padding.",
-              "name": "--m3e-bottom-sheet-padding-inline"
-            },
-            {
-              "description": "The height of the drag handle container.",
-              "name": "--m3e-bottom-sheet-handle-container-height"
-            },
-            {
-              "description": "The width of the drag handle.",
-              "name": "--m3e-bottom-sheet-handle-width"
+              "description": "Corner radius of the badge.",
+              "name": "--m3e-badge-shape"
             },
             {
-              "description": "The height of the drag handle.",
-              "name": "--m3e-bottom-sheet-handle-height"
+              "description": "Foreground color of badge content.",
+              "name": "--m3e-badge-color"
             },
             {
-              "description": "The border radius of the handle.",
-              "name": "--m3e-bottom-sheet-handle-shape"
+              "description": "Background color of the badge.",
+              "name": "--m3e-badge-container-color"
             },
             {
-              "description": "The color of the drag handle.",
-              "name": "--m3e-bottom-sheet-handle-color"
+              "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
+              "name": "--m3e-badge-small-size"
             },
             {
-              "description": "The offset of the focus ring around the handle.",
-              "name": "--m3e-bottom-sheet-handle-focus-ring-offset"
+              "description": "Height and min-width for medium badge.",
+              "name": "--m3e-badge-medium-size"
             },
             {
-              "description": "The foreground (text) color of the sheet.",
-              "name": "--m3e-bottom-sheet-color"
+              "description": "Font size for medium badge label.",
+              "name": "--m3e-badge-medium-font-size"
             },
             {
-              "description": "Font size for the sheet content.",
-              "name": "--m3e-bottom-sheet-content-font-size"
+              "description": "Font weight for medium badge label.",
+              "name": "--m3e-badge-medium-font-weight"
             },
             {
-              "description": "Font weight for the sheet content.",
-              "name": "--m3e-bottom-sheet-content-font-weight"
+              "description": "Line height for medium badge label.",
+              "name": "--m3e-badge-medium-line-height"
             },
             {
-              "description": "Line height for the sheet content.",
-              "name": "--m3e-bottom-sheet-content-line-height"
+              "description": "Letter spacing for medium badge label.",
+              "name": "--m3e-badge-medium-tracking"
             },
             {
-              "description": "Letter spacing (tracking) for the sheet content.",
-              "name": "--m3e-bottom-sheet-content-tracking"
+              "description": "Height and min-width for large badge.",
+              "name": "--m3e-badge-large-size"
             },
             {
-              "description": "Font size for the sheet header.",
-              "name": "--m3e-bottom-sheet-header-font-size"
+              "description": "Font size for large badge label.",
+              "name": "--m3e-badge-large-font-size"
             },
             {
-              "description": "Font weight for the sheet header.",
-              "name": "--m3e-bottom-sheet-header-font-weight"
+              "description": "Font weight for large badge label.",
+              "name": "--m3e-badge-large-font-weight"
             },
             {
-              "description": "Line height for the sheet header.",
-              "name": "--m3e-bottom-sheet-header-line-height"
+              "description": "Line height for large badge label.",
+              "name": "--m3e-badge-large-line-height"
             },
             {
-              "description": "Letter spacing (tracking) for the sheet header.",
-              "name": "--m3e-bottom-sheet-header-tracking"
+              "description": "Letter spacing for large badge label.",
+              "name": "--m3e-badge-large-tracking"
             }
           ],
           "slots": [
             {
-              "description": "Renders the content of the sheet.",
+              "description": "Renders the content of the badge.",
               "name": ""
-            },
-            {
-              "description": "Renders the header of the sheet.",
-              "name": "header"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "__openSheet",
-              "type": {
-                "text": "M3eBottomSheetElement | undefined"
-              },
+              "name": "#directionalitySubscription",
               "privacy": "private",
-              "static": true
+              "type": {
+                "text": "() => void | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "#documentClickHandler",
+              "name": "#anchorCleanup",
               "privacy": "private",
-              "readonly": true
+              "type": {
+                "text": "() => void | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "#documentKeyDownHandler",
-              "privacy": "private",
-              "readonly": true
+              "name": "size",
+              "type": {
+                "text": "BadgeSize"
+              },
+              "default": "\"medium\"",
+              "description": "The size of the badge.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#windowResizeHandler",
-              "privacy": "private",
-              "readonly": true
+              "name": "position",
+              "type": {
+                "text": "BadgePosition"
+              },
+              "default": "\"above-after\"",
+              "description": "The position of the badge, when attached to another element.",
+              "attribute": "position",
+              "reflects": true
             },
             {
-              "kind": "field",
-              "name": "#velocityTracker",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new VelocityTracker()"
+              "kind": "method",
+              "name": "attach",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Attaches the element to an interactive control.",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "#scrollLockController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new ScrollLockController(this)"
+              "kind": "method",
+              "name": "detach",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Detaches the element from its current interactive control.",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "#inertController",
+              "kind": "method",
+              "name": "#detach",
               "privacy": "private",
-              "readonly": true,
-              "default": "new InertController(this)"
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "#resizeController",
+              "kind": "method",
+              "name": "#attach",
               "privacy": "private",
-              "readonly": true,
-              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: (x) => this.#handleSectionResize(x), })"
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
             },
             {
               "kind": "field",
-              "name": "#trigger",
-              "privacy": "private",
+              "name": "[_control]",
               "type": {
-                "text": "Element | null"
+                "text": "WeakRef<HTMLElement> | undefined"
               },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#dragState",
               "privacy": "private",
-              "type": {
-                "text": "{ startY: number; startHeight: number; maxHeight: number; minHeight: number } | undefined"
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
               }
             },
             {
               "kind": "field",
-              "name": "#dragged",
-              "privacy": "private",
+              "name": "[_firstUpdated]",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "privacy": "private",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#activeDetent",
-              "privacy": "private",
+              "name": "htmlFor",
               "type": {
-                "text": "number"
+                "text": "string | null"
               },
-              "default": "0"
+              "default": "null",
+              "description": "The identifier of the interactive control to which this element is attached.",
+              "attribute": "for",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "#requestDetent",
-              "privacy": "private",
-              "type": {
-                "text": "number | undefined"
+              "name": "control",
+              "description": "The interactive element to which this element is attached.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
               }
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "#cachedContentHeight",
-              "privacy": "private",
+              "description": "The size of the badge.",
+              "name": "size",
+              "type": {
+                "text": "BadgeSize"
+              },
+              "default": "\"medium\"",
+              "fieldName": "size"
+            },
+            {
+              "name": "position",
+              "type": {
+                "text": "BadgePosition"
+              },
+              "default": "\"above-after\"",
+              "description": "The position of the badge, when attached to another element.",
+              "fieldName": "position"
+            },
+            {
+              "name": "for",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The identifier of the interactive control to which this element is attached.",
+              "fieldName": "htmlFor",
+              "inheritedFrom": {
+                "name": "HtmlFor",
+                "module": "src/core/shared/mixins/HtmlFor.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "HtmlFor",
+              "package": "@m3e/web/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-badge",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eBadgeElement",
+          "declaration": {
+            "name": "M3eBadgeElement",
+            "module": "src/badge/BadgeElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-badge",
+          "declaration": {
+            "name": "M3eBadgeElement",
+            "module": "src/badge/BadgeElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/badge/BadgePosition.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/badge/BadgeSize.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/badge/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/badge/BadgeElement"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/badge/BadgePosition"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/badge/BadgeSize"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/bottom-sheet/BottomSheetActionElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An element, nested within a clickable element, used to close a parenting bottom sheet.",
+          "name": "M3eBottomSheetActionElement",
+          "slots": [
+            {
+              "description": "Renders the content of the action.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "_onClick",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  },
+                  "description": "The click event to handle."
+                }
+              ],
+              "description": "When implemented by a derived class, handles the specified click event.",
+              "inheritedFrom": {
+                "name": "ActionElementBase",
+                "module": "src/core/shared/primitives/ActionElementBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#clickHandler",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ActionElementBase",
+                "module": "src/core/shared/primitives/ActionElementBase.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "ActionElementBase",
+            "package": "@m3e/web/core"
+          },
+          "tagName": "m3e-bottom-sheet-action",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eBottomSheetActionElement",
+          "declaration": {
+            "name": "M3eBottomSheetActionElement",
+            "module": "src/bottom-sheet/BottomSheetActionElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-bottom-sheet-action",
+          "declaration": {
+            "name": "M3eBottomSheetActionElement",
+            "module": "src/bottom-sheet/BottomSheetActionElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/bottom-sheet/BottomSheetElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A sheet used to show secondary content anchored to the bottom of the screen.",
+          "name": "M3eBottomSheetElement",
+          "cssProperties": [
+            {
+              "description": "The width of the sheet.",
+              "name": "--m3e-bottom-sheet-width"
+            },
+            {
+              "description": "The maximum width of the sheet.",
+              "name": "--m3e-bottom-sheet-max-width"
+            },
+            {
+              "description": "The background color of the sheet container.",
+              "name": "--m3e-bottom-sheet-container-color"
+            },
+            {
+              "description": "The elevation level when not modal.",
+              "name": "--m3e-bottom-sheet-elevation"
+            },
+            {
+              "description": "The elevation level when modal.",
+              "name": "--m3e-bottom-sheet-modal-elevation"
+            },
+            {
+              "description": "The elevation level when full height.",
+              "name": "--m3e-bottom-sheet-full-elevation"
+            },
+            {
+              "description": "The z-index of the non-modal sheet.",
+              "name": "--m3e-bottom-sheet-z-index"
+            },
+            {
+              "description": "The border radius when minimized.",
+              "name": "--m3e-bottom-sheet-minimized-container-shape"
+            },
+            {
+              "description": "The border radius of the sheet container.",
+              "name": "--m3e-bottom-sheet-container-shape"
+            },
+            {
+              "description": "The border radius when full height.",
+              "name": "--m3e-bottom-sheet-full-container-shape"
+            },
+            {
+              "description": "The color of the scrim overlay.",
+              "name": "--m3e-bottom-sheet-scrim-color"
+            },
+            {
+              "description": "The opacity of the scrim overlay.",
+              "name": "--m3e-bottom-sheet-scrim-opacity"
+            },
+            {
+              "description": "The visible height when minimized.",
+              "name": "--m3e-bottom-sheet-peek-height"
+            },
+            {
+              "description": "The top space in compact mode.",
+              "name": "--m3e-bottom-sheet-compact-top-space"
+            },
+            {
+              "description": "The top space in standard mode.",
+              "name": "--m3e-bottom-sheet-top-space"
+            },
+            {
+              "description": "The vertical padding.",
+              "name": "--m3e-bottom-sheet-padding-block"
+            },
+            {
+              "description": "The horizontal padding.",
+              "name": "--m3e-bottom-sheet-padding-inline"
+            },
+            {
+              "description": "The height of the drag handle container.",
+              "name": "--m3e-bottom-sheet-handle-container-height"
+            },
+            {
+              "description": "The width of the drag handle.",
+              "name": "--m3e-bottom-sheet-handle-width"
+            },
+            {
+              "description": "The height of the drag handle.",
+              "name": "--m3e-bottom-sheet-handle-height"
+            },
+            {
+              "description": "The border radius of the handle.",
+              "name": "--m3e-bottom-sheet-handle-shape"
+            },
+            {
+              "description": "The color of the drag handle.",
+              "name": "--m3e-bottom-sheet-handle-color"
+            },
+            {
+              "description": "The offset of the focus ring around the handle.",
+              "name": "--m3e-bottom-sheet-handle-focus-ring-offset"
+            },
+            {
+              "description": "The foreground (text) color of the sheet.",
+              "name": "--m3e-bottom-sheet-color"
+            },
+            {
+              "description": "Font size for the sheet content.",
+              "name": "--m3e-bottom-sheet-content-font-size"
+            },
+            {
+              "description": "Font weight for the sheet content.",
+              "name": "--m3e-bottom-sheet-content-font-weight"
+            },
+            {
+              "description": "Line height for the sheet content.",
+              "name": "--m3e-bottom-sheet-content-line-height"
+            },
+            {
+              "description": "Letter spacing (tracking) for the sheet content.",
+              "name": "--m3e-bottom-sheet-content-tracking"
+            },
+            {
+              "description": "Font size for the sheet header.",
+              "name": "--m3e-bottom-sheet-header-font-size"
+            },
+            {
+              "description": "Font weight for the sheet header.",
+              "name": "--m3e-bottom-sheet-header-font-weight"
+            },
+            {
+              "description": "Line height for the sheet header.",
+              "name": "--m3e-bottom-sheet-header-line-height"
+            },
+            {
+              "description": "Letter spacing (tracking) for the sheet header.",
+              "name": "--m3e-bottom-sheet-header-tracking"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the content of the sheet.",
+              "name": ""
+            },
+            {
+              "description": "Renders the header of the sheet.",
+              "name": "header"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "__openSheet",
+              "type": {
+                "text": "M3eBottomSheetElement | undefined"
+              },
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "#documentClickHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#documentKeyDownHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#windowResizeHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#velocityTracker",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new VelocityTracker()"
+            },
+            {
+              "kind": "field",
+              "name": "#scrollLockController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new ScrollLockController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "#inertController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new InertController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "#resizeController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: (x) => this.#handleSectionResize(x), })"
+            },
+            {
+              "kind": "field",
+              "name": "#trigger",
+              "privacy": "private",
+              "type": {
+                "text": "Element | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#dragState",
+              "privacy": "private",
+              "type": {
+                "text": "{\r\n    startY: number;\r\n    startHeight: number;\r\n    effectiveMaxHeight: number;\r\n    maxHeight: number;\r\n    minHeight: number;\r\n  } | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#dragged",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#activeDetent",
+              "privacy": "private",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "#requestDetent",
+              "privacy": "private",
+              "type": {
+                "text": "number | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#cachedContentHeight",
+              "privacy": "private",
               "type": {
                 "text": "number"
               },
@@ -2711,9 +3053,19 @@
                 "text": "number"
               },
               "default": "0.5",
-              "description": "The friction coefficient to hide the sheet, or set it to the next closest expanded detent.",
+              "description": "The friction coefficient to hide the sheet.",
               "attribute": "hide-friction"
             },
+            {
+              "kind": "field",
+              "name": "overshootLimit",
+              "type": {
+                "text": "number"
+              },
+              "default": "4",
+              "description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.",
+              "attribute": "overshoot-limit"
+            },
             {
               "kind": "method",
               "name": "show",
@@ -3234,7 +3586,7 @@
               "fieldName": "hideable"
             },
             {
-              "description": "The friction coefficient to hide the sheet, or set it to the next closest expanded detent.",
+              "description": "The friction coefficient to hide the sheet.",
               "name": "hide-friction",
               "type": {
                 "text": "number"
@@ -3259,6 +3611,15 @@
               },
               "default": "false",
               "fieldName": "open"
+            },
+            {
+              "description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.",
+              "name": "overshoot-limit",
+              "type": {
+                "text": "number"
+              },
+              "default": "4",
+              "fieldName": "overshootLimit"
             }
           ],
           "mixins": [
@@ -3560,118 +3921,794 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/BadgeElement.ts",
+      "path": "src/breadcrumb/BreadcrumbElement.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A visual indicator used to label content.",
-          "name": "M3eBadgeElement",
+          "description": "Displays a hierarchical navigation path and identifies the user's\r\ncurrent location within an application.",
+          "name": "M3eBreadcrumbElement",
+          "slots": [
+            {
+              "description": "Renders breadcrumb items.",
+              "name": ""
+            },
+            {
+              "description": "Renders a custom separator between breadcrumb items.",
+              "name": "separator"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#customSeparator",
+              "privacy": "private",
+              "type": {
+                "text": "Element[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether items wrap to a new line.",
+              "attribute": "wrap",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "#handleSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleSeparatorSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#setSeparator",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "M3eBreadcrumbItemElement"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether items wrap to a new line.",
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "wrap"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Role",
+              "package": "@m3e/web/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-breadcrumb",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eBreadcrumbElement",
+          "declaration": {
+            "name": "M3eBreadcrumbElement",
+            "module": "src/breadcrumb/BreadcrumbElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-breadcrumb",
+          "declaration": {
+            "name": "M3eBreadcrumbElement",
+            "module": "src/breadcrumb/BreadcrumbElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/breadcrumb/BreadcrumbItemButtonElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eBreadcrumbItemButtonElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_focusRing",
+              "type": {
+                "text": "M3eFocusRingElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_stateLayer",
+              "type": {
+                "text": "M3eStateLayerElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_ripple",
+              "type": {
+                "text": "M3eRippleElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#clickHandler",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "current",
+              "type": {
+                "text": "BreadcrumbItemCurrent | undefined"
+              },
+              "description": "Indicates the current item in the breadcrumb path.",
+              "default": "undefined",
+              "attribute": "current",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "#handleSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#keyPressed",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#keyDownHandler",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#keyUpHandler",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#focusOutHandler",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyUp",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "[_clickHandler]",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The URL to which the link button points.",
+              "attribute": "href",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "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"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "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"
+              }
+            },
+            {
+              "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",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
+            {
+              "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": "[_tabindex]",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0",
+              "inheritedFrom": {
+                "name": "Focusable",
+                "module": "src/core/shared/mixins/Focusable.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": "formAssociated",
+              "static": true,
+              "readonly": true,
+              "default": "formAssociated",
+              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
+              "inheritedFrom": {
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "[_internals]",
+              "type": {
+                "text": "ElementInternals | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "[_customState]",
+              "default": "new Set<string>()",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "current",
+              "type": {
+                "text": "BreadcrumbItemCurrent | undefined"
+              },
+              "description": "Indicates the current item in the breadcrumb path.",
+              "default": "undefined",
+              "fieldName": "current"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The URL to which the link button points.",
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "LinkTarget"
+              },
+              "default": "\"\"",
+              "description": "The target of the link button.",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
+            {
+              "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": "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": "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": "LinkButton",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "Focusable",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "Disabled",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "AttachInternals",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "Role",
+              "package": "@m3e/web/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-breadcrumb-item-button",
+          "customElement": true,
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "MouseEvent"
+              },
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-breadcrumb-item-button",
+          "declaration": {
+            "name": "M3eBreadcrumbItemButtonElement",
+            "module": "src/breadcrumb/BreadcrumbItemButtonElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/breadcrumb/BreadcrumbItemCurrent.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/breadcrumb/BreadcrumbItemElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An item in a breadcrumb.",
+          "name": "M3eBreadcrumbItemElement",
           "cssProperties": [
             {
-              "description": "Corner radius of the badge.",
-              "name": "--m3e-badge-shape"
+              "description": "Shape of the internal breadcrumb item button.",
+              "name": "--m3e-breadcrumb-item-shape"
             },
             {
-              "description": "Foreground color of badge content.",
-              "name": "--m3e-badge-color"
+              "description": "Height of the internal breadcrumb item button container.",
+              "name": "--m3e-breadcrumb-item-container-height"
             },
             {
-              "description": "Background color of the badge.",
-              "name": "--m3e-badge-container-color"
+              "description": "Color of breadcrumb item icon-only content.",
+              "name": "--m3e-breadcrumb-item-icon-color"
             },
             {
-              "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
-              "name": "--m3e-badge-small-size"
+              "description": "Horizontal padding for icon-only breadcrumb items.",
+              "name": "--m3e-breadcrumb-item-icon-padding-inline"
             },
             {
-              "description": "Height and min-width for medium badge.",
-              "name": "--m3e-badge-medium-size"
+              "description": "Hover state layer color for icon-only breadcrumb items.",
+              "name": "--m3e-breadcrumb-item-icon-hover-state-layer-color"
             },
             {
-              "description": "Font size for medium badge label.",
-              "name": "--m3e-badge-medium-font-size"
+              "description": "Focus state layer color for icon-only breadcrumb items.",
+              "name": "--m3e-breadcrumb-item-icon-focus-state-layer-color"
             },
             {
-              "description": "Font weight for medium badge label.",
-              "name": "--m3e-badge-medium-font-weight"
+              "description": "Pressed state layer color for icon-only breadcrumb items.",
+              "name": "--m3e-breadcrumb-item-icon-pressed-state-layer-color"
             },
             {
-              "description": "Line height for medium badge label.",
-              "name": "--m3e-badge-medium-line-height"
+              "description": "Color of breadcrumb item label content.",
+              "name": "--m3e-breadcrumb-item-label-color"
             },
             {
-              "description": "Letter spacing for medium badge label.",
-              "name": "--m3e-badge-medium-tracking"
+              "description": "Font size of breadcrumb item label content.",
+              "name": "--m3e-breadcrumb-item-label-font-size"
             },
             {
-              "description": "Height and min-width for large badge.",
-              "name": "--m3e-badge-large-size"
+              "description": "Font weight of breadcrumb item label content.",
+              "name": "--m3e-breadcrumb-item-label-font-weight"
             },
             {
-              "description": "Font size for large badge label.",
-              "name": "--m3e-badge-large-font-size"
+              "description": "Line height of breadcrumb item label content.",
+              "name": "--m3e-breadcrumb-item-label-line-height"
             },
             {
-              "description": "Font weight for large badge label.",
-              "name": "--m3e-badge-large-font-weight"
+              "description": "Letter spacing of breadcrumb item label content.",
+              "name": "--m3e-breadcrumb-item-label-tracking"
             },
             {
-              "description": "Line height for large badge label.",
-              "name": "--m3e-badge-large-line-height"
+              "description": "Horizontal padding for label breadcrumb items.",
+              "name": "--m3e-breadcrumb-item-label-padding-inline"
             },
             {
-              "description": "Letter spacing for large badge label.",
-              "name": "--m3e-badge-large-tracking"
+              "description": "Hover state layer color for label breadcrumb items.",
+              "name": "--m3e-breadcrumb-item-label-hover-state-layer-color"
+            },
+            {
+              "description": "Focus state layer color for label breadcrumb items.",
+              "name": "--m3e-breadcrumb-item-label-focus-state-layer-color"
+            },
+            {
+              "description": "Pressed state layer color for label breadcrumb items.",
+              "name": "--m3e-breadcrumb-item-label-pressed-state-layer-color"
+            },
+            {
+              "description": "Color used for the current breadcrumb item.",
+              "name": "--m3e-breadcrumb-item-last-color"
+            },
+            {
+              "description": "Space between icon and label.",
+              "name": "--m3e-breadcrumb-item-icon-label-space"
+            },
+            {
+              "description": "Size of the icon.",
+              "name": "--m3e-breadcrumb-item-icon-size"
+            },
+            {
+              "description": "Disabled color used by the breadcrumb item button.",
+              "name": "--m3e-breadcrumb-item-disabled-color"
+            },
+            {
+              "description": "Disabled opacity used by the breadcrumb item button.",
+              "name": "--m3e-breadcrumb-item-disabled-opacity"
             }
           ],
           "slots": [
             {
-              "description": "Renders the content of the badge.",
+              "description": "Renders the content of the breadcrumb item.",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "#directionalitySubscription",
-              "privacy": "private",
+              "name": "_button",
               "type": {
-                "text": "() => void | undefined"
-              }
+                "text": "M3eBreadcrumbItemButtonElement"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "#anchorCleanup",
+              "name": "#defaultSeparator",
               "privacy": "private",
               "type": {
-                "text": "() => void | undefined"
+                "text": "Element | undefined"
               }
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "itemLabel",
               "type": {
-                "text": "BadgeSize"
+                "text": "string"
               },
-              "default": "\"medium\"",
-              "description": "The size of the badge.",
-              "attribute": "size",
+              "default": "\"\"",
+              "description": "The accessible label given to the item's internal button.",
+              "attribute": "item-label"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the element is disabled.",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "current",
               "type": {
-                "text": "BadgePosition"
+                "text": "BreadcrumbItemCurrent | undefined"
               },
-              "default": "\"above-after\"",
-              "description": "The position of the badge, when attached to another element.",
-              "attribute": "position",
+              "description": "Indicates the current item in the breadcrumb path.",
+              "default": "undefined",
+              "attribute": "current",
               "reflects": true
             },
             {
               "kind": "method",
-              "name": "attach",
+              "name": "focus",
               "return": {
                 "type": {
                   "text": "void"
@@ -3679,35 +4716,45 @@
               },
               "parameters": [
                 {
-                  "name": "control",
+                  "name": "options",
+                  "optional": true,
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "FocusOptions"
                   }
                 }
-              ],
-              "description": "Attaches the element to an interactive control.",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
               "kind": "method",
-              "name": "detach",
+              "name": "click",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "description": "Detaches the element from its current interactive control.",
-              "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#detach",
+              "name": "#renderSeparator",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "unknown"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleIconSlotChange",
               "privacy": "private",
               "return": {
                 "type": {
@@ -3717,100 +4764,303 @@
             },
             {
               "kind": "method",
-              "name": "#attach",
+              "name": "#handleSlotChange",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#updateIconFilled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
               }
             },
             {
               "kind": "field",
-              "name": "[_control]",
+              "name": "[_clickHandler]",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "href",
               "type": {
-                "text": "WeakRef<HTMLElement> | undefined"
+                "text": "string"
               },
-              "privacy": "private",
+              "default": "\"\"",
+              "description": "The URL to which the link button points.",
+              "attribute": "href",
               "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
               }
             },
             {
               "kind": "field",
-              "name": "[_firstUpdated]",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "LinkTarget"
               },
-              "privacy": "private",
-              "default": "false",
+              "default": "\"\"",
+              "description": "The target of the link button.",
+              "attribute": "target",
               "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
               }
             },
             {
               "kind": "field",
-              "name": "htmlFor",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "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"
+              }
+            },
+            {
+              "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",
-              "description": "The identifier of the interactive control to which this element is attached.",
-              "attribute": "for",
+              "attribute": "download",
               "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
+            {
+              "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"
+              }
+            },
+            {
+              "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": "control",
-              "description": "The interactive element to which this element is attached.",
+              "name": "formAssociated",
+              "static": true,
               "readonly": true,
+              "default": "formAssociated",
+              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
               "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "[_internals]",
+              "type": {
+                "text": "ElementInternals | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "[_customState]",
+              "default": "new Set<string>()",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "AttachInternals",
+                "module": "src/core/shared/mixins/AttachInternals.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "MouseEvent"
+              },
+              "description": "Emitted when the element is clicked.",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
               }
             }
           ],
           "attributes": [
             {
-              "description": "The size of the badge.",
-              "name": "size",
+              "description": "The accessible label given to the item's internal button.",
+              "name": "item-label",
               "type": {
-                "text": "BadgeSize"
+                "text": "string"
               },
-              "default": "\"medium\"",
-              "fieldName": "size"
+              "default": "\"\"",
+              "fieldName": "itemLabel"
             },
             {
-              "name": "position",
+              "description": "Whether the element is disabled.",
+              "name": "disabled",
               "type": {
-                "text": "BadgePosition"
+                "text": "boolean"
               },
-              "default": "\"above-after\"",
-              "description": "The position of the badge, when attached to another element.",
-              "fieldName": "position"
+              "default": "false",
+              "fieldName": "disabled"
             },
             {
-              "name": "for",
+              "description": "Indicates the current item in the breadcrumb path.",
+              "name": "current",
+              "type": {
+                "text": "BreadcrumbItemCurrent | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "current"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The URL to which the internal breadcrumb link button points.",
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "LinkTarget"
+              },
+              "default": "\"\"",
+              "description": "The target of the internal breadcrumb link button.",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
+            {
+              "name": "download",
               "type": {
                 "text": "string | null"
               },
+              "description": "A value indicating whether the internal link target will be downloaded, optionally specifying a file name.",
               "default": "null",
-              "description": "The identifier of the interactive control to which this element is attached.",
-              "fieldName": "htmlFor",
+              "fieldName": "download",
               "inheritedFrom": {
-                "name": "HtmlFor",
-                "module": "src/core/shared/mixins/HtmlFor.ts"
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
+              }
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The relationship between the internal link target and the document.",
+              "fieldName": "rel",
+              "inheritedFrom": {
+                "name": "LinkButton",
+                "module": "src/core/shared/mixins/LinkButton.ts"
               }
             }
           ],
           "mixins": [
             {
-              "name": "HtmlFor",
+              "name": "LinkButton",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "AttachInternals",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "Role",
               "package": "@m3e/web/core"
             }
           ],
@@ -3818,44 +5068,32 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "m3e-badge",
+          "tagName": "m3e-breadcrumb-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "M3eBadgeElement",
+          "name": "M3eBreadcrumbItemElement",
           "declaration": {
-            "name": "M3eBadgeElement",
-            "module": "src/badge/BadgeElement.ts"
+            "name": "M3eBreadcrumbItemElement",
+            "module": "src/breadcrumb/BreadcrumbItemElement.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "m3e-badge",
+          "name": "m3e-breadcrumb-item",
           "declaration": {
-            "name": "M3eBadgeElement",
-            "module": "src/badge/BadgeElement.ts"
+            "name": "M3eBreadcrumbItemElement",
+            "module": "src/breadcrumb/BreadcrumbItemElement.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/BadgePosition.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/badge/BadgeSize.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/badge/index.ts",
+      "path": "src/breadcrumb/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -3863,7 +5101,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/badge/BadgeElement"
+            "module": "src/breadcrumb/BreadcrumbElement"
           }
         },
         {
@@ -3871,7 +5109,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/badge/BadgePosition"
+            "module": "src/breadcrumb/BreadcrumbItemCurrent"
           }
         },
         {
@@ -3879,11 +5117,17 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/badge/BadgeSize"
+            "module": "src/breadcrumb/BreadcrumbItemElement"
           }
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/breadcrumb/isIconOnly.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/button/ButtonElement.ts",
@@ -6292,6 +7536,278 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/button-group/ButtonGroupElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Organizes buttons and adds interactions between them.",
+          "name": "M3eButtonGroupElement",
+          "cssProperties": [
+            {
+              "description": "Spacing between buttons in standard variant, extra-small size.",
+              "name": "--m3e-standard-button-group-extra-small-spacing"
+            },
+            {
+              "description": "Spacing between buttons in standard variant, small size.",
+              "name": "--m3e-standard-button-group-small-spacing"
+            },
+            {
+              "description": "Spacing between buttons in standard variant, medium size.",
+              "name": "--m3e-standard-button-group-medium-spacing"
+            },
+            {
+              "description": "Spacing between buttons in standard variant, large size.",
+              "name": "--m3e-standard-button-group-large-spacing"
+            },
+            {
+              "description": "Spacing between buttons in standard variant, extra-large size.",
+              "name": "--m3e-standard-button-group-extra-large-spacing"
+            },
+            {
+              "description": "Spacing between buttons in connected variant.",
+              "name": "--m3e-connected-button-group-spacing"
+            },
+            {
+              "description": "Corner shape for connected variant, extra-small size.",
+              "name": "--m3e-connected-button-group-extra-small-inner-shape"
+            },
+            {
+              "description": "Pressed corner shape for connected variant, extra-small size.",
+              "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape"
+            },
+            {
+              "description": "Corner shape for connected variant, small size.",
+              "name": "--m3e-connected-button-group-small-inner-shape"
+            },
+            {
+              "description": "Pressed corner shape for connected variant, small size.",
+              "name": "--m3e-connected-button-group-small-inner-pressed-shape"
+            },
+            {
+              "description": "Corner shape for connected variant, medium size.",
+              "name": "--m3e-connected-button-group-medium-inner-shape"
+            },
+            {
+              "description": "Pressed corner shape for connected variant, medium size.",
+              "name": "--m3e-connected-button-group-medium-inner-pressed-shape"
+            },
+            {
+              "description": "Corner shape for connected variant, large size.",
+              "name": "--m3e-connected-button-group-large-inner-shape"
+            },
+            {
+              "description": "Pressed corner shape for connected variant, large size.",
+              "name": "--m3e-connected-button-group-large-inner-pressed-shape"
+            },
+            {
+              "description": "Corner shape for connected variant, extra-large size.",
+              "name": "--m3e-connected-button-group-extra-large-inner-shape"
+            },
+            {
+              "description": "Pressed corner shape for connected variant, extra-large size.",
+              "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the buttons of the group.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#pressedController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new PressedController(this, { target: null, capture: true, minPressedDuration: 150, isPressedKey: (key) => key === \" \", callback: (pressed) => { if (!this._base) return; if (!pressed || this.variant === \"connected\") { this._base.style.removeProperty(\"--_button-group-width\"); this._base.classList.remove(\"pressed\"); } else { this._base.classList.add(\"pressed\"); this._base.style.setProperty(\"--_button-group-width\", `${this._base.getBoundingClientRect().width}px`); } }, })"
+            },
+            {
+              "kind": "field",
+              "name": "_base",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "ButtonGroupVariant"
+              },
+              "default": "\"standard\"",
+              "description": "The appearance variant of the group.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "ButtonGroupSize"
+              },
+              "default": "\"small\"",
+              "description": "The size of the group.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "multi",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether multiple toggle buttons can be selected.",
+              "attribute": "multi"
+            },
+            {
+              "kind": "field",
+              "name": "buttons",
+              "type": {
+                "text": "ReadonlyArray<M3eButtonElement | M3eIconButtonElement>"
+              },
+              "readonly": true,
+              "description": "The buttons contained by the group."
+            },
+            {
+              "kind": "method",
+              "name": "#updateButtons",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether multiple toggle buttons can be selected.",
+              "name": "multi",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "multi"
+            },
+            {
+              "description": "The size of the group.",
+              "name": "size",
+              "type": {
+                "text": "ButtonGroupSize"
+              },
+              "default": "\"small\"",
+              "fieldName": "size"
+            },
+            {
+              "description": "The appearance variant of the group.",
+              "name": "variant",
+              "type": {
+                "text": "ButtonGroupVariant"
+              },
+              "default": "\"standard\"",
+              "fieldName": "variant"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Role",
+              "package": "@m3e/web/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-button-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eButtonGroupElement",
+          "declaration": {
+            "name": "M3eButtonGroupElement",
+            "module": "src/button-group/ButtonGroupElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-button-group",
+          "declaration": {
+            "name": "M3eButtonGroupElement",
+            "module": "src/button-group/ButtonGroupElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/button-group/ButtonGroupSize.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/button-group/ButtonGroupVariant.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/button-group/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/button-group/ButtonGroupElement"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/button-group/ButtonGroupSize"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/button-group/ButtonGroupVariant"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/calendar/CalendarElement.ts",
@@ -8014,278 +9530,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/button-group/ButtonGroupElement.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Organizes buttons and adds interactions between them.",
-          "name": "M3eButtonGroupElement",
-          "cssProperties": [
-            {
-              "description": "Spacing between buttons in standard variant, extra-small size.",
-              "name": "--m3e-standard-button-group-extra-small-spacing"
-            },
-            {
-              "description": "Spacing between buttons in standard variant, small size.",
-              "name": "--m3e-standard-button-group-small-spacing"
-            },
-            {
-              "description": "Spacing between buttons in standard variant, medium size.",
-              "name": "--m3e-standard-button-group-medium-spacing"
-            },
-            {
-              "description": "Spacing between buttons in standard variant, large size.",
-              "name": "--m3e-standard-button-group-large-spacing"
-            },
-            {
-              "description": "Spacing between buttons in standard variant, extra-large size.",
-              "name": "--m3e-standard-button-group-extra-large-spacing"
-            },
-            {
-              "description": "Spacing between buttons in connected variant.",
-              "name": "--m3e-connected-button-group-spacing"
-            },
-            {
-              "description": "Corner shape for connected variant, extra-small size.",
-              "name": "--m3e-connected-button-group-extra-small-inner-shape"
-            },
-            {
-              "description": "Pressed corner shape for connected variant, extra-small size.",
-              "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape"
-            },
-            {
-              "description": "Corner shape for connected variant, small size.",
-              "name": "--m3e-connected-button-group-small-inner-shape"
-            },
-            {
-              "description": "Pressed corner shape for connected variant, small size.",
-              "name": "--m3e-connected-button-group-small-inner-pressed-shape"
-            },
-            {
-              "description": "Corner shape for connected variant, medium size.",
-              "name": "--m3e-connected-button-group-medium-inner-shape"
-            },
-            {
-              "description": "Pressed corner shape for connected variant, medium size.",
-              "name": "--m3e-connected-button-group-medium-inner-pressed-shape"
-            },
-            {
-              "description": "Corner shape for connected variant, large size.",
-              "name": "--m3e-connected-button-group-large-inner-shape"
-            },
-            {
-              "description": "Pressed corner shape for connected variant, large size.",
-              "name": "--m3e-connected-button-group-large-inner-pressed-shape"
-            },
-            {
-              "description": "Corner shape for connected variant, extra-large size.",
-              "name": "--m3e-connected-button-group-extra-large-inner-shape"
-            },
-            {
-              "description": "Pressed corner shape for connected variant, extra-large size.",
-              "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Renders the buttons of the group.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "#pressedController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new PressedController(this, { target: null, capture: true, minPressedDuration: 150, isPressedKey: (key) => key === \" \", callback: (pressed) => { if (!this._base) return; if (!pressed || this.variant === \"connected\") { this._base.style.removeProperty(\"--_button-group-width\"); this._base.classList.remove(\"pressed\"); } else { this._base.classList.add(\"pressed\"); this._base.style.setProperty(\"--_button-group-width\", `${this._base.getBoundingClientRect().width}px`); } }, })"
-            },
-            {
-              "kind": "field",
-              "name": "_base",
-              "type": {
-                "text": "HTMLElement | undefined"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "ButtonGroupVariant"
-              },
-              "default": "\"standard\"",
-              "description": "The appearance variant of the group.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "ButtonGroupSize"
-              },
-              "default": "\"small\"",
-              "description": "The size of the group.",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "multi",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether multiple toggle buttons can be selected.",
-              "attribute": "multi"
-            },
-            {
-              "kind": "field",
-              "name": "buttons",
-              "type": {
-                "text": "ReadonlyArray<M3eButtonElement | M3eIconButtonElement>"
-              },
-              "readonly": true,
-              "description": "The buttons contained by the group."
-            },
-            {
-              "kind": "method",
-              "name": "#updateButtons",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#handleChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Whether multiple toggle buttons can be selected.",
-              "name": "multi",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "multi"
-            },
-            {
-              "description": "The size of the group.",
-              "name": "size",
-              "type": {
-                "text": "ButtonGroupSize"
-              },
-              "default": "\"small\"",
-              "fieldName": "size"
-            },
-            {
-              "description": "The appearance variant of the group.",
-              "name": "variant",
-              "type": {
-                "text": "ButtonGroupVariant"
-              },
-              "default": "\"standard\"",
-              "fieldName": "variant"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "Role",
-              "package": "@m3e/web/core"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "m3e-button-group",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "M3eButtonGroupElement",
-          "declaration": {
-            "name": "M3eButtonGroupElement",
-            "module": "src/button-group/ButtonGroupElement.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "m3e-button-group",
-          "declaration": {
-            "name": "M3eButtonGroupElement",
-            "module": "src/button-group/ButtonGroupElement.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/button-group/ButtonGroupSize.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/button-group/ButtonGroupVariant.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/button-group/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/button-group/ButtonGroupElement"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/button-group/ButtonGroupSize"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/button-group/ButtonGroupVariant"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/card/CardElement.ts",
@@ -15819,6 +17063,120 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/content-pane/ContentPaneElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A shaped surface for vertically scrollable content.",
+          "name": "M3eContentPaneElement",
+          "cssProperties": [
+            {
+              "description": "Corner radius applied to the pane’s outer surface.",
+              "name": "--m3e-content-pane-container-shape"
+            },
+            {
+              "description": "Background color of the pane’s surface.",
+              "name": "--m3e-content-pane-container-color"
+            },
+            {
+              "description": "Internal padding applied to all sides of the scrollable content.",
+              "name": "--m3e-content-pane-container-padding"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the content of the pane.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "reconnectedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ReconnectedCallback",
+                "module": "src/core/shared/mixins/ReconnectedCallback.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#updateScrollbarWidth",
+              "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"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "ReconnectedCallback",
+              "package": "@m3e/web/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-content-pane",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eContentPaneElement",
+          "declaration": {
+            "name": "M3eContentPaneElement",
+            "module": "src/content-pane/ContentPaneElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-content-pane",
+          "declaration": {
+            "name": "M3eContentPaneElement",
+            "module": "src/content-pane/ContentPaneElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/content-pane/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/content-pane/ContentPaneElement"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/core/index.ts",
@@ -27704,14 +29062,6 @@
             "module": "src/list/ListElement"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/list/ListItemButtonElement"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -45586,6 +46936,279 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/skeleton/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/skeleton/SkeletonAnimation"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/skeleton/SkeletonElement"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/skeleton/SkeletonShape"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/skeleton/SkeletonAnimation.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/skeleton/SkeletonElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A visual placeholder that mimics the layout of content while it's still loading.",
+          "name": "M3eSkeletonElement",
+          "cssProperties": [
+            {
+              "description": "Base fill color for the skeleton surface.",
+              "name": "--m3e-skeleton-color"
+            },
+            {
+              "description": "Tint fill color for the skeleton surface.",
+              "name": "--m3e-skeleton-tint-color"
+            },
+            {
+              "description": "Tint Opacity applied when the skeleton animation is not pulsating.",
+              "name": "--m3e-skeleton-tint-opacity"
+            },
+            {
+              "description": "Accent color used in wave animation.",
+              "name": "--m3e-skeleton-accent-color"
+            },
+            {
+              "description": "Opacity of the accent effect in animations.",
+              "name": "--m3e-skeleton-accent-opacity"
+            },
+            {
+              "description": "Corner radius for the rounded skeleton shape.",
+              "name": "--m3e-skeleton-rounded-shape"
+            },
+            {
+              "description": "Corner radius for the circular skeleton shape.",
+              "name": "--m3e-skeleton-circular-shape"
+            },
+            {
+              "description": "Corner radius for the square skeleton shape.",
+              "name": "--m3e-skeleton-square-shape"
+            },
+            {
+              "description": "Corner radius for the skeleton shape.",
+              "name": "--m3e-skeleton-shape"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the content to be mimicked by the skeleton.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#anchoringCleanupMap",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Map<HTMLElement, () => void>()"
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "SkeletonShape"
+              },
+              "default": "\"auto\"",
+              "description": "The shape of the skeleton.",
+              "attribute": "shape",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "animation",
+              "type": {
+                "text": "SkeletonAnimation"
+              },
+              "default": "\"wave\"",
+              "description": "The animation effect of the skeleton.",
+              "attribute": "animation",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "loaded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the content of the skeleton has been loaded.",
+              "attribute": "loaded",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "reconnectedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ReconnectedCallback",
+                "module": "src/core/shared/mixins/ReconnectedCallback.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#clearShapes",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#createShapes",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#createShape",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "[_wasConnected]",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "ReconnectedCallback",
+                "module": "src/core/shared/mixins/ReconnectedCallback.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "description": "The animation effect of the skeleton.",
+              "name": "animation",
+              "type": {
+                "text": "SkeletonAnimation"
+              },
+              "default": "\"wave\"",
+              "fieldName": "animation"
+            },
+            {
+              "description": "The shape of the skeleton.",
+              "name": "shape",
+              "type": {
+                "text": "SkeletonShape"
+              },
+              "default": "\"auto\"",
+              "fieldName": "shape"
+            },
+            {
+              "description": "Whether the content of the skeleton has been loaded.",
+              "name": "loaded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "loaded"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "ReconnectedCallback",
+              "package": "@m3e/web/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-skeleton",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eSkeletonElement",
+          "declaration": {
+            "name": "M3eSkeletonElement",
+            "module": "src/skeleton/SkeletonElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-skeleton",
+          "declaration": {
+            "name": "M3eSkeletonElement",
+            "module": "src/skeleton/SkeletonElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/skeleton/SkeletonShape.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/slide-group/index.ts",
@@ -45873,279 +47496,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/skeleton/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/skeleton/SkeletonAnimation"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/skeleton/SkeletonElement"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/skeleton/SkeletonShape"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/skeleton/SkeletonAnimation.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/skeleton/SkeletonElement.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A visual placeholder that mimics the layout of content while it's still loading.",
-          "name": "M3eSkeletonElement",
-          "cssProperties": [
-            {
-              "description": "Base fill color for the skeleton surface.",
-              "name": "--m3e-skeleton-color"
-            },
-            {
-              "description": "Tint fill color for the skeleton surface.",
-              "name": "--m3e-skeleton-tint-color"
-            },
-            {
-              "description": "Tint Opacity applied when the skeleton animation is not pulsating.",
-              "name": "--m3e-skeleton-tint-opacity"
-            },
-            {
-              "description": "Accent color used in wave animation.",
-              "name": "--m3e-skeleton-accent-color"
-            },
-            {
-              "description": "Opacity of the accent effect in animations.",
-              "name": "--m3e-skeleton-accent-opacity"
-            },
-            {
-              "description": "Corner radius for the rounded skeleton shape.",
-              "name": "--m3e-skeleton-rounded-shape"
-            },
-            {
-              "description": "Corner radius for the circular skeleton shape.",
-              "name": "--m3e-skeleton-circular-shape"
-            },
-            {
-              "description": "Corner radius for the square skeleton shape.",
-              "name": "--m3e-skeleton-square-shape"
-            },
-            {
-              "description": "Corner radius for the skeleton shape.",
-              "name": "--m3e-skeleton-shape"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Renders the content to be mimicked by the skeleton.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "#anchoringCleanupMap",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new Map<HTMLElement, () => void>()"
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "SkeletonShape"
-              },
-              "default": "\"auto\"",
-              "description": "The shape of the skeleton.",
-              "attribute": "shape",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "animation",
-              "type": {
-                "text": "SkeletonAnimation"
-              },
-              "default": "\"wave\"",
-              "description": "The animation effect of the skeleton.",
-              "attribute": "animation",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "loaded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the content of the skeleton has been loaded.",
-              "attribute": "loaded",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "reconnectedCallback",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "ReconnectedCallback",
-                "module": "src/core/shared/mixins/ReconnectedCallback.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#handleSlotChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#clearShapes",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#createShapes",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#createShape",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "[_wasConnected]",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "ReconnectedCallback",
-                "module": "src/core/shared/mixins/ReconnectedCallback.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "description": "The animation effect of the skeleton.",
-              "name": "animation",
-              "type": {
-                "text": "SkeletonAnimation"
-              },
-              "default": "\"wave\"",
-              "fieldName": "animation"
-            },
-            {
-              "description": "The shape of the skeleton.",
-              "name": "shape",
-              "type": {
-                "text": "SkeletonShape"
-              },
-              "default": "\"auto\"",
-              "fieldName": "shape"
-            },
-            {
-              "description": "Whether the content of the skeleton has been loaded.",
-              "name": "loaded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "loaded"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "ReconnectedCallback",
-              "package": "@m3e/web/core"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "m3e-skeleton",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "M3eSkeletonElement",
-          "declaration": {
-            "name": "M3eSkeletonElement",
-            "module": "src/skeleton/SkeletonElement.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "m3e-skeleton",
-          "declaration": {
-            "name": "M3eSkeletonElement",
-            "module": "src/skeleton/SkeletonElement.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/skeleton/SkeletonShape.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/slider/index.ts",
@@ -48484,12 +49834,11 @@
             },
             {
               "kind": "field",
-              "name": "#dragPos",
+              "name": "#dragState",
               "privacy": "private",
               "type": {
-                "text": "number"
-              },
-              "default": "0"
+                "text": "{ startPos: number; startValue: number; cachedSize: number; min: number; max: number } | undefined"
+              }
             },
             {
               "kind": "field",
@@ -48500,15 +49849,6 @@
               },
               "default": "false"
             },
-            {
-              "kind": "field",
-              "name": "#cachedSize",
-              "privacy": "private",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
             {
               "kind": "field",
               "name": "#snapAnimation",
@@ -48568,6 +49908,16 @@
               "description": "A fractional value, between 0 and 100, indicating the maximum size of the start pane.",
               "attribute": "max"
             },
+            {
+              "kind": "field",
+              "name": "overshootLimit",
+              "type": {
+                "text": "number"
+              },
+              "default": "4",
+              "description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.",
+              "attribute": "overshoot-limit"
+            },
             {
               "kind": "field",
               "name": "step",
@@ -48942,6 +50292,10 @@
                 {
                   "name": "emitChange",
                   "default": "true"
+                },
+                {
+                  "name": "allowOvershoot",
+                  "default": "false"
                 }
               ]
             },
@@ -49295,6 +50649,15 @@
               "default": "\"horizontal\"",
               "fieldName": "orientation"
             },
+            {
+              "description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.",
+              "name": "overshoot-limit",
+              "type": {
+                "text": "number"
+              },
+              "default": "4",
+              "fieldName": "overshootLimit"
+            },
             {
               "description": "A fractional value, between 0 and 100, indicating the increment by which to adjust the value when resized via keyboard.",
               "name": "step",
@@ -54599,289 +55962,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/toolbar/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/toolbar/ToolbarElement"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/toolbar/ToolbarShape"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/toolbar/ToolbarVariant"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/toolbar/ToolbarElement.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Presents frequently used actions relevant to the current page.",
-          "name": "M3eToolbarElement",
-          "cssProperties": [
-            {
-              "description": "The size (height or width) of the toolbar.",
-              "name": "--m3e-toolbar-size"
-            },
-            {
-              "description": "The gap between toolbar items.",
-              "name": "--m3e-toolbar-spacing"
-            },
-            {
-              "description": "Border radius for rounded shape.",
-              "name": "--m3e-toolbar-rounded-shape"
-            },
-            {
-              "description": "Padding for rounded shape.",
-              "name": "--m3e-toolbar-rounded-padding"
-            },
-            {
-              "description": "Padding for square shape.",
-              "name": "--m3e-toolbar-square-padding"
-            },
-            {
-              "description": "Container color for the standard variant.",
-              "name": "--m3e-toolbar-standard-container-color"
-            },
-            {
-              "description": "Foreground color for the standard variant.",
-              "name": "--m3e-toolbar-standard-color"
-            },
-            {
-              "description": "Container color for the vibrant variant.",
-              "name": "--m3e-toolbar-vibrant-container-color"
-            },
-            {
-              "description": "Foreground color for the vibrant variant.",
-              "name": "--m3e-toolbar-vibrant-color"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Renders the content of the toolbar.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "#directionalitySubscription",
-              "privacy": "private",
-              "type": {
-                "text": "() => void | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#focusKeyManager",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "ToolbarVariant"
-              },
-              "default": "\"standard\"",
-              "description": "The appearance variant of the toolbar.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "ToolbarShape"
-              },
-              "default": "\"square\"",
-              "description": "The shape of the toolbar.",
-              "attribute": "shape",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "elevated",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the toolbar is elevated.",
-              "attribute": "elevated",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "#handleSlotChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#handleKeyDown",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleClick",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the element is oriented vertically.",
-              "attribute": "vertical",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Vertical",
-                "module": "src/core/shared/mixins/Vertical.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Whether the toolbar is elevated.",
-              "name": "elevated",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "elevated"
-            },
-            {
-              "description": "The shape of the toolbar.",
-              "name": "shape",
-              "type": {
-                "text": "ToolbarShape"
-              },
-              "default": "\"square\"",
-              "fieldName": "shape"
-            },
-            {
-              "description": "The appearance variant of the toolbar.",
-              "name": "variant",
-              "type": {
-                "text": "ToolbarVariant"
-              },
-              "default": "\"standard\"",
-              "fieldName": "variant"
-            },
-            {
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the element is oriented vertically.",
-              "fieldName": "vertical",
-              "inheritedFrom": {
-                "name": "Vertical",
-                "module": "src/core/shared/mixins/Vertical.ts"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "Vertical",
-              "package": "@m3e/web/core"
-            },
-            {
-              "name": "Role",
-              "package": "@m3e/web/core"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "m3e-toolbar",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "M3eToolbarElement",
-          "declaration": {
-            "name": "M3eToolbarElement",
-            "module": "src/toolbar/ToolbarElement.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "m3e-toolbar",
-          "declaration": {
-            "name": "M3eToolbarElement",
-            "module": "src/toolbar/ToolbarElement.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/toolbar/ToolbarShape.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/toolbar/ToolbarVariant.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/tooltip/index.ts",
@@ -56922,31 +58002,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/app-bar/styles/AppBarSizeStyle.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/app-bar/styles/AppBarSizeToken.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/app-bar/styles/AppBarStyle.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/app-bar/styles/AppBarToken.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/app-bar/styles/index.ts",
+      "path": "src/toolbar/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -56954,7 +58010,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/app-bar/styles/AppBarSizeStyle"
+            "module": "src/toolbar/ToolbarElement"
           }
         },
         {
@@ -56962,11 +58018,271 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/app-bar/styles/AppBarStyle"
+            "module": "src/toolbar/ToolbarShape"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/toolbar/ToolbarVariant"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/toolbar/ToolbarElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Presents frequently used actions relevant to the current page.",
+          "name": "M3eToolbarElement",
+          "cssProperties": [
+            {
+              "description": "The size (height or width) of the toolbar.",
+              "name": "--m3e-toolbar-size"
+            },
+            {
+              "description": "The gap between toolbar items.",
+              "name": "--m3e-toolbar-spacing"
+            },
+            {
+              "description": "Border radius for rounded shape.",
+              "name": "--m3e-toolbar-rounded-shape"
+            },
+            {
+              "description": "Padding for rounded shape.",
+              "name": "--m3e-toolbar-rounded-padding"
+            },
+            {
+              "description": "Padding for square shape.",
+              "name": "--m3e-toolbar-square-padding"
+            },
+            {
+              "description": "Container color for the standard variant.",
+              "name": "--m3e-toolbar-standard-container-color"
+            },
+            {
+              "description": "Foreground color for the standard variant.",
+              "name": "--m3e-toolbar-standard-color"
+            },
+            {
+              "description": "Container color for the vibrant variant.",
+              "name": "--m3e-toolbar-vibrant-container-color"
+            },
+            {
+              "description": "Foreground color for the vibrant variant.",
+              "name": "--m3e-toolbar-vibrant-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the content of the toolbar.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#directionalitySubscription",
+              "privacy": "private",
+              "type": {
+                "text": "() => void | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#focusKeyManager",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "ToolbarVariant"
+              },
+              "default": "\"standard\"",
+              "description": "The appearance variant of the toolbar.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "ToolbarShape"
+              },
+              "default": "\"square\"",
+              "description": "The shape of the toolbar.",
+              "attribute": "shape",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "elevated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the toolbar is elevated.",
+              "attribute": "elevated",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "#handleSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the element is oriented vertically.",
+              "attribute": "vertical",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Vertical",
+                "module": "src/core/shared/mixins/Vertical.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether the toolbar is elevated.",
+              "name": "elevated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "elevated"
+            },
+            {
+              "description": "The shape of the toolbar.",
+              "name": "shape",
+              "type": {
+                "text": "ToolbarShape"
+              },
+              "default": "\"square\"",
+              "fieldName": "shape"
+            },
+            {
+              "description": "The appearance variant of the toolbar.",
+              "name": "variant",
+              "type": {
+                "text": "ToolbarVariant"
+              },
+              "default": "\"standard\"",
+              "fieldName": "variant"
+            },
+            {
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the element is oriented vertically.",
+              "fieldName": "vertical",
+              "inheritedFrom": {
+                "name": "Vertical",
+                "module": "src/core/shared/mixins/Vertical.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Vertical",
+              "package": "@m3e/web/core"
+            },
+            {
+              "name": "Role",
+              "package": "@m3e/web/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-toolbar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eToolbarElement",
+          "declaration": {
+            "name": "M3eToolbarElement",
+            "module": "src/toolbar/ToolbarElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-toolbar",
+          "declaration": {
+            "name": "M3eToolbarElement",
+            "module": "src/toolbar/ToolbarElement.ts"
           }
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/toolbar/ToolbarShape.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/toolbar/ToolbarVariant.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/tree/index.ts",
@@ -58097,6 +59413,53 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/app-bar/styles/AppBarSizeStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/app-bar/styles/AppBarSizeToken.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/app-bar/styles/AppBarStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/app-bar/styles/AppBarToken.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/app-bar/styles/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/app-bar/styles/AppBarSizeStyle"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/app-bar/styles/AppBarStyle"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/button/styles/ButtonSizeStyle.ts",
@@ -58773,6 +60136,15 @@
                     "text": "readonly Element[]"
                   },
                   "description": "The known parent elements to test. The default value is `undefined`."
+                },
+                {
+                  "name": "allowVisiblyHidden",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "Whether to allow visibly hidden elements as focusable.",
+                  "optional": true
                 }
               ],
               "description": "Determines whether a given element can receive focus."
@@ -58794,6 +60166,10 @@
                   "type": {
                     "text": "readonly Element[]"
                   }
+                },
+                {
+                  "name": "allowVisiblyHidden",
+                  "default": "false"
                 }
               ]
             },
@@ -58813,6 +60189,12 @@
                   "type": {
                     "text": "Element"
                   }
+                },
+                {
+                  "name": "allowVisiblyHidden",
+                  "type": {
+                    "text": "boolean"
+                  }
                 }
               ]
             },
@@ -58832,6 +60214,15 @@
                     "text": "HTMLElement"
                   },
                   "description": "The `HTMLElement` to search."
+                },
+                {
+                  "name": "allowVisiblyHidden",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "Whether to allow visibly hidden elements as focusable.",
+                  "optional": true
                 }
               ],
               "description": "Finds interactive elements that descend from the specified element."
@@ -67668,6 +69059,79 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/shared/converters/dateConverter.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "dateConverter",
+          "type": {
+            "text": "ComplexAttributeConverter<Date | null, string | null>"
+          },
+          "default": "{ fromAttribute(value: string | null): Date | null { if (!value) return null; // Matches all four formats: // yyyy-MM-dd // yyyy-MM-ddTHH:mm:ss // yyyy-MM-ddTHH:mm:ssZ // yyyy-MM-ddTHH:mm:ss±HH:mm const isoRegex = /^(\\d{4})-(\\d{2})-(\\d{2})(?:T(\\d{2}):(\\d{2}):(\\d{2})(?:\\.(\\d{3}))?)?(Z|[+-]\\d{2}:\\d{2})?$/; const m = value.match(isoRegex); if (!m) return null; const year = Number(m[1]); const month = Number(m[2]) - 1; // JS months are 0-based const day = Number(m[3]); const hasTime = m[4] !== undefined; const hours = hasTime ? Number(m[4]) : 0; const minutes = hasTime ? Number(m[5]) : 0; const seconds = hasTime ? Number(m[6]) : 0; const ms = hasTime && m[7] ? Number(m[7]) : 0; const tz = m[8]; // CASE 1: yyyy-MM-dd → local date (no timezone math) if (!hasTime && !tz) { return new Date(year, month, day); } // CASE 2: yyyy-MM-ddTHH:mm:ss (no timezone) → local datetime if (hasTime && !tz) { return new Date(year, month, day, hours, minutes, seconds, ms); } // CASE 3: yyyy-MM-ddTHH:mm:ssZ → UTC if (tz === \"Z\") { return new Date(Date.UTC(year, month, day, hours, minutes, seconds, ms)); } // CASE 4: yyyy-MM-ddTHH:mm:ss±HH:mm → offset if (tz && /^[+-]\\d{2}:\\d{2}$/.test(tz)) { const sign = tz.startsWith(\"-\") ? -1 : 1; const [tzH, tzM] = tz.slice(1).split(\":\").map(Number); const offsetMinutes = sign * (tzH * 60 + tzM); // Convert offset datetime → UTC → local const utc = Date.UTC(year, month, day, hours, minutes, seconds, ms); return new Date(utc - offsetMinutes * 60_000); } return null; }, toAttribute(value: Date | null): string | null { return value?.toISOString() ?? null; }, }",
+          "description": "Converts an ISO‑8601 date to and from a `Date` object."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "dateConverter",
+          "declaration": {
+            "name": "dateConverter",
+            "module": "src/core/shared/converters/dateConverter.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/shared/converters/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/core/shared/converters/dateConverter"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/core/shared/converters/spaceSeparatedStringConverter"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/shared/converters/spaceSeparatedStringConverter.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "spaceSeparatedStringConverter",
+          "type": {
+            "text": "ComplexAttributeConverter<string[], string | null>"
+          },
+          "default": "{ fromAttribute(value: string | null): string[] { if (!value) return []; return value .split(/\\s+/) .map((d) => d.trim()) .filter(Boolean); }, toAttribute(value: string[]): string { return value.join(\" \"); }, }",
+          "description": "Converts a space-separated attribute in to an array of strings."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "spaceSeparatedStringConverter",
+          "declaration": {
+            "name": "spaceSeparatedStringConverter",
+            "module": "src/core/shared/converters/spaceSeparatedStringConverter.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/core/shared/decorators/customElement.ts",
@@ -67837,79 +69301,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/shared/converters/dateConverter.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "dateConverter",
-          "type": {
-            "text": "ComplexAttributeConverter<Date | null, string | null>"
-          },
-          "default": "{ fromAttribute(value: string | null): Date | null { if (!value) return null; // Matches all four formats: // yyyy-MM-dd // yyyy-MM-ddTHH:mm:ss // yyyy-MM-ddTHH:mm:ssZ // yyyy-MM-ddTHH:mm:ss±HH:mm const isoRegex = /^(\\d{4})-(\\d{2})-(\\d{2})(?:T(\\d{2}):(\\d{2}):(\\d{2})(?:\\.(\\d{3}))?)?(Z|[+-]\\d{2}:\\d{2})?$/; const m = value.match(isoRegex); if (!m) return null; const year = Number(m[1]); const month = Number(m[2]) - 1; // JS months are 0-based const day = Number(m[3]); const hasTime = m[4] !== undefined; const hours = hasTime ? Number(m[4]) : 0; const minutes = hasTime ? Number(m[5]) : 0; const seconds = hasTime ? Number(m[6]) : 0; const ms = hasTime && m[7] ? Number(m[7]) : 0; const tz = m[8]; // CASE 1: yyyy-MM-dd → local date (no timezone math) if (!hasTime && !tz) { return new Date(year, month, day); } // CASE 2: yyyy-MM-ddTHH:mm:ss (no timezone) → local datetime if (hasTime && !tz) { return new Date(year, month, day, hours, minutes, seconds, ms); } // CASE 3: yyyy-MM-ddTHH:mm:ssZ → UTC if (tz === \"Z\") { return new Date(Date.UTC(year, month, day, hours, minutes, seconds, ms)); } // CASE 4: yyyy-MM-ddTHH:mm:ss±HH:mm → offset if (tz && /^[+-]\\d{2}:\\d{2}$/.test(tz)) { const sign = tz.startsWith(\"-\") ? -1 : 1; const [tzH, tzM] = tz.slice(1).split(\":\").map(Number); const offsetMinutes = sign * (tzH * 60 + tzM); // Convert offset datetime → UTC → local const utc = Date.UTC(year, month, day, hours, minutes, seconds, ms); return new Date(utc - offsetMinutes * 60_000); } return null; }, toAttribute(value: Date | null): string | null { return value?.toISOString() ?? null; }, }",
-          "description": "Converts an ISO‑8601 date to and from a `Date` object."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "dateConverter",
-          "declaration": {
-            "name": "dateConverter",
-            "module": "src/core/shared/converters/dateConverter.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/shared/converters/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/core/shared/converters/dateConverter"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/core/shared/converters/spaceSeparatedStringConverter"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/shared/converters/spaceSeparatedStringConverter.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "spaceSeparatedStringConverter",
-          "type": {
-            "text": "ComplexAttributeConverter<string[], string | null>"
-          },
-          "default": "{ fromAttribute(value: string | null): string[] { if (!value) return []; return value .split(/\\s+/) .map((d) => d.trim()) .filter(Boolean); }, toAttribute(value: string[]): string { return value.join(\" \"); }, }",
-          "description": "Converts a space-separated attribute in to an array of strings."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "spaceSeparatedStringConverter",
-          "declaration": {
-            "name": "spaceSeparatedStringConverter",
-            "module": "src/core/shared/converters/spaceSeparatedStringConverter.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/core/shared/mixins/AttachInternals.ts",
@@ -70091,6 +71482,15 @@
                 "text": "T"
               },
               "description": "The base class."
+            },
+            {
+              "name": "disableClick",
+              "default": "false",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether to disable the default click handler.",
+              "optional": true
             }
           ]
         }
@@ -73761,6 +75161,43 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/shared/utils/getScrollbarWidth.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getScrollbarWidth",
+          "return": {
+            "type": {
+              "text": "number"
+            }
+          },
+          "parameters": [
+            {
+              "name": "thin",
+              "default": "false",
+              "description": "Whether to get the width of a thin scrollbar.",
+              "optional": true,
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "description": "Computes the width of a scrollbar."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getScrollbarWidth",
+          "declaration": {
+            "name": "getScrollbarWidth",
+            "module": "src/core/shared/utils/getScrollbarWidth.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/core/shared/utils/getTextContent.ts",
@@ -73911,6 +75348,14 @@
             "module": "src/core/shared/utils/generateClipPaths"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/core/shared/utils/getScrollbarWidth"
+          }
+        },
         {
           "kind": "js",
           "name": "*",