@m3e/web 2.4.1 → 2.5.0

package/dist/html-custom-data.json

@@ -24,12 +24,6 @@
       ],
       "references": []
     },
-    {
-      "name": "m3e-avatar",
-      "description": "An image, icon or textual initials representing a user or other identity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the avatar.\n\n### **CSS Properties:**\n - **--m3e-avatar-size** - Size of the avatar. _(default: undefined)_\n- **--m3e-avatar-shape** - Border radius of the avatar. _(default: undefined)_\n- **--m3e-avatar-font-size** - Font size for the avatar. _(default: undefined)_\n- **--m3e-avatar-font-weight** - Font weight for the avatar. _(default: undefined)_\n- **--m3e-avatar-line-height** - Line height for the avatar. _(default: undefined)_\n- **--m3e-avatar-tracking** - Letter spacing for the avatar. _(default: undefined)_\n- **--m3e-avatar-color** - Background color of the avatar. _(default: undefined)_\n- **--m3e-avatar-label-color** - Text color of the avatar. _(default: undefined)_",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "m3e-autocomplete",
       "description": "Enhances a text input with suggested options.\n---\n\n\n### **Events:**\n - **change** - Emitted when the committed value changes due to selecting an option or clearing the input.\n- **query** - Emitted when the input is focused or when the user modifies its value.\n- **toggle** - Emitted when the options menu opens or closes.\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n- **clear(restoreFocus): _void_** - Clears the value of the element.\n\n### **Slots:**\n - _default_ - Renders the options of the autocomplete.\n- **loading** - Renders content when loading options.\n- **no-data** - Renders content when there are no options to show.",
@@ -105,6 +99,34 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-avatar",
+      "description": "An image, icon or textual initials representing a user or other identity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the avatar.\n\n### **CSS Properties:**\n - **--m3e-avatar-size** - Size of the avatar. _(default: undefined)_\n- **--m3e-avatar-shape** - Border radius of the avatar. _(default: undefined)_\n- **--m3e-avatar-font-size** - Font size for the avatar. _(default: undefined)_\n- **--m3e-avatar-font-weight** - Font weight for the avatar. _(default: undefined)_\n- **--m3e-avatar-line-height** - Line height for the avatar. _(default: undefined)_\n- **--m3e-avatar-tracking** - Letter spacing for the avatar. _(default: undefined)_\n- **--m3e-avatar-color** - Background color of the avatar. _(default: undefined)_\n- **--m3e-avatar-label-color** - Text color of the avatar. _(default: undefined)_",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "m3e-badge",
+      "description": "A visual indicator used to label content.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the content of the badge.\n\n### **CSS Properties:**\n - **--m3e-badge-shape** - Corner radius of the badge. _(default: undefined)_\n- **--m3e-badge-color** - Foreground color of badge content. _(default: undefined)_\n- **--m3e-badge-container-color** - Background color of the badge. _(default: undefined)_\n- **--m3e-badge-small-size** - Fixed dimensions for small badge. Used for minimal indicators (e.g. dot). _(default: undefined)_\n- **--m3e-badge-medium-size** - Height and min-width for medium badge. _(default: undefined)_\n- **--m3e-badge-medium-font-size** - Font size for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-font-weight** - Font weight for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-line-height** - Line height for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-tracking** - Letter spacing for medium badge label. _(default: undefined)_\n- **--m3e-badge-large-size** - Height and min-width for large badge. _(default: undefined)_\n- **--m3e-badge-large-font-size** - Font size for large badge label. _(default: undefined)_\n- **--m3e-badge-large-font-weight** - Font weight for large badge label. _(default: undefined)_\n- **--m3e-badge-large-line-height** - Line height for large badge label. _(default: undefined)_\n- **--m3e-badge-large-tracking** - Letter spacing for large badge label. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The size of the badge.",
+          "values": [{ "name": "BadgeSize" }]
+        },
+        {
+          "name": "position",
+          "description": "The position of the badge, when attached to another element.",
+          "values": [{ "name": "BadgePosition" }]
+        },
+        {
+          "name": "for",
+          "description": "The identifier of the interactive control to which this element is attached.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-bottom-sheet-action",
       "description": "An element, nested within a clickable element, used to close a parenting bottom sheet.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
@@ -142,7 +164,7 @@
         },
         {
           "name": "hide-friction",
-          "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.",
           "values": []
         },
         {
@@ -154,6 +176,11 @@
           "name": "open",
           "description": "Whether the bottom sheet is open.",
           "values": []
+        },
+        {
+          "name": "overshoot-limit",
+          "description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.",
+          "values": []
         }
       ],
       "references": []
@@ -181,22 +208,91 @@
       "references": []
     },
     {
-      "name": "m3e-badge",
-      "description": "A visual indicator used to label content.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the content of the badge.\n\n### **CSS Properties:**\n - **--m3e-badge-shape** - Corner radius of the badge. _(default: undefined)_\n- **--m3e-badge-color** - Foreground color of badge content. _(default: undefined)_\n- **--m3e-badge-container-color** - Background color of the badge. _(default: undefined)_\n- **--m3e-badge-small-size** - Fixed dimensions for small badge. Used for minimal indicators (e.g. dot). _(default: undefined)_\n- **--m3e-badge-medium-size** - Height and min-width for medium badge. _(default: undefined)_\n- **--m3e-badge-medium-font-size** - Font size for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-font-weight** - Font weight for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-line-height** - Line height for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-tracking** - Letter spacing for medium badge label. _(default: undefined)_\n- **--m3e-badge-large-size** - Height and min-width for large badge. _(default: undefined)_\n- **--m3e-badge-large-font-size** - Font size for large badge label. _(default: undefined)_\n- **--m3e-badge-large-font-weight** - Font weight for large badge label. _(default: undefined)_\n- **--m3e-badge-large-line-height** - Line height for large badge label. _(default: undefined)_\n- **--m3e-badge-large-tracking** - Letter spacing for large badge label. _(default: undefined)_",
+      "name": "m3e-breadcrumb",
+      "description": "Displays a hierarchical navigation path and identifies the user's\r\ncurrent location within an application.\n---\n\n\n### **Slots:**\n - _default_ - Renders breadcrumb items.\n- **separator** - Renders a custom separator between breadcrumb items.",
       "attributes": [
         {
-          "name": "size",
-          "description": "The size of the badge.",
-          "values": [{ "name": "BadgeSize" }]
+          "name": "wrap",
+          "description": "Whether items wrap to a new line.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-breadcrumb-item-button",
+      "description": "\n---\n\n\n### **Events:**\n - **click**",
+      "attributes": [
+        {
+          "name": "current",
+          "description": "Indicates the current item in the breadcrumb path.",
+          "values": [{ "name": "BreadcrumbItemCurrent" }]
         },
         {
-          "name": "position",
-          "description": "The position of the badge, when attached to another element.",
-          "values": [{ "name": "BadgePosition" }]
+          "name": "href",
+          "description": "The URL to which the link button points.",
+          "values": []
         },
         {
-          "name": "for",
-          "description": "The identifier of the interactive control to which this element is attached.",
+          "name": "target",
+          "description": "The target of the link button.",
+          "values": [{ "name": "LinkTarget" }]
+        },
+        {
+          "name": "rel",
+          "description": "The relationship between the `target` of the link button and the document.",
+          "values": []
+        },
+        {
+          "name": "download",
+          "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-breadcrumb-item",
+      "description": "An item in a breadcrumb.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the breadcrumb item.\n\n### **CSS Properties:**\n - **--m3e-breadcrumb-item-shape** - Shape of the internal breadcrumb item button. _(default: undefined)_\n- **--m3e-breadcrumb-item-container-height** - Height of the internal breadcrumb item button container. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-color** - Color of breadcrumb item icon-only content. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-padding-inline** - Horizontal padding for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-hover-state-layer-color** - Hover state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-focus-state-layer-color** - Focus state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-pressed-state-layer-color** - Pressed state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-color** - Color of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-font-size** - Font size of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-font-weight** - Font weight of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-line-height** - Line height of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-tracking** - Letter spacing of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-padding-inline** - Horizontal padding for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-hover-state-layer-color** - Hover state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-focus-state-layer-color** - Focus state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-pressed-state-layer-color** - Pressed state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-last-color** - Color used for the current breadcrumb item. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-label-space** - Space between icon and label. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-breadcrumb-item-disabled-color** - Disabled color used by the breadcrumb item button. _(default: undefined)_\n- **--m3e-breadcrumb-item-disabled-opacity** - Disabled opacity used by the breadcrumb item button. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "item-label",
+          "description": "The accessible label given to the item's internal button.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
+          "values": []
+        },
+        {
+          "name": "current",
+          "description": "Indicates the current item in the breadcrumb path.",
+          "values": [{ "name": "BreadcrumbItemCurrent" }]
+        },
+        {
+          "name": "href",
+          "description": "The URL to which the internal breadcrumb link button points.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "The target of the internal breadcrumb link button.",
+          "values": [{ "name": "LinkTarget" }]
+        },
+        {
+          "name": "download",
+          "description": "A value indicating whether the internal link target will be downloaded, optionally specifying a file name.",
+          "values": []
+        },
+        {
+          "name": "rel",
+          "description": "The relationship between the internal link target and the document.",
           "values": []
         }
       ],
@@ -279,6 +375,28 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-button-group",
+      "description": "Organizes buttons and adds interactions between them.\n---\n\n\n### **Slots:**\n - _default_ - Renders the buttons of the group.\n\n### **CSS Properties:**\n - **--m3e-standard-button-group-extra-small-spacing** - Spacing between buttons in standard variant, extra-small size. _(default: undefined)_\n- **--m3e-standard-button-group-small-spacing** - Spacing between buttons in standard variant, small size. _(default: undefined)_\n- **--m3e-standard-button-group-medium-spacing** - Spacing between buttons in standard variant, medium size. _(default: undefined)_\n- **--m3e-standard-button-group-large-spacing** - Spacing between buttons in standard variant, large size. _(default: undefined)_\n- **--m3e-standard-button-group-extra-large-spacing** - Spacing between buttons in standard variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-spacing** - Spacing between buttons in connected variant. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-shape** - Corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-pressed-shape** - Pressed corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-shape** - Corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-pressed-shape** - Pressed corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-shape** - Corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-pressed-shape** - Pressed corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-shape** - Corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-pressed-shape** - Pressed corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-shape** - Corner shape for connected variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-pressed-shape** - Pressed corner shape for connected variant, extra-large size. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "multi",
+          "description": "Whether multiple toggle buttons can be selected.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the group.",
+          "values": [{ "name": "ButtonGroupSize" }]
+        },
+        {
+          "name": "variant",
+          "description": "The appearance variant of the group.",
+          "values": [{ "name": "ButtonGroupVariant" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-calendar",
       "description": "A calendar used to select a date.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected date changes.\n\n### **Methods:**\n - **focusActiveCell(): _Promise<void>_** - Asynchronously focuses the active date.\n- **updateTodayDate(): _void_** - Updates today's date.\n- **movePreviousPeriod(): _Promise<void>_** - Moves the calendar to the previous period.\n- **moveNextPeriod(): _Promise<void>_** - Moves the calendar to the next period.\n- **togglePeriod(): _Promise<void>_** - Toggles the current period.\n\n### **Slots:**\n - **header** - Renders the header of the calendar.\n\n### **CSS Properties:**\n - **--m3e-calendar-container-color** - Background color of the container surface. _(default: undefined)_\n- **--m3e-calendar-container-elevation** - Elevation shadow applied to the container surface. _(default: undefined)_\n- **--m3e-calendar-container-shape** - Corner radius of the container surface. _(default: undefined)_\n- **--m3e-calendar-padding** - Padding applied to the calendar header and body. _(default: undefined)_\n- **--m3e-calendar-period-button-text-color** - Text color used for the period‑navigation buttons in the header. _(default: undefined)_\n- **--m3e-calendar-weekday-font-size** - Font size of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-font-weight** - Font weight of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-line-height** - Line height of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-tracking** - Letter spacing of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-color** - Text color for weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-date-font-size** - Font size of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-date-font-weight** - Font weight of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-date-line-height** - Line height of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-date-tracking** - Letter spacing of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-item-font-size** - Font size of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-font-weight** - Font weight of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-line-height** - Line height of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-tracking** - Letter spacing of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-color** - Text color for date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-color** - Text color for selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-container-color** - Background color for selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-ripple-color** - Ripple color used when interacting with selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-hover-color** - Hover color used when interacting with selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-focus-color** - Focus color used when interacting with selected date items. _(default: undefined)_\n- **--m3e-calendar-item-current-outline-thickness** - Outline thickness used to indicate the current date. _(default: undefined)_\n- **--m3e-calendar-item-current-outline-color** - Outline color used to indicate the current date. _(default: undefined)_\n- **--m3e-calendar-item-special-color** - Text color for dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-container-color** - Background color for dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-ripple-color** - Ripple color used when interacting with dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-hover-color** - Hover color used when interacting with dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-focus-color** - Focus color used when interacting with dates marked as special. _(default: undefined)_\n- **--m3e-calendar-range-container-color** - Background color applied to the selected date range. _(default: undefined)_\n- **--m3e-calendar-range-color** - Text color for dates within a selected range. _(default: undefined)_\n- **--m3e-calendar-item-disabled-color** - Color used for disabled date items. _(default: undefined)_\n- **--m3e-calendar-item-disabled-color-opacity** - Opacity applied to the disabled item color. _(default: undefined)_\n- **--m3e-calendar-slide-animation-duration** - Duration of slide transitions between calendar views. _(default: undefined)_",
@@ -457,28 +575,6 @@
       ],
       "references": []
     },
-    {
-      "name": "m3e-button-group",
-      "description": "Organizes buttons and adds interactions between them.\n---\n\n\n### **Slots:**\n - _default_ - Renders the buttons of the group.\n\n### **CSS Properties:**\n - **--m3e-standard-button-group-extra-small-spacing** - Spacing between buttons in standard variant, extra-small size. _(default: undefined)_\n- **--m3e-standard-button-group-small-spacing** - Spacing between buttons in standard variant, small size. _(default: undefined)_\n- **--m3e-standard-button-group-medium-spacing** - Spacing between buttons in standard variant, medium size. _(default: undefined)_\n- **--m3e-standard-button-group-large-spacing** - Spacing between buttons in standard variant, large size. _(default: undefined)_\n- **--m3e-standard-button-group-extra-large-spacing** - Spacing between buttons in standard variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-spacing** - Spacing between buttons in connected variant. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-shape** - Corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-pressed-shape** - Pressed corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-shape** - Corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-pressed-shape** - Pressed corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-shape** - Corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-pressed-shape** - Pressed corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-shape** - Corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-pressed-shape** - Pressed corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-shape** - Corner shape for connected variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-pressed-shape** - Pressed corner shape for connected variant, extra-large size. _(default: undefined)_",
-      "attributes": [
-        {
-          "name": "multi",
-          "description": "Whether multiple toggle buttons can be selected.",
-          "values": []
-        },
-        {
-          "name": "size",
-          "description": "The size of the group.",
-          "values": [{ "name": "ButtonGroupSize" }]
-        },
-        {
-          "name": "variant",
-          "description": "The appearance variant of the group.",
-          "values": [{ "name": "ButtonGroupVariant" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "m3e-card",
       "description": "A content container for text, images (or other media), and actions in the context of a single subject.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the card without padding.\n- **header** - Renders the header of the card.\n- **content** - Renders the content of the card with padding.\n- **actions** - Renders the actions of the card.\n- **footer** - Renders the footer of the card.\n\n### **CSS Properties:**\n - **--m3e-card-padding** - Internal spacing for all slotted regions _(default: undefined)_\n- **--m3e-card-shape** - Corner radius of the card container. _(default: undefined)_\n- **--m3e-filled-card-text-color** - Foreground color for text content in filled cards. _(default: undefined)_\n- **--m3e-filled-card-container-color** - Background color of the filled card container. _(default: undefined)_\n- **--m3e-filled-card-container-elevation** - Elevation level for filled card container. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-color** - Text color when filled card is disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-filled-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-filled-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-elevated-card-text-color** - Foreground color for text content in elevated cards. _(default: undefined)_\n- **--m3e-elevated-card-container-color** - Background color of the elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-container-elevation** - Elevation level for elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-color** - Text color when elevated card is disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-elevated-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-text-color** - Foreground color for text content in outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-container-color** - Background color of the outlined card container. _(default: undefined)_\n- **--m3e-outlined-card-container-elevation** - Elevation level for outlined card container. _(default: undefined)_\n- **--m3e-outlined-card-outline-color** - Border color for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-outline-thickness** - Border thickness for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-color** - Text color when outlined card is disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-color** - Border color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-opacity** - Border opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-outline-color** - Border color on hover. _(default: undefined)_\n- **--m3e-outlined-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-outline-color** - Border color on focus. _(default: undefined)_\n- **--m3e-outlined-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-outline-color** - Border color on press. _(default: undefined)_",
@@ -859,6 +955,12 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-content-pane",
+      "description": "A shaped surface for vertically scrollable content.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the pane.\n\n### **CSS Properties:**\n - **--m3e-content-pane-container-shape** - Corner radius applied to the pane’s outer surface. _(default: undefined)_\n- **--m3e-content-pane-container-color** - Background color of the pane’s surface. _(default: undefined)_\n- **--m3e-content-pane-container-padding** - Internal padding applied to all sides of the scrollable content. _(default: undefined)_",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "m3e-datepicker",
       "description": "Presents a date picker on a temporary surface.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected date changes.\n- **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Opens the picker.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the picker.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the picker.\n\n### **CSS Properties:**\n - **--m3e-datepicker-container-padding-block** - Block‑axis padding of the date picker container. _(default: undefined)_\n- **--m3e-datepicker-container-padding-inline** - Inline‑axis padding of the date picker container. _(default: undefined)_\n- **--m3e-datepicker-container-color** - Background color of the standard container surface. _(default: undefined)_\n- **--m3e-datepicker-container-elevation** - Elevation shadow applied to the container surface. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-color** - Color used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-font-size** - Font size used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-font-weight** - Font weight used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-line-height** - Line height used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-tracking** - Letter spacing used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-color** - Color used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-font-size** - Font size used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-font-weight** - Font weight used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-line-height** - Line height used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-tracking** - Letter spacing used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-actions-padding-inline** - Inline‑axis padding of the action row. _(default: undefined)_\n- **--m3e-datepicker-docked-container-color** - Background color of the container in docked mode. _(default: undefined)_\n- **--m3e-datepicker-docked-container-shape** - Corner radius of the container in docked mode. _(default: undefined)_\n- **--m3e-datepicker-modal-container-color** - Background color of the container in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-container-shape** - Corner radius of the container in modal mode. _(default: undefined)_\n- **--m3e-divider-thickness** - Thickness of divider elements within the picker. _(default: undefined)_\n- **--m3e-divider-color** - Color of divider rules within the picker. _(default: undefined)_\n- **--m3e-dialog-scrim-color** - Base color used for the modal scrim behind the picker. _(default: undefined)_\n- **--m3e-dialog-scrim-opacity** - Opacity applied to the scrim color in modal mode. _(default: undefined)_",
@@ -2295,6 +2397,28 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-skeleton",
+      "description": "A visual placeholder that mimics the layout of content while it's still loading.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to be mimicked by the skeleton.\n\n### **CSS Properties:**\n - **--m3e-skeleton-color** - Base fill color for the skeleton surface. _(default: undefined)_\n- **--m3e-skeleton-tint-color** - Tint fill color for the skeleton surface. _(default: undefined)_\n- **--m3e-skeleton-tint-opacity** - Tint Opacity applied when the skeleton animation is not pulsating. _(default: undefined)_\n- **--m3e-skeleton-accent-color** - Accent color used in wave animation. _(default: undefined)_\n- **--m3e-skeleton-accent-opacity** - Opacity of the accent effect in animations. _(default: undefined)_\n- **--m3e-skeleton-rounded-shape** - Corner radius for the rounded skeleton shape. _(default: undefined)_\n- **--m3e-skeleton-circular-shape** - Corner radius for the circular skeleton shape. _(default: undefined)_\n- **--m3e-skeleton-square-shape** - Corner radius for the square skeleton shape. _(default: undefined)_\n- **--m3e-skeleton-shape** - Corner radius for the skeleton shape. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "animation",
+          "description": "The animation effect of the skeleton.",
+          "values": [{ "name": "SkeletonAnimation" }]
+        },
+        {
+          "name": "shape",
+          "description": "The shape of the skeleton.",
+          "values": [{ "name": "SkeletonShape" }]
+        },
+        {
+          "name": "loaded",
+          "description": "Whether the content of the skeleton has been loaded.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-slide-group",
       "description": "Presents pagination controls used to scroll overflowing content.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to paginate.\n- **next-icon** - Renders the icon to present for the next button.\n- **prev-icon** - Renders the icon to present for the previous button.\n\n### **CSS Properties:**\n - **--m3e-slide-group-button-icon-size** - Sets icon size for scroll buttons; overrides default small icon size. _(default: undefined)_\n- **--m3e-slide-group-button-size** - Defines scroll button size; used for width (horizontal) or height (vertical). _(default: undefined)_\n- **--m3e-slide-group-divider-top** - Adds top border to content container for visual separation. _(default: undefined)_\n- **--m3e-slide-group-divider-bottom** - Adds bottom border to content container for visual separation. _(default: undefined)_",
@@ -2327,28 +2451,6 @@
       ],
       "references": []
     },
-    {
-      "name": "m3e-skeleton",
-      "description": "A visual placeholder that mimics the layout of content while it's still loading.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to be mimicked by the skeleton.\n\n### **CSS Properties:**\n - **--m3e-skeleton-color** - Base fill color for the skeleton surface. _(default: undefined)_\n- **--m3e-skeleton-tint-color** - Tint fill color for the skeleton surface. _(default: undefined)_\n- **--m3e-skeleton-tint-opacity** - Tint Opacity applied when the skeleton animation is not pulsating. _(default: undefined)_\n- **--m3e-skeleton-accent-color** - Accent color used in wave animation. _(default: undefined)_\n- **--m3e-skeleton-accent-opacity** - Opacity of the accent effect in animations. _(default: undefined)_\n- **--m3e-skeleton-rounded-shape** - Corner radius for the rounded skeleton shape. _(default: undefined)_\n- **--m3e-skeleton-circular-shape** - Corner radius for the circular skeleton shape. _(default: undefined)_\n- **--m3e-skeleton-square-shape** - Corner radius for the square skeleton shape. _(default: undefined)_\n- **--m3e-skeleton-shape** - Corner radius for the skeleton shape. _(default: undefined)_",
-      "attributes": [
-        {
-          "name": "animation",
-          "description": "The animation effect of the skeleton.",
-          "values": [{ "name": "SkeletonAnimation" }]
-        },
-        {
-          "name": "shape",
-          "description": "The shape of the skeleton.",
-          "values": [{ "name": "SkeletonShape" }]
-        },
-        {
-          "name": "loaded",
-          "description": "Whether the content of the skeleton has been loaded.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "m3e-slider",
       "description": "Allows for the selection of numeric values from a range.\n---\n\n\n### **CSS Properties:**\n - **--m3e-slider-min-width** - Minimum inline size of the slider host. _(default: undefined)_\n- **--m3e-slider-small-height** - Height of the slider when size is small or extra-small. _(default: undefined)_\n- **--m3e-slider-medium-height** - Height of the slider when size is medium. _(default: undefined)_\n- **--m3e-slider-large-height** - Height of the slider when size is large. _(default: undefined)_\n- **--m3e-slider-extra-large-height** - Height of the slider when size is extra-large. _(default: undefined)_\n- **--m3e-slider-small-active-track-shape** - Corner shape of the active track for small sliders. _(default: undefined)_\n- **--m3e-slider-small-inactive-active-track-start-shape** - Corner shape of the inactive track start for small sliders. _(default: undefined)_\n- **--m3e-slider-small-inactive-track-end-shape** - Corner shape of the inactive track end for small sliders. _(default: undefined)_\n- **--m3e-slider-medium-active-track-shape** - Corner shape of the active track for medium sliders. _(default: undefined)_\n- **--m3e-slider-medium-inactive-active-track-start-shape** - Corner shape of the inactive track start for medium sliders. _(default: undefined)_\n- **--m3e-slider-medium-inactive-track-end-shape** - Corner shape of the inactive track end for medium sliders. _(default: undefined)_\n- **--m3e-slider-large-active-track-shape** - Corner shape of the active track for large sliders. _(default: undefined)_\n- **--m3e-slider-large-inactive-active-track-start-shape** - Corner shape of the inactive track start for large sliders. _(default: undefined)_\n- **--m3e-slider-large-inactive-track-end-shape** - Corner shape of the inactive track end for large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-active-track-shape** - Corner shape of the active track for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-inactive-active-track-start-shape** - Corner shape of the inactive track start for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-inactive-track-end-shape** - Corner shape of the inactive track end for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-small-track-height** - Height of the track for extra-small sliders. _(default: undefined)_\n- **--m3e-slider-small-track-height** - Height of the track for small sliders. _(default: undefined)_\n- **--m3e-slider-medium-track-height** - Height of the track for medium sliders. _(default: undefined)_\n- **--m3e-slider-large-track-height** - Height of the track for large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-track-height** - Height of the track for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-tick-size** - Size of each tick mark. _(default: undefined)_\n- **--m3e-slider-tick-shape** - Corner shape of each tick mark. _(default: undefined)_\n- **--m3e-slider-inactive-track-color** - Background color of the inactive track when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-inactive-track-color** - Base color of the inactive track when disabled. _(default: undefined)_\n- **--m3e-slider-disabled-inactive-track-opacity** - Opacity of the inactive track when disabled. _(default: undefined)_\n- **--m3e-slider-active-track-color** - Background color of the active track when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-active-track-color** - Base color of the active track when disabled. _(default: undefined)_\n- **--m3e-slider-disabled-active-track-opacity** - Opacity of the active track when disabled. _(default: undefined)_\n- **--m3e-slider-tick-active-color** - Color of active ticks when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-tick-active-color** - Color of active ticks when disabled. _(default: undefined)_\n- **--m3e-slider-tick-inactive-color** - Color of inactive ticks when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-tick-inactive-color** - Color of inactive ticks when disabled. _(default: undefined)_",
@@ -2486,6 +2588,11 @@
           "description": "The orientation of the split.",
           "values": [{ "name": "SplitPaneOrientation" }]
         },
+        {
+          "name": "overshoot-limit",
+          "description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.",
+          "values": []
+        },
         {
           "name": "step",
           "description": "A fractional value, between 0 and 100, indicating the increment by which to adjust the value when resized via keyboard.",
@@ -2811,33 +2918,6 @@
       ],
       "references": []
     },
-    {
-      "name": "m3e-toolbar",
-      "description": "Presents frequently used actions relevant to the current page.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the toolbar.\n\n### **CSS Properties:**\n - **--m3e-toolbar-size** - The size (height or width) of the toolbar. _(default: undefined)_\n- **--m3e-toolbar-spacing** - The gap between toolbar items. _(default: undefined)_\n- **--m3e-toolbar-rounded-shape** - Border radius for rounded shape. _(default: undefined)_\n- **--m3e-toolbar-rounded-padding** - Padding for rounded shape. _(default: undefined)_\n- **--m3e-toolbar-square-padding** - Padding for square shape. _(default: undefined)_\n- **--m3e-toolbar-standard-container-color** - Container color for the standard variant. _(default: undefined)_\n- **--m3e-toolbar-standard-color** - Foreground color for the standard variant. _(default: undefined)_\n- **--m3e-toolbar-vibrant-container-color** - Container color for the vibrant variant. _(default: undefined)_\n- **--m3e-toolbar-vibrant-color** - Foreground color for the vibrant variant. _(default: undefined)_",
-      "attributes": [
-        {
-          "name": "elevated",
-          "description": "Whether the toolbar is elevated.",
-          "values": []
-        },
-        {
-          "name": "shape",
-          "description": "The shape of the toolbar.",
-          "values": [{ "name": "ToolbarShape" }]
-        },
-        {
-          "name": "variant",
-          "description": "The appearance variant of the toolbar.",
-          "values": [{ "name": "ToolbarVariant" }]
-        },
-        {
-          "name": "vertical",
-          "description": "Whether the element is oriented vertically.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "m3e-rich-tooltip-action",
       "description": "An element, nested within a clickable element, used to dismiss a parenting rich tooltip.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
@@ -2924,6 +3004,33 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-toolbar",
+      "description": "Presents frequently used actions relevant to the current page.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the toolbar.\n\n### **CSS Properties:**\n - **--m3e-toolbar-size** - The size (height or width) of the toolbar. _(default: undefined)_\n- **--m3e-toolbar-spacing** - The gap between toolbar items. _(default: undefined)_\n- **--m3e-toolbar-rounded-shape** - Border radius for rounded shape. _(default: undefined)_\n- **--m3e-toolbar-rounded-padding** - Padding for rounded shape. _(default: undefined)_\n- **--m3e-toolbar-square-padding** - Padding for square shape. _(default: undefined)_\n- **--m3e-toolbar-standard-container-color** - Container color for the standard variant. _(default: undefined)_\n- **--m3e-toolbar-standard-color** - Foreground color for the standard variant. _(default: undefined)_\n- **--m3e-toolbar-vibrant-container-color** - Container color for the vibrant variant. _(default: undefined)_\n- **--m3e-toolbar-vibrant-color** - Foreground color for the vibrant variant. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "elevated",
+          "description": "Whether the toolbar is elevated.",
+          "values": []
+        },
+        {
+          "name": "shape",
+          "description": "The shape of the toolbar.",
+          "values": [{ "name": "ToolbarShape" }]
+        },
+        {
+          "name": "variant",
+          "description": "The appearance variant of the toolbar.",
+          "values": [{ "name": "ToolbarVariant" }]
+        },
+        {
+          "name": "vertical",
+          "description": "Whether the element is oriented vertically.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-tree",
       "description": "Presents hierarchical data in a tree structure.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state changes.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands all items, and optionally, all descendants.\n- **expand(items: _M3eTreeItemElement[]_, descendants: _boolean_): _void_** - Expands the specified items, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses all items, and optionally, all descendants.\n- **collapse(items: _M3eTreeItemElement[]_, descendants: _boolean_): _void_** - Collapses the specified items, and optionally, all descendants.\n- **select(item: _M3eTreeItemElement_, activate: _boolean_): _void_** - Selects the specified item.\n- **deselect(item: _M3eTreeItemElement_): _void_** - Deselects the specified item.\n\n### **Slots:**\n - _default_ - Renders the items of the tree.\n\n### **CSS Properties:**\n - **--m3e-tree-scrollbar-width** - Width of the tree scrollbar. _(default: undefined)_\n- **--m3e-tree-scrollbar-color** - Color of the tree scrollbar. _(default: undefined)_",

package/dist/list.js

@@ -4,7 +4,7 @@
  * See LICENSE file in the project root for full license text.
  */
 import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate } from 'tslib';
-import { ReconnectedCallback, AttachInternals, Role, ResizeController, setCustomState, computeLineCount, DesignToken, customElement, LinkButton, KeyboardClick, Focusable, Disabled, FocusController, PressedController, HoverController, renderPseudoLink, Selected, getTextContent, Labelled, Dirty, Touched, FormAssociated, formValue } from '@m3e/web/core';
+import { ReconnectedCallback, AttachInternals, Role, ResizeController, setCustomState, computeLineCount, DesignToken, customElement, KeyboardClick, LinkButton, Focusable, Disabled, FocusController, PressedController, HoverController, renderPseudoLink, Selected, getTextContent, Labelled, Dirty, Touched, FormAssociated, formValue } from '@m3e/web/core';
 import { selectionManager, RovingTabIndexManager, SelectionManager } from '@m3e/web/core/a11y';
 import { LitElement, html, unsafeCSS, css } from 'lit';
 import { property, query } from 'lit/decorators.js';
@@ -643,6 +643,40 @@ _M3eActionListElement_keyDownHandler = new WeakMap();
 _a$1 = selectionManager;
 M3eActionListElement = __decorate([customElement("m3e-action-list")], M3eActionListElement);
 
+/**
+ * @internal
+ * An internal interactive element used to present the content of a list item.
+ */
+let M3eListItemButtonElement = class M3eListItemButtonElement extends KeyboardClick(LinkButton(Focusable(Disabled(AttachInternals(Role(M3eListItemElement, "button"), true))))) {
+  constructor() {
+    super();
+    new FocusController(this, {
+      callback: (_, focusVisible) => this.shadowRoot?.querySelector(".base")?.classList.toggle("focus-visible", focusVisible)
+    });
+    new PressedController(this, {
+      callback: pressed => this.shadowRoot?.querySelector(".base")?.classList.toggle("pressed", pressed)
+    });
+    new HoverController(this, {
+      callback: hovering => this.shadowRoot?.querySelector(".base")?.classList.toggle("hover", hovering)
+    });
+  }
+  /** @inheritdoc */
+  firstUpdated(_changedProperties) {
+    super.firstUpdated(_changedProperties);
+    [this._focusRing, this._stateLayer, this._ripple].forEach(x => x?.attach(this));
+  }
+  /** @inheritdoc */
+  render() {
+    return html`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" inward ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple>${this[renderPseudoLink]()} ${super._renderBase()}</div>`;
+  }
+};
+/** The styles of the element. */
+M3eListItemButtonElement.styles = [M3eListItemElement.styles, css`:host { outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { position: relative; } :host(:not(:disabled)) { cursor: pointer; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } slot[name="trailing"] { align-self: var(--_list-item-button-trailing-align-self, auto); }`];
+__decorate([query(".focus-ring")], M3eListItemButtonElement.prototype, "_focusRing", void 0);
+__decorate([query(".state-layer")], M3eListItemButtonElement.prototype, "_stateLayer", void 0);
+__decorate([query(".ripple")], M3eListItemButtonElement.prototype, "_ripple", void 0);
+M3eListItemButtonElement = __decorate([customElement("m3e-list-item-button")], M3eListItemButtonElement);
+
 var _M3eListActionElement_instances, _M3eListActionElement_handleClick;
 /**
  * An item in a list that performs an action.
@@ -724,7 +758,7 @@ var _M3eListActionElement_instances, _M3eListActionElement_handleClick;
  * @cssprop --m3e-list-item-three-line-top-offset - Top offset for media in three line items.
  * @cssprop --m3e-list-item-disabled-media-opacity - Opacity for media when disabled.
  */
-let M3eListActionElement = class M3eListActionElement extends LinkButton(M3eListItemElement) {
+let M3eListActionElement = class M3eListActionElement extends LinkButton(M3eListItemElement, true) {
   constructor() {
     super(...arguments);
     _M3eListActionElement_instances.add(this);
@@ -766,40 +800,6 @@ __decorate([property({
 })], M3eListActionElement.prototype, "disabled", void 0);
 M3eListActionElement = __decorate([customElement("m3e-list-action")], M3eListActionElement);
 
-/**
- * @internal
- * An internal interactive element used to present the content of a list item.
- */
-let M3eListItemButtonElement = class M3eListItemButtonElement extends KeyboardClick(LinkButton(Focusable(Disabled(AttachInternals(Role(M3eListItemElement, "button"), true))))) {
-  constructor() {
-    super();
-    new FocusController(this, {
-      callback: (_, focusVisible) => this.shadowRoot?.querySelector(".base")?.classList.toggle("focus-visible", focusVisible)
-    });
-    new PressedController(this, {
-      callback: pressed => this.shadowRoot?.querySelector(".base")?.classList.toggle("pressed", pressed)
-    });
-    new HoverController(this, {
-      callback: hovering => this.shadowRoot?.querySelector(".base")?.classList.toggle("hover", hovering)
-    });
-  }
-  /** @inheritdoc */
-  firstUpdated(_changedProperties) {
-    super.firstUpdated(_changedProperties);
-    [this._focusRing, this._stateLayer, this._ripple].forEach(x => x?.attach(this));
-  }
-  /** @inheritdoc */
-  render() {
-    return html`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" inward ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple>${this[renderPseudoLink]()} ${super._renderBase()}</div>`;
-  }
-};
-/** The styles of the element. */
-M3eListItemButtonElement.styles = [M3eListItemElement.styles, css`:host { outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { position: relative; } :host(:not(:disabled)) { cursor: pointer; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } slot[name="trailing"] { align-self: var(--_list-item-button-trailing-align-self, auto); }`];
-__decorate([query(".focus-ring")], M3eListItemButtonElement.prototype, "_focusRing", void 0);
-__decorate([query(".state-layer")], M3eListItemButtonElement.prototype, "_stateLayer", void 0);
-__decorate([query(".ripple")], M3eListItemButtonElement.prototype, "_ripple", void 0);
-M3eListItemButtonElement = __decorate([customElement("m3e-list-item-button")], M3eListItemButtonElement);
-
 var _M3eListOptionElement_instances, _M3eListOptionElement_value, _M3eListOptionElement_textContent, _M3eListOptionElement_clickHandler, _M3eListOptionElement_handleSlotChange, _M3eListOptionElement_handleClick;
 /**
  * A selectable option in a list.
@@ -1136,5 +1136,5 @@ __decorate([property({
 })], M3eSelectionListElement.prototype, "hideSelectionIndicator", void 0);
 M3eSelectionListElement = __decorate([customElement("m3e-selection-list")], M3eSelectionListElement);
 
-export { M3eActionListElement, M3eExpandableListItemElement, M3eListActionElement, M3eListElement, M3eListItemButtonElement, M3eListItemElement, M3eListOptionElement, M3eSelectionListElement };
+export { M3eActionListElement, M3eExpandableListItemElement, M3eListActionElement, M3eListElement, M3eListItemElement, M3eListOptionElement, M3eSelectionListElement };
 //# sourceMappingURL=list.js.map