@momentum-design/components 0.129.43 → 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",
@@ -12324,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",
@@ -14012,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",
@@ -15026,6 +15414,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "CaptureDestroyEventForChildElement",
               "module": "/src/utils/mixins/lifecycle/CaptureDestroyEventForChildElement"
@@ -16670,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",
@@ -19408,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",
@@ -20248,6 +20696,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "AutoFocusOnMountMixin",
               "module": "/src/utils/mixins/AutoFocusOnMountMixin"
@@ -21263,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",
@@ -22200,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",
@@ -22343,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",
@@ -22481,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",
@@ -22581,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",
@@ -23060,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",
@@ -23432,6 +23934,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "DisabledMixin",
               "module": "/src/utils/mixins/DisabledMixin"
@@ -23592,6 +24098,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": "getAllPopovers",
@@ -23621,24 +24155,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "getKeyWithDirectionFix",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "originalKey",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "getParentMenuItemIndex",
@@ -23874,6 +24390,12 @@
               ]
             }
           ],
+          "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            }
+          ],
           "superclass": {
             "name": "Component",
             "module": "/src/models"
@@ -24101,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",
@@ -25152,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",
@@ -26228,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",
@@ -27460,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",
@@ -28150,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",
@@ -29630,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",
@@ -31000,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",
@@ -32244,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",
@@ -33711,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",
@@ -34742,6 +35461,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "BackdropMixin",
               "module": "/src/utils/mixins/BackdropMixin"
@@ -36709,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",
@@ -37248,6 +37999,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "AutoFocusOnMountMixin",
               "module": "/src/utils/mixins/AutoFocusOnMountMixin"
@@ -38799,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",
@@ -40297,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",
@@ -41781,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",
@@ -42225,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",
@@ -43355,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",
@@ -43999,6 +44875,12 @@
               "fieldName": "hideTooltip"
             }
           ],
+          "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            }
+          ],
           "superclass": {
             "name": "Component",
             "module": "/src/models"
@@ -45079,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",
@@ -45286,6 +46196,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "TabIndexMixin",
               "module": "/src/utils/mixins/TabIndexMixin"
@@ -45493,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",
@@ -46630,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",
@@ -47491,6 +48461,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "AutoFocusOnMountMixin",
               "module": "/src/utils/mixins/AutoFocusOnMountMixin"
@@ -48206,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",
@@ -48789,6 +49791,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "ControlTypeMixin",
               "module": "/src/utils/mixins/ControlTypeMixin"
@@ -49464,6 +50470,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": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getDeepActiveElement",
@@ -51355,6 +52389,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": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getDeepActiveElement",
@@ -53215,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",
@@ -53421,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",
@@ -53660,6 +54719,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
             {
               "name": "DataAriaLabelMixin",
               "module": "/src/utils/mixins/DataAriaLabelMixin"
@@ -55801,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",
@@ -55810,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",
@@ -55887,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",
@@ -55925,6 +57060,12 @@
               "privacy": "private"
             }
           ],
+          "mixins": [
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            }
+          ],
           "parameters": [
             {
               "name": "superClass",