@momentum-design/components 0.129.42 → 0.129.44

package/dist/custom-elements.json

@@ -161,8 +161,8 @@
               "attribute": "disabled",
               "reflects": true,
               "inheritedFrom": {
-                "name": "DisabledMixin",
-                "module": "utils/mixins/DisabledMixin.js"
+                "name": "AccordionButton",
+                "module": "components/accordionbutton/accordionbutton.component.js"
               }
             },
             {
@@ -195,6 +195,34 @@
                 "module": "components/accordionbutton/accordionbutton.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "AccordionButton",
+                "module": "components/accordionbutton/accordionbutton.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getArrowIconName",
@@ -420,8 +448,8 @@
               "default": "undefined",
               "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "DisabledMixin",
-                "module": "src/utils/mixins/DisabledMixin.ts"
+                "name": "AccordionButton",
+                "module": "src/components/accordionbutton/accordionbutton.component.ts"
               }
             },
             {
@@ -632,6 +660,34 @@
               "attribute": "expanded",
               "reflects": true
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getArrowIconName",
@@ -840,6 +896,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "DisabledMixin",
               "module": "/src/utils/mixins/DisabledMixin"
@@ -1154,6 +1214,34 @@
                 "module": "components/buttonsimple/buttonsimple.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleBlur",
@@ -3784,6 +3872,34 @@
                 "module": "components/buttonsimple/buttonsimple.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleBlur",
@@ -5329,6 +5445,34 @@
                 "module": "components/buttonsimple/buttonsimple.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleBlur",
@@ -7035,6 +7179,34 @@
               "name": "executeAction",
               "privacy": "protected"
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleBlur",
@@ -7358,6 +7530,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "AutoFocusOnMountMixin",
               "module": "/src/utils/mixins/AutoFocusOnMountMixin"
@@ -8047,6 +8223,34 @@
                 "module": "components/buttonsimple/buttonsimple.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Buttonsimple",
+                "module": "components/buttonsimple/buttonsimple.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleBlur",
@@ -9014,6 +9218,34 @@
                 "module": "utils/mixins/DisabledMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleKeyDown",
@@ -9475,6 +9707,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "DisabledMixin",
               "module": "/src/utils/mixins/DisabledMixin"
@@ -9732,6 +9968,34 @@
                 "module": "utils/mixins/DisabledMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getAllCardsWithinSameGroup",
@@ -10238,6 +10502,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "DisabledMixin",
               "module": "/src/utils/mixins/DisabledMixin"
@@ -10273,7 +10541,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The Checkbox component allows users to select one or multiple options from a list, toggle features on/off,\nor indicate agreement in forms and settings. These are commonly used in forms, lists, and settings panels\nwhere users need to make selections or express preferences.\n\nTo create a group of checkboxes, use the `mdc-formfieldgroup` component.\n\n**Note:** This component internally renders a native checkbox input element with custom styling.\n\n## When to use\nUse checkboxes when users can select multiple options from a list, or when a single checkbox represents a binary choice (e.g., agreeing to terms).\n\n## Accessibility\n- Provide clear labels that describe what the checkbox controls\n- Use `data-aria-label` when a visual label is not present\n- Keyboard navigation: Space to toggle, Tab to navigate, Enter to submit form\n\n## Styling\nUse the `static-checkbox` part to apply custom styles to the checkbox visual element.\nThis part exposes the underlying [StaticCheckbox](?path=/docs/components-decorator-staticcheckbox--docs) component for advanced styling.",
+          "description": "The Checkbox component allows users to select one or multiple options from a list, toggle features on/off,\nor indicate agreement in forms and settings. These are commonly used in forms, lists, and settings panels\nwhere users need to make selections or express preferences.\n\nTo create a group of checkboxes, use the `mdc-formfieldgroup` component.\n\n**Note:** This component internally renders a native checkbox input element with custom styling.\n\n## When to use\n\nUse checkboxes when users can select multiple options from a list, or when a single checkbox represents a binary choice (e.g., agreeing to terms).\n\n## Accessibility\n- Provide clear labels that describe what the checkbox controls\n- Use `data-aria-label` when a visual label is not present\n- Keyboard navigation: Space to toggle, Tab to navigate, Enter to submit form\n\n## Styling\nUse the `static-checkbox` part to apply custom styles to the checkbox visual element.\nThis part exposes the underlying [StaticCheckbox](?path=/docs/components-decorator-staticcheckbox--docs) component for advanced styling.",
           "name": "Checkbox",
           "cssParts": [
             {
@@ -10434,6 +10702,34 @@
                 "module": "utils/mixins/DisabledMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "helpText",
@@ -11004,6 +11300,14 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "AutoFocusOnMountMixin",
               "module": "/src/utils/mixins/AutoFocusOnMountMixin"
@@ -11022,7 +11326,7 @@
             "module": "/src/components/formfieldwrapper/formfieldwrapper.component"
           },
           "tagName": "mdc-checkbox",
-          "jsDoc": "/**\n * The Checkbox component allows users to select one or multiple options from a list, toggle features on/off,\n * or indicate agreement in forms and settings. These are commonly used in forms, lists, and settings panels\n * where users need to make selections or express preferences.\n *\n * To create a group of checkboxes, use the `mdc-formfieldgroup` component.\n *\n * **Note:** This component internally renders a native checkbox input element with custom styling.\n *\n * ## When to use\n * Use checkboxes when users can select multiple options from a list, or when a single checkbox represents a binary choice (e.g., agreeing to terms).\n *\n * ## Accessibility\n * - Provide clear labels that describe what the checkbox controls\n * - Use `data-aria-label` when a visual label is not present\n * - Keyboard navigation: Space to toggle, Tab to navigate, Enter to submit form\n *\n * ## Styling\n * Use the `static-checkbox` part to apply custom styles to the checkbox visual element.\n * This part exposes the underlying [StaticCheckbox](?path=/docs/components-decorator-staticcheckbox--docs) component for advanced styling.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-staticcheckbox\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-checkbox\n *\n * @event change - (React: onChange) Event that gets dispatched when the checkbox state changes.\n * @event focus - (React: onFocus) Event that gets dispatched when the checkbox receives focus.\n *\n * @csspart label - The label element.\n * @csspart label-text - The container for the label and required indicator elements.\n * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.\n * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.\n * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.\n * @csspart help-text - The helper/validation text element.\n * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.\n * @csspart help-text-container - The container for the helper/validation icon and text elements.\n * @csspart checkbox-input - The native checkbox input element that provides the interactive functionality.\n * @csspart text-container - The container for the label and helper text elements.\n * @csspart static-checkbox - The staticcheckbox that provides the visual checkbox appearance.\n */",
+          "jsDoc": "/**\n * The Checkbox component allows users to select one or multiple options from a list, toggle features on/off,\n * or indicate agreement in forms and settings. These are commonly used in forms, lists, and settings panels\n * where users need to make selections or express preferences.\n *\n * To create a group of checkboxes, use the `mdc-formfieldgroup` component.\n *\n * **Note:** This component internally renders a native checkbox input element with custom styling.\n *\n * ## When to use\n *\n * Use checkboxes when users can select multiple options from a list, or when a single checkbox represents a binary choice (e.g., agreeing to terms).\n *\n * ## Accessibility\n * - Provide clear labels that describe what the checkbox controls\n * - Use `data-aria-label` when a visual label is not present\n * - Keyboard navigation: Space to toggle, Tab to navigate, Enter to submit form\n *\n * ## Styling\n * Use the `static-checkbox` part to apply custom styles to the checkbox visual element.\n * This part exposes the underlying [StaticCheckbox](?path=/docs/components-decorator-staticcheckbox--docs) component for advanced styling.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-staticcheckbox\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-checkbox\n *\n * @event change - (React: onChange) Event that gets dispatched when the checkbox state changes.\n * @event focus - (React: onFocus) Event that gets dispatched when the checkbox receives focus.\n *\n * @csspart label - The label element.\n * @csspart label-text - The container for the label and required indicator elements.\n * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.\n * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.\n * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.\n * @csspart help-text - The helper/validation text element.\n * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.\n * @csspart help-text-container - The container for the helper/validation icon and text elements.\n * @csspart checkbox-input - The native checkbox input element that provides the interactive functionality.\n * @csspart text-container - The container for the label and helper text elements.\n * @csspart static-checkbox - The staticcheckbox that provides the visual checkbox appearance.\n */",
           "customElement": true,
           "slots": [
             {
@@ -11290,6 +11594,34 @@
                 "module": "components/buttonsimple/buttonsimple.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Buttonsimple",
+                "module": "components/buttonsimple/buttonsimple.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleBlur",
@@ -11820,7 +12152,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Coachmark component based on top of the popover component,\nwith the default value of certain properties changed.",
+          "description": "A Coachmark is a contextual guidance component used to highlight a specific UI element and explain its purpose or functionality.\nIt is typically shown as part of onboarding, feature discovery, or progressive education within the product.\n\nCoachmark component based on top of the popover component,\nwith the default value of certain properties changed.\nCoachmark component will always have an arrow attached to it.\nThe color of the coachmark is contrast.\n\n## When to use\n- Introducing a new or complex feature to users.\n- Drawing attention to a UI element that might otherwise be missed.\n- Providing step-by-step guidance in an onboarding or walkthrough flow.\n\n## Accessibility\n- The default role of coachmark is `\"dialog\"`, which can be changed via the `role` attribute.\n- aria-label or aria-labelledby can be provided to give the coachmark an accessible name.",
           "name": "Coachmark",
           "cssProperties": [
             {
@@ -12086,7 +12418,7 @@
               "kind": "field",
               "name": "boundaryRoot",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -12128,26 +12460,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "cancelCloseDelay",
-              "privacy": "private",
-              "description": "Cancels the close delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "cancelOpenDelay",
-              "privacy": "private",
-              "description": "Cancels the open delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "closeButton",
@@ -12344,6 +12656,34 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getDeepActiveElement",
@@ -12359,46 +12699,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "handleFocusIn",
-              "privacy": "private",
-              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusOut",
-              "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nCloses based on hideOnBlur property or hover state.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseEnter",
-              "privacy": "private",
-              "description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseLeave",
-              "privacy": "private",
-              "description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "handleTabKeydown",
@@ -12866,63 +13166,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "onEscapeKeydown",
-              "privacy": "private",
-              "description": "Handles the escape keydown event to close the popover.\n\nThis method is attached to the document.",
-              "parameters": [
-                {
-                  "description": "The keyboard event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "onOutsidePopoverClick",
-              "privacy": "protected",
-              "description": "Handles the outside click event to close the popover.",
-              "parameters": [
-                {
-                  "description": "The mouse event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "onPopoverFocusOut",
-              "privacy": "private",
-              "description": "Handles the popover focus out event.",
-              "parameters": [
-                {
-                  "description": "The focus event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "parseTrigger",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "placement",
@@ -12938,16 +13181,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "positionPopover",
-              "privacy": "private",
-              "description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "preventScroll",
@@ -12978,26 +13211,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "removeAllListeners",
-              "privacy": "private",
-              "description": "Removes all event listeners related to the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "removeTriggerListeners",
-              "privacy": "private",
-              "description": "Removes the trigger related event listeners.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "role",
@@ -13060,16 +13273,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "setupTriggerListeners",
-              "privacy": "private",
-              "description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "shouldFocusTrapWrap",
@@ -13125,16 +13328,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "startCloseDelay",
-              "privacy": "private",
-              "description": "Starts the close delay timer.\nIf the popover is not interactive, it will close the popover after the delay.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "strategy",
@@ -13150,16 +13343,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "timers",
-              "privacy": "private",
-              "default": "new Timers(this)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "togglePopoverVisible",
@@ -13207,6 +13390,20 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "triggerElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "public",
+              "description": "Get trigger element on-demand\nIt is necessary because trigger might appear later in the DOM, or it could be replaced completely.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "triggerID",
@@ -13459,7 +13656,7 @@
             {
               "name": "boundary-root",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -13782,7 +13979,7 @@
             "module": "/src/components/popover/popover.component"
           },
           "tagName": "mdc-coachmark",
-          "jsDoc": "/**\n * Coachmark component based on top of the popover component,\n * with the default value of certain properties changed.\n *\n * @dependency mdc-popover\n *\n * @tagname mdc-coachmark\n *\n * @event shown - (React: onShown) This event is dispatched when the coachmark is shown\n * @event hidden - (React: onHidden) This event is dispatched when the coachmark is hidden\n * @event created - (React: onCreated) This event is dispatched when the coachmark is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the coachmark is\n * destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border\n * @cssproperty --mdc-popover-arrow-border - border of the arrow\n * @cssproperty --mdc-popover-primary-background-color - primary background color of the popover\n * @cssproperty --mdc-popover-border-color - border color of the popover\n * @cssproperty --mdc-popover-inverted-background-color - inverted background color of the popover\n * @cssproperty --mdc-popover-inverted-border-color - inverted border color of the popover\n * @cssproperty --mdc-popover-inverted-text-color - inverted text color of the popover\n * @cssproperty --mdc-popover-elevation-3 - elevation of the popover\n *\n * @slot - Default slot for modal container\n *\n */",
+          "jsDoc": "/**\n * A Coachmark is a contextual guidance component used to highlight a specific UI element and explain its purpose or functionality.\n * It is typically shown as part of onboarding, feature discovery, or progressive education within the product.\n *\n * Coachmark component based on top of the popover component,\n * with the default value of certain properties changed.\n * Coachmark component will always have an arrow attached to it.\n * The color of the coachmark is contrast.\n *\n * ## When to use\n * - Introducing a new or complex feature to users.\n * - Drawing attention to a UI element that might otherwise be missed.\n * - Providing step-by-step guidance in an onboarding or walkthrough flow.\n *\n * ## Accessibility\n * - The default role of coachmark is `\"dialog\"`, which can be changed via the `role` attribute.\n * - aria-label or aria-labelledby can be provided to give the coachmark an accessible name.\n *\n * @dependency mdc-popover\n *\n * @tagname mdc-coachmark\n *\n * @event shown - (React: onShown) This event is dispatched when the coachmark is shown\n * @event hidden - (React: onHidden) This event is dispatched when the coachmark is hidden\n * @event created - (React: onCreated) This event is dispatched when the coachmark is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the coachmark is\n * destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border\n * @cssproperty --mdc-popover-arrow-border - border of the arrow\n * @cssproperty --mdc-popover-primary-background-color - primary background color of the popover\n * @cssproperty --mdc-popover-border-color - border color of the popover\n * @cssproperty --mdc-popover-inverted-background-color - inverted background color of the popover\n * @cssproperty --mdc-popover-inverted-border-color - inverted border color of the popover\n * @cssproperty --mdc-popover-inverted-text-color - inverted text color of the popover\n * @cssproperty --mdc-popover-elevation-3 - elevation of the popover\n *\n * @slot - Default slot for modal container\n */",
           "customElement": true,
           "cssParts": [
             {
@@ -14175,6 +14372,34 @@
                 "module": "utils/mixins/DisabledMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getFirstSelectedOption",
@@ -15189,6 +15414,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "CaptureDestroyEventForChildElement",
               "module": "/src/utils/mixins/lifecycle/CaptureDestroyEventForChildElement"
@@ -16833,6 +17062,34 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Buttonsimple",
+                "module": "components/buttonsimple/buttonsimple.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleBlur",
@@ -19571,6 +19828,34 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleKeyDown",
@@ -20411,6 +20696,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "AutoFocusOnMountMixin",
               "module": "/src/utils/mixins/AutoFocusOnMountMixin"
@@ -21426,6 +21715,34 @@
                 "module": "components/buttonsimple/buttonsimple.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Buttonsimple",
+                "module": "components/buttonsimple/buttonsimple.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleBlur",
@@ -22363,6 +22680,34 @@
             }
           ],
           "members": [
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getCurrentIndex",
@@ -22506,37 +22851,6 @@
                 "module": "utils/mixins/ListNavigationMixin.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "resolveDirectionKey",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The key pressed by the user."
-                },
-                {
-                  "name": "isRtl",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "A boolean indicating if the layout is right-to-left (RTL)."
-                }
-              ],
-              "description": "Resolves the key pressed by the user based on the direction of the layout.\nThis method is used to handle keyboard navigation in a right-to-left (RTL) layout.\nIt checks if the layout is RTL and adjusts the arrow keys accordingly.\nFor example, in RTL, the left arrow key behaves like the right arrow key and vice versa.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "inheritedFrom": {
-                "name": "ListNavigationMixin",
-                "module": "utils/mixins/ListNavigationMixin.js"
-              }
-            },
             {
               "kind": "method",
               "name": "setInitialFocus",
@@ -22644,6 +22958,34 @@
               },
               "description": "Dispatch change event when an option is selected."
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getCurrentIndex",
@@ -22744,37 +23086,6 @@
                 "module": "utils/mixins/ListNavigationMixin.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "resolveDirectionKey",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The key pressed by the user."
-                },
-                {
-                  "name": "isRtl",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "A boolean indicating if the layout is right-to-left (RTL)."
-                }
-              ],
-              "description": "Resolves the key pressed by the user based on the direction of the layout.\nThis method is used to handle keyboard navigation in a right-to-left (RTL) layout.\nIt checks if the layout is RTL and adjusts the arrow keys accordingly.\nFor example, in RTL, the left arrow key behaves like the right arrow key and vice versa.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "inheritedFrom": {
-                "name": "ListNavigationMixin",
-                "module": "utils/mixins/ListNavigationMixin.js"
-              }
-            },
             {
               "kind": "method",
               "name": "setInitialFocus",
@@ -23223,6 +23534,34 @@
               ],
               "description": "Disable or enable all slotted elements in the leading and trailing slots.\nThis is useful when the list item is disabled, to prevent the user from interacting with the controls."
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getText",
@@ -23595,6 +23934,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "DisabledMixin",
               "module": "/src/utils/mixins/DisabledMixin"
@@ -23757,47 +24100,57 @@
             },
             {
               "kind": "method",
-              "name": "getAllPopovers",
-              "privacy": "private",
+              "name": "getActionForKeyEvent",
               "return": {
                 "type": {
-                  "text": "Element[]"
+                  "text": "Actions | undefined"
                 }
               },
-              "description": "Returns all menupopovers, including direct and slotted ones ."
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "getCurrentIndex",
+              "name": "getAllPopovers",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "Element[]"
                 }
               },
-              "parameters": [
-                {
-                  "name": "target",
-                  "type": {
-                    "text": "EventTarget | null"
-                  }
-                }
-              ]
+              "description": "Returns all menupopovers, including direct and slotted ones ."
             },
             {
               "kind": "method",
-              "name": "getKeyWithDirectionFix",
+              "name": "getCurrentIndex",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "number"
                 }
               },
               "parameters": [
                 {
-                  "name": "originalKey",
+                  "name": "target",
                   "type": {
-                    "text": "string"
+                    "text": "EventTarget | null"
                   }
                 }
               ]
@@ -24037,6 +24390,12 @@
               ]
             }
           ],
+          "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            }
+          ],
           "superclass": {
             "name": "Component",
             "module": "/src/models"
@@ -24264,6 +24623,34 @@
                 "module": "components/listitem/listitem.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "components/listitem/listitem.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getText",
@@ -25315,6 +25702,34 @@
                 "module": "components/listitem/listitem.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "components/listitem/listitem.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getCheckmarkIcon",
@@ -26391,6 +26806,34 @@
                 "module": "components/listitem/listitem.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "components/listitem/listitem.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getAllRadiosWithinSameGroup",
@@ -27324,7 +27767,7 @@
               "kind": "field",
               "name": "boundaryRoot",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -27366,26 +27809,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "cancelCloseDelay",
-              "privacy": "private",
-              "description": "Cancels the close delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "cancelOpenDelay",
-              "privacy": "private",
-              "description": "Cancels the open delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "closeAllMenuPopovers",
@@ -27643,6 +28066,34 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getCurrentIndex",
@@ -27678,26 +28129,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "handleFocusIn",
-              "privacy": "private",
-              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusOut",
-              "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nCloses based on hideOnBlur property or hover state.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "handleItemChangeEvent",
@@ -27762,26 +28193,6 @@
               ],
               "description": "Handles mouse click events on the menu items.\nThis method checks if the clicked element is a valid menu item and not a submenu trigger.\nIf it is, it closes all other menu popovers to ensure only one menu is open at a time."
             },
-            {
-              "kind": "field",
-              "name": "handleMouseEnter",
-              "privacy": "private",
-              "description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseLeave",
-              "privacy": "private",
-              "description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "handleTabKeydown",
@@ -28270,62 +28681,16 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "onEscapeKeydown",
-              "privacy": "private",
-              "description": "Handles the escape keydown event to close the popover.\n\nThis method is attached to the document.",
-              "parameters": [
-                {
-                  "description": "The keyboard event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "onOutsidePopoverClick",
-              "privacy": "protected",
               "description": "Handles outside click events to close the popover.\nThis method checks if the click occurred outside the popover and its trigger element.\nIf so, it closes the popover by calling `closeAllMenuPopovers`.\nIt also checks if the click was on the backdrop element (if present) to close the popover.",
               "parameters": [
                 {
                   "description": "The mouse event that triggered the outside click.",
                   "name": "event"
                 }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "onPopoverFocusOut",
-              "privacy": "private",
-              "description": "Handles the popover focus out event.",
-              "parameters": [
-                {
-                  "description": "The focus event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "parseTrigger",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              ]
             },
             {
               "kind": "field",
@@ -28342,16 +28707,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "positionPopover",
-              "privacy": "private",
-              "description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "preventScroll",
@@ -28382,26 +28737,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "removeAllListeners",
-              "privacy": "private",
-              "description": "Removes all event listeners related to the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "removeTriggerListeners",
-              "privacy": "private",
-              "description": "Removes the trigger related event listeners.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "resetMenuNavigation",
@@ -28449,33 +28784,6 @@
               ],
               "description": "Reset all tabindex to -1 and set the tabindex of the current menu item to 0"
             },
-            {
-              "kind": "method",
-              "name": "resolveDirectionKey",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The key pressed by the user."
-                },
-                {
-                  "name": "isRtl",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "A boolean indicating if the layout is right-to-left (RTL)."
-                }
-              ],
-              "description": "Resolves the key pressed by the user based on the direction of the layout.\nThis method is used to handle keyboard navigation in a right-to-left (RTL) layout.\nIt checks if the layout is RTL and adjusts the arrow keys accordingly.\nFor example, in RTL, the left arrow key behaves like the right arrow key and vice versa.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
-            },
             {
               "kind": "field",
               "name": "role",
@@ -28538,16 +28846,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "setupTriggerListeners",
-              "privacy": "private",
-              "description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "shouldFocusTrapWrap",
@@ -28603,16 +28901,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "startCloseDelay",
-              "privacy": "private",
-              "description": "Starts the close delay timer.\nIf the popover is not interactive, it will close the popover after the delay.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "strategy",
@@ -28628,16 +28916,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "timers",
-              "privacy": "private",
-              "default": "new Timers(this)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "togglePopoverVisible",
@@ -28690,6 +28968,20 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "triggerElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "public",
+              "description": "Get trigger element on-demand\nIt is necessary because trigger might appear later in the DOM, or it could be replaced completely.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "triggerID",
@@ -28913,7 +29205,7 @@
             {
               "name": "boundary-root",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -29945,6 +30237,34 @@
                 "module": "components/listitem/listitem.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "components/listitem/listitem.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getFilledIconName",
@@ -31315,6 +31635,34 @@
                 "module": "components/listitem/listitem.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "components/listitem/listitem.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getText",
@@ -32559,6 +32907,34 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleKeyDown",
@@ -33820,7 +34196,7 @@
               "kind": "field",
               "name": "boundaryRoot",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -33858,18 +34234,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "cancelCloseDelay",
-              "privacy": "private",
-              "description": "Cancels the close delay timer."
-            },
-            {
-              "kind": "field",
-              "name": "cancelOpenDelay",
-              "privacy": "private",
-              "description": "Cancels the open delay timer."
-            },
             {
               "kind": "field",
               "name": "closeButton",
@@ -34038,6 +34402,34 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getDeepActiveElement",
@@ -34053,30 +34445,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "handleFocusIn",
-              "privacy": "private",
-              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered."
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusOut",
-              "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nCloses based on hideOnBlur property or hover state."
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseEnter",
-              "privacy": "private",
-              "description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover"
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseLeave",
-              "privacy": "private",
-              "description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover."
-            },
             {
               "kind": "method",
               "name": "handleTabKeydown",
@@ -34500,47 +34868,6 @@
               "attribute": "offset",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "onEscapeKeydown",
-              "privacy": "private",
-              "description": "Handles the escape keydown event to close the popover.\n\nThis method is attached to the document.",
-              "parameters": [
-                {
-                  "description": "The keyboard event.",
-                  "name": "event"
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "onOutsidePopoverClick",
-              "privacy": "protected",
-              "description": "Handles the outside click event to close the popover.",
-              "parameters": [
-                {
-                  "description": "The mouse event.",
-                  "name": "event"
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "onPopoverFocusOut",
-              "privacy": "private",
-              "description": "Handles the popover focus out event.",
-              "parameters": [
-                {
-                  "description": "The focus event.",
-                  "name": "event"
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "parseTrigger",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "placement",
@@ -34552,12 +34879,6 @@
               "attribute": "placement",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "positionPopover",
-              "privacy": "private",
-              "description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position."
-            },
             {
               "kind": "field",
               "name": "preventScroll",
@@ -34580,18 +34901,6 @@
               "attribute": "propagate-event-on-escape",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "removeAllListeners",
-              "privacy": "private",
-              "description": "Removes all event listeners related to the popover."
-            },
-            {
-              "kind": "field",
-              "name": "removeTriggerListeners",
-              "privacy": "private",
-              "description": "Removes the trigger related event listeners."
-            },
             {
               "kind": "field",
               "name": "role",
@@ -34650,12 +34959,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "setupTriggerListeners",
-              "privacy": "private",
-              "description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)"
-            },
             {
               "kind": "field",
               "name": "shouldFocusTrapWrap",
@@ -34699,12 +35002,6 @@
               "attribute": "size",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "startCloseDelay",
-              "privacy": "private",
-              "description": "Starts the close delay timer.\nIf the popover is not interactive, it will close the popover after the delay."
-            },
             {
               "kind": "field",
               "name": "strategy",
@@ -34716,12 +35013,6 @@
               "attribute": "strategy",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "timers",
-              "privacy": "private",
-              "default": "new Timers(this)"
-            },
             {
               "kind": "field",
               "name": "togglePopoverVisible",
@@ -34761,6 +35052,16 @@
               "attribute": "trigger",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "triggerElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "public",
+              "description": "Get trigger element on-demand\nIt is necessary because trigger might appear later in the DOM, or it could be replaced completely.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "triggerID",
@@ -34901,7 +35202,7 @@
             {
               "name": "boundary-root",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -35160,6 +35461,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "BackdropMixin",
               "module": "/src/utils/mixins/BackdropMixin"
@@ -37127,6 +37432,34 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "helpText",
@@ -37666,6 +37999,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "AutoFocusOnMountMixin",
               "module": "/src/utils/mixins/AutoFocusOnMountMixin"
@@ -39217,6 +39554,48 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleFilterContainerClick"
+            },
+            {
+              "kind": "field",
+              "name": "handleFilterContainerKeyDown",
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "handleFilterContainerKeyUp",
+              "privacy": "protected"
+            },
             {
               "kind": "method",
               "name": "handleKeyDown",
@@ -40715,6 +41094,60 @@
               "attribute": "display-popover",
               "reflects": true
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleFilterContainerClick",
+              "inheritedFrom": {
+                "name": "Searchfield",
+                "module": "components/searchfield/searchfield.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleFilterContainerKeyDown",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "Searchfield",
+                "module": "components/searchfield/searchfield.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleFilterContainerKeyUp",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "Searchfield",
+                "module": "components/searchfield/searchfield.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleKeyDown",
@@ -42199,6 +42632,34 @@
               },
               "description": "A private method which is called to fire the change and input events.\nIt dispatches the input and change events with the selected option's value and label."
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getCurrentIndex",
@@ -42643,37 +43104,6 @@
                 "module": "utils/mixins/ListNavigationMixin.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "resolveDirectionKey",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The key pressed by the user."
-                },
-                {
-                  "name": "isRtl",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "A boolean indicating if the layout is right-to-left (RTL)."
-                }
-              ],
-              "description": "Resolves the key pressed by the user based on the direction of the layout.\nThis method is used to handle keyboard navigation in a right-to-left (RTL) layout.\nIt checks if the layout is RTL and adjusts the arrow keys accordingly.\nFor example, in RTL, the left arrow key behaves like the right arrow key and vice versa.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "inheritedFrom": {
-                "name": "ListNavigationMixin",
-                "module": "utils/mixins/ListNavigationMixin.js"
-              }
-            },
             {
               "kind": "method",
               "name": "setInitialFocus",
@@ -43773,6 +44203,34 @@
               "attribute": "end-aria-valuetext",
               "reflects": true
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getTickStyles",
@@ -44417,6 +44875,12 @@
               "fieldName": "hideTooltip"
             }
           ],
+          "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            }
+          ],
           "superclass": {
             "name": "Component",
             "module": "/src/models"
@@ -45497,6 +45961,34 @@
             }
           ],
           "members": [
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleKeyDown",
@@ -45704,6 +46196,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "TabIndexMixin",
               "module": "/src/utils/mixins/TabIndexMixin"
@@ -45911,6 +46407,34 @@
                 "module": "components/buttonsimple/buttonsimple.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Buttonsimple",
+                "module": "components/buttonsimple/buttonsimple.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleBlur",
@@ -47048,6 +47572,34 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleCharacterOverflowStateChange",
@@ -47909,6 +48461,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "AutoFocusOnMountMixin",
               "module": "/src/utils/mixins/AutoFocusOnMountMixin"
@@ -48624,6 +49180,34 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "utils/mixins/KeyToActionMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "helpText",
@@ -49207,6 +49791,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "ControlTypeMixin",
               "module": "/src/utils/mixins/ControlTypeMixin"
@@ -49636,7 +50224,7 @@
               "kind": "field",
               "name": "boundaryRoot",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -49678,26 +50266,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "cancelCloseDelay",
-              "privacy": "private",
-              "description": "Cancels the close delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "cancelOpenDelay",
-              "privacy": "private",
-              "description": "Cancels the open delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "closeButton",
@@ -49904,14 +50472,27 @@
             },
             {
               "kind": "method",
-              "name": "getDeepActiveElement",
-              "privacy": "private",
-              "description": "Returns the deepest active element in the shadow DOM.",
+              "name": "getActionForKeyEvent",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "Actions | undefined"
                 }
               },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -49919,52 +50500,27 @@
             },
             {
               "kind": "method",
-              "name": "getToggleTipText",
+              "name": "getDeepActiveElement",
               "privacy": "private",
+              "description": "Returns the deepest active element in the shadow DOM.",
               "return": {
                 "type": {
                   "text": ""
                 }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusIn",
-              "privacy": "private",
-              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusOut",
-              "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nCloses based on hideOnBlur property or hover state.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseEnter",
-              "privacy": "private",
-              "description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
+              },
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "handleMouseLeave",
+              "kind": "method",
+              "name": "getToggleTipText",
               "privacy": "private",
-              "description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
+              "return": {
+                "type": {
+                  "text": ""
+                }
               }
             },
             {
@@ -50434,38 +50990,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "onEscapeKeydown",
-              "privacy": "private",
-              "description": "Handles the escape keydown event to close the popover.\n\nThis method is attached to the document.",
-              "parameters": [
-                {
-                  "description": "The keyboard event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "onOutsidePopoverClick",
-              "privacy": "protected",
-              "description": "Handles the outside click event to close the popover.",
-              "parameters": [
-                {
-                  "description": "The mouse event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "onPlacementUpdated",
@@ -50477,31 +51001,6 @@
               },
               "description": "Updates the placement attribute if it is not a valid placement.\nDefault placement for toggle tip is top."
             },
-            {
-              "kind": "field",
-              "name": "onPopoverFocusOut",
-              "privacy": "private",
-              "description": "Handles the popover focus out event.",
-              "parameters": [
-                {
-                  "description": "The focus event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "parseTrigger",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "placement",
@@ -50517,16 +51016,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "positionPopover",
-              "privacy": "private",
-              "description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "preventScroll",
@@ -50557,26 +51046,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "removeAllListeners",
-              "privacy": "private",
-              "description": "Removes all event listeners related to the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "removeTriggerListeners",
-              "privacy": "private",
-              "description": "Removes the trigger related event listeners.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "role",
@@ -50649,16 +51118,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "setupTriggerListeners",
-              "privacy": "private",
-              "description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "shouldFocusTrapWrap",
@@ -50714,16 +51173,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "startCloseDelay",
-              "privacy": "private",
-              "description": "Starts the close delay timer.\nIf the popover is not interactive, it will close the popover after the delay.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "strategy",
@@ -50739,16 +51188,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "timers",
-              "privacy": "private",
-              "default": "new Timers(this)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "togglePopoverVisible",
@@ -50796,6 +51235,20 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "triggerElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "public",
+              "description": "Get trigger element on-demand\nIt is necessary because trigger might appear later in the DOM, or it could be replaced completely.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "triggerID",
@@ -51017,7 +51470,7 @@
             {
               "name": "boundary-root",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -51698,7 +52151,7 @@
               "kind": "field",
               "name": "boundaryRoot",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -51740,26 +52193,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "cancelCloseDelay",
-              "privacy": "private",
-              "description": "Cancels the close delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "cancelOpenDelay",
-              "privacy": "private",
-              "description": "Cancels the open delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "closeButton",
@@ -51958,54 +52391,42 @@
             },
             {
               "kind": "method",
-              "name": "getDeepActiveElement",
-              "privacy": "private",
-              "description": "Returns the deepest active element in the shadow DOM.",
+              "name": "getActionForKeyEvent",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "Actions | undefined"
                 }
               },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "handleFocusIn",
-              "privacy": "private",
-              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusOut",
-              "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nCloses based on hideOnBlur property or hover state.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseEnter",
-              "privacy": "private",
-              "description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseLeave",
+              "kind": "method",
+              "name": "getDeepActiveElement",
               "privacy": "private",
-              "description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
+              "description": "Returns the deepest active element in the shadow DOM.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -52478,22 +52899,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "onEscapeKeydown",
-              "privacy": "private",
-              "description": "Handles the escape keydown event to close the popover.\n\nThis method is attached to the document.",
-              "parameters": [
-                {
-                  "description": "The keyboard event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "onIdUpdated",
@@ -52505,22 +52910,6 @@
               },
               "description": "Updates the tooltip id if it is empty."
             },
-            {
-              "kind": "field",
-              "name": "onOutsidePopoverClick",
-              "privacy": "protected",
-              "description": "Handles the outside click event to close the popover.",
-              "parameters": [
-                {
-                  "description": "The mouse event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "onPlacementUpdated",
@@ -52532,22 +52921,6 @@
               },
               "description": "Updates the placement attribute if it is not a valid placement.\nOverriding the default from Popover"
             },
-            {
-              "kind": "field",
-              "name": "onPopoverFocusOut",
-              "privacy": "private",
-              "description": "Handles the popover focus out event.",
-              "parameters": [
-                {
-                  "description": "The focus event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "onTooltipTypeUpdated",
@@ -52568,15 +52941,6 @@
               ],
               "description": "Updates the tooltip type attribute and sets the appropriate aria props on the trigger component."
             },
-            {
-              "kind": "field",
-              "name": "parseTrigger",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "placement",
@@ -52592,16 +52956,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "positionPopover",
-              "privacy": "private",
-              "description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "preventScroll",
@@ -52632,26 +52986,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "removeAllListeners",
-              "privacy": "private",
-              "description": "Removes all event listeners related to the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "removeTriggerListeners",
-              "privacy": "private",
-              "description": "Removes the trigger related event listeners.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "role",
@@ -52734,16 +53068,6 @@
               ],
               "description": "Sets the type attribute for the tooltip component.\nIf the provided type is not included in the TOOLTIP_TYPES,\nit defaults to the value specified in DEFAULTS.TOOLTIP_TYPE."
             },
-            {
-              "kind": "field",
-              "name": "setupTriggerListeners",
-              "privacy": "private",
-              "description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "shouldFocusTrapWrap",
@@ -52799,16 +53123,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "startCloseDelay",
-              "privacy": "private",
-              "description": "Starts the close delay timer.\nIf the popover is not interactive, it will close the popover after the delay.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "strategy",
@@ -52824,16 +53138,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "timers",
-              "privacy": "private",
-              "default": "new Timers(this)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "togglePopoverVisible",
@@ -52892,6 +53196,20 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "triggerElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "public",
+              "description": "Get trigger element on-demand\nIt is necessary because trigger might appear later in the DOM, or it could be replaced completely.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "triggerID",
@@ -53114,7 +53432,7 @@
             {
               "name": "boundary-root",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -53959,6 +54277,34 @@
               "name": "emitChangeEvent",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "List",
+                "module": "components/list/list.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getCurrentIndex",
@@ -54165,37 +54511,6 @@
                 "module": "components/list/list.component.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "resolveDirectionKey",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The key pressed by the user."
-                },
-                {
-                  "name": "isRtl",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "A boolean indicating if the layout is right-to-left (RTL)."
-                }
-              ],
-              "description": "Resolves the key pressed by the user based on the direction of the layout.\nThis method is used to handle keyboard navigation in a right-to-left (RTL) layout.\nIt checks if the layout is RTL and adjusts the arrow keys accordingly.\nFor example, in RTL, the left arrow key behaves like the right arrow key and vice versa.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "inheritedFrom": {
-                "name": "List",
-                "module": "components/list/list.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "revertList",
@@ -54404,6 +54719,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "DataAriaLabelMixin",
               "module": "/src/utils/mixins/DataAriaLabelMixin"
@@ -56545,6 +56864,77 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "utils/mixins/KeyToActionMixin.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ACTIONS",
+          "type": {
+            "text": "{\n  /** Action key, e.g., Enter */\n  ENTER: 'enter',\n  /** Back key, e.g., Escape/Back/Cancel */\n  ESCAPE: 'escape',\n  /** Navigation key up */\n  UP: 'up',\n  /** Navigation key down */\n  DOWN: 'down',\n  /** Navigation key left */\n  LEFT: 'left',\n  /** Navigation key right */\n  RIGHT: 'right',\n  /** Space key, some actions and scrolling */\n  SPACE: 'space',\n  /** Tab key */\n  TAB: 'tab',\n  /** Home key */\n  HOME: 'home',\n  /** End key */\n  END: 'end',\n}"
+          },
+          "default": "{ /** Action key, e.g., Enter */ ENTER: 'enter', /** Back key, e.g., Escape/Back/Cancel */ ESCAPE: 'escape', /** Navigation key up */ UP: 'up', /** Navigation key down */ DOWN: 'down', /** Navigation key left */ LEFT: 'left', /** Navigation key right */ RIGHT: 'right', /** Space key, some actions and scrolling */ SPACE: 'space', /** Tab key */ TAB: 'tab', /** Home key */ HOME: 'home', /** End key */ END: 'end', }"
+        },
+        {
+          "kind": "mixin",
+          "description": "Mixin to provide abstract key mapping for navigation and actions keys.\n\nInstead of using hardcoded key names this mixin provides a way to map keys to abstract actions\nand use different key mappings based on context.\n\nAll components should implement this mixin if it handles keyboard events for navigation or actions,\ne.g. buttons, lists, popups, etc.\n\nNavigation keys mapped directly:\n- 'up'\n- 'down'\n- 'left'\n- 'right'\n- 'tab'\n- 'home'\n- 'end'\n\nAction keys:\n- 'action' (Enter key)\n- 'abort' (Escape/Back key)\n\nSpecial keys:\n- 'space' (Space key)\n\nSpace is separated from action keys as it is\n - not always trigger the same action as the enter key\n - not every platform has a space key equivalent for example on a TV remote or gamepad\n - often used for scrolling as well.\n\n From the above lists only 'up', 'down', 'left', 'right', 'action' and 'abort' are mandatory to implement,\n because those are essential for spatial navigation and basic actions and all platforms have equivalents for those.",
+          "name": "KeyToActionMixin",
+          "members": [
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            }
+          ],
+          "parameters": [
+            {
+              "name": "superClass",
+              "type": {
+                "text": "T"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ACTIONS",
+          "declaration": {
+            "name": "ACTIONS",
+            "module": "utils/mixins/KeyToActionMixin.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "KeyToActionMixin",
+          "declaration": {
+            "name": "KeyToActionMixin",
+            "module": "utils/mixins/KeyToActionMixin.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "utils/mixins/ListNavigationMixin.js",
@@ -56554,6 +56944,34 @@
           "description": "This mixin extends the passed class with list like navigation capabilities.\n\nIt handles up and down arrow keys, home and end keys to navigate through a list of items.\nKey mapping aligned to reading direction (RTL or LTR).",
           "name": "ListNavigationMixin",
           "members": [
+            {
+              "kind": "method",
+              "name": "getActionForKeyEvent",
+              "return": {
+                "type": {
+                  "text": "Actions | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "applyWritingDirection",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "KeyToActionMixin",
+                "module": "src/utils/mixins/KeyToActionMixin.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "getCurrentIndex",
@@ -56631,33 +57049,6 @@
               ],
               "description": "Reset all tabindex to -1 and set the tabindex of the current item to 0"
             },
-            {
-              "kind": "method",
-              "name": "resolveDirectionKey",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The key pressed by the user."
-                },
-                {
-                  "name": "isRtl",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "A boolean indicating if the layout is right-to-left (RTL)."
-                }
-              ],
-              "description": "Resolves the key pressed by the user based on the direction of the layout.\nThis method is used to handle keyboard navigation in a right-to-left (RTL) layout.\nIt checks if the layout is RTL and adjusts the arrow keys accordingly.\nFor example, in RTL, the left arrow key behaves like the right arrow key and vice versa.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
-            },
             {
               "kind": "method",
               "name": "setInitialFocus",
@@ -56669,6 +57060,12 @@
               "privacy": "private"
             }
           ],
+          "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            }
+          ],
           "parameters": [
             {
               "name": "superClass",