@momentum-design/components 0.85.2 → 0.85.4

package/dist/custom-elements.json

@@ -2203,138 +2203,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/buttongroup/buttongroup.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "buttongroup component, is a styled wrapper for multiple buttons.\nIt can support icon buttons, combination of icon and pill buttons, and text buttons.\nThey are available in horizontal and vertical orientation.",
-          "name": "ButtonGroup",
-          "cssProperties": [
-            {
-              "description": "The border radius of the buttongroup",
-              "name": "--mdc-buttongroup-border-radius"
-            },
-            {
-              "description": "The border color of the buttongroup",
-              "name": "--mdc-buttongroup-border-color"
-            },
-            {
-              "description": "The color of the divider between buttons within the buttongroup",
-              "name": "--mdc-buttongroup-divider-color"
-            }
-          ],
-          "slots": [
-            {
-              "description": "This is a default/unnamed slot, which contains the buttons",
-              "name": "default"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "orientation",
-              "type": {
-                "text": "ButtonGroupOrientation"
-              },
-              "description": "Orientation of the buttongroup.",
-              "default": "'horizontal'",
-              "attribute": "orientation",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "ButtonGroupVariant"
-              },
-              "description": "Variant of the buttons within the buttongroup.",
-              "default": "'primary'",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "ButtonGroupSize"
-              },
-              "description": "Size of the buttons within the buttongroup.",
-              "default": "'28'",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "compact",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When this is true, the buttons within the buttongroup will be compact.\ni.e. Irrespective of the size of the buttons, they will have a height of 24px.",
-              "attribute": "compact",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "orientation",
-              "type": {
-                "text": "ButtonGroupOrientation"
-              },
-              "description": "Orientation of the buttongroup.",
-              "default": "'horizontal'",
-              "fieldName": "orientation"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "ButtonGroupVariant"
-              },
-              "description": "Variant of the buttons within the buttongroup.",
-              "default": "'primary'",
-              "fieldName": "variant"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "ButtonGroupSize"
-              },
-              "description": "Size of the buttons within the buttongroup.",
-              "default": "'28'",
-              "fieldName": "size"
-            },
-            {
-              "name": "compact",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When this is true, the buttons within the buttongroup will be compact.\ni.e. Irrespective of the size of the buttons, they will have a height of 24px.",
-              "fieldName": "compact"
-            }
-          ],
-          "superclass": {
-            "name": "Component",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-buttongroup",
-          "jsDoc": "/**\n * buttongroup component, is a styled wrapper for multiple buttons.\n * It can support icon buttons, combination of icon and pill buttons, and text buttons.\n * They are available in horizontal and vertical orientation.\n *\n * @tagname mdc-buttongroup\n *\n * @slot default - This is a default/unnamed slot, which contains the buttons\n *\n * @cssproperty --mdc-buttongroup-border-radius - The border radius of the buttongroup\n * @cssproperty --mdc-buttongroup-border-color - The border color of the buttongroup\n * @cssproperty --mdc-buttongroup-divider-color - The color of the divider between buttons within the buttongroup\n */",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ButtonGroup",
-            "module": "components/buttongroup/buttongroup.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/button/button.component.js",
@@ -3030,6 +2898,138 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/buttongroup/buttongroup.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "buttongroup component, is a styled wrapper for multiple buttons.\nIt can support icon buttons, combination of icon and pill buttons, and text buttons.\nThey are available in horizontal and vertical orientation.",
+          "name": "ButtonGroup",
+          "cssProperties": [
+            {
+              "description": "The border radius of the buttongroup",
+              "name": "--mdc-buttongroup-border-radius"
+            },
+            {
+              "description": "The border color of the buttongroup",
+              "name": "--mdc-buttongroup-border-color"
+            },
+            {
+              "description": "The color of the divider between buttons within the buttongroup",
+              "name": "--mdc-buttongroup-divider-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "This is a default/unnamed slot, which contains the buttons",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "ButtonGroupOrientation"
+              },
+              "description": "Orientation of the buttongroup.",
+              "default": "'horizontal'",
+              "attribute": "orientation",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "ButtonGroupVariant"
+              },
+              "description": "Variant of the buttons within the buttongroup.",
+              "default": "'primary'",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "ButtonGroupSize"
+              },
+              "description": "Size of the buttons within the buttongroup.",
+              "default": "'28'",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When this is true, the buttons within the buttongroup will be compact.\ni.e. Irrespective of the size of the buttons, they will have a height of 24px.",
+              "attribute": "compact",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "orientation",
+              "type": {
+                "text": "ButtonGroupOrientation"
+              },
+              "description": "Orientation of the buttongroup.",
+              "default": "'horizontal'",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "ButtonGroupVariant"
+              },
+              "description": "Variant of the buttons within the buttongroup.",
+              "default": "'primary'",
+              "fieldName": "variant"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "ButtonGroupSize"
+              },
+              "description": "Size of the buttons within the buttongroup.",
+              "default": "'28'",
+              "fieldName": "size"
+            },
+            {
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When this is true, the buttons within the buttongroup will be compact.\ni.e. Irrespective of the size of the buttons, they will have a height of 24px.",
+              "fieldName": "compact"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-buttongroup",
+          "jsDoc": "/**\n * buttongroup component, is a styled wrapper for multiple buttons.\n * It can support icon buttons, combination of icon and pill buttons, and text buttons.\n * They are available in horizontal and vertical orientation.\n *\n * @tagname mdc-buttongroup\n *\n * @slot default - This is a default/unnamed slot, which contains the buttons\n *\n * @cssproperty --mdc-buttongroup-border-radius - The border radius of the buttongroup\n * @cssproperty --mdc-buttongroup-border-color - The border color of the buttongroup\n * @cssproperty --mdc-buttongroup-divider-color - The color of the divider between buttons within the buttongroup\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ButtonGroup",
+            "module": "components/buttongroup/buttongroup.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/buttonlink/buttonlink.component.js",
@@ -14698,6 +14698,17 @@
               "attribute": "subline-text",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "softDisabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the element is soft disabled.\nWhen set to `true`, the element appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe element behaves like a disabled element, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
+              "default": "undefined",
+              "attribute": "soft-disabled",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "tooltipText",
@@ -14825,6 +14836,7 @@
               "parameters": [
                 {
                   "name": "disabled",
+                  "default": "false",
                   "type": {
                     "text": "boolean"
                   },
@@ -14978,6 +14990,15 @@
               "description": "The subline text of the list item.\nThis appears on the trailing side of the list item.",
               "fieldName": "sublineText"
             },
+            {
+              "name": "soft-disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the element is soft disabled.\nWhen set to `true`, the element appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe element behaves like a disabled element, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
+              "default": "undefined",
+              "fieldName": "softDisabled"
+            },
             {
               "name": "tooltip-text",
               "type": {
@@ -15129,7 +15150,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Menubar is a navigational menu component that provides a horizontal (default) or vertical fixed list of menu items,\nwith support for nested submenus and keyboard navigation. It serves as a container\nfor menu items and manages their interaction patterns, including:\n- Keyboard navigation (arrow keys, Home, End)\n- Menu item activation (Enter/Space)\n- Submenu toggling (Right/Left arrow keys)\n- Focus management\n- Support for both horizontal and vertical orientations\n- Integration with MenuPopover for nested menus\n\nA menubar will contain a set of menu items and their associated popovers.\nEach menu item can have a popover for nested menus.\n\nThe component automatically handles ARIA attributes and follows WAI-ARIA menu design patterns.\nIt works in conjunction with `mdc-menuitem` and `mdc-menupopover` to create accessible menu structures.",
+          "description": "Menubar is a navigational menu component that provides a vertical fixed list of menu items,\nwith support for nested submenus and keyboard navigation. It serves as a container\nfor menu items and manages their interaction patterns, including:\n- Keyboard navigation (Arrow keys, Home, End)\n- Menu item activation (Enter/Space)\n- Submenu toggling (Right/Left arrow keys)\n- Focus management\n- Integration with MenuPopover for nested menus\n\nA menubar will contain a set of menu items and their associated popovers.\nEach menu item can have a popover for nested menus.\n\nThe component automatically handles ARIA attributes and follows WAI-ARIA menu design patterns.\nIt works in conjunction with `mdc-menuitem` and `mdc-menupopover` to create accessible menu structures.\n\n**Note:** A menubar contains three types of menu items, including menuitem, menuitemradio and menuitemcheckbox. These menu items may optionally be nested in one or more group containers. Groups or items may optionally by separated with separator elements.\n\n`mdc-menubar` contains a group that wraps all its chilren passed within the default slot. This has been added to ensure the right accessibility behavior while using screen readers.",
           "name": "MenuBar",
           "slots": [
             {
@@ -15140,227 +15161,60 @@
           "members": [
             {
               "kind": "field",
-              "name": "ariaOrientation",
+              "name": "menuItems",
               "type": {
-                "text": "Orientation"
-              },
-              "description": "Defines the orientation of the menu. This value is reflected to\nthe `aria-orientation` attribute and can be either `'horizontal'` or `'vertical'`.",
-              "default": "'horizontal'",
-              "attribute": "aria-orientation",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setMenuBarPopoverValue",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "The value to set."
-                }
-              ],
-              "description": "Sets the value of the data-menu-popover-open attribute on the menu element.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isMenuPopoverOpen",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Returns true if the data-menu-popover-open attribute on the menu element is set to 'true', false otherwise.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
+                "text": "Array<HTMLElement>"
               }
             },
             {
               "kind": "method",
-              "name": "getCurrentIndex",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "target",
-                  "type": {
-                    "text": "EventTarget | null"
-                  },
-                  "description": "The target element to find the index of."
-                }
-              ],
-              "description": "Returns the index of the given target in the menuItems array.\nIf the target is not a menu item, but a child element of a menu item,\nit returns the index of the parent menu item.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updatePopoverPlacementBasedOnOrientation",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Updates the placement of the popover based on the aria-orientation property.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateTabIndexAndFocusNewIndex",
+              "name": "resetTabIndexAndSetActiveTabIndex",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "menuItems",
                   "type": {
                     "text": "Array<HTMLElement>"
-                  },
-                  "description": "The list of menu items."
-                },
-                {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
+                  }
                 },
                 {
-                  "name": "newIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the new active element in the list."
-                }
-              ],
-              "description": "Updates the tabindex of the current index to -1 and the tabindex of the new index to 0,\neffectively setting the active element. This is used when navigating the menu via keyboard.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isValidMenu",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "tagName",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The tag name to check."
-                }
-              ],
-              "description": "Checks if the given tag name is a valid menu tag name.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isValidNavItemList",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "tagName",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The tag name to check."
+                  "description": "The index of the new active element in the list.",
+                  "name": "newIndex"
                 }
               ],
-              "description": "Checks if the given tag name is a valid navitemlist tag name.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              "description": "Resets all list items tabindex to -1 and sets the tabindex of the\nelement at the given index to 0, effectively setting the active\nelement. This is used when navigating the list via keyboard."
             },
             {
               "kind": "method",
-              "name": "isValidPopover",
+              "name": "getCurrentIndex",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "number"
                 }
               },
               "parameters": [
                 {
-                  "name": "tagName",
-                  "optional": true,
+                  "name": "target",
                   "type": {
-                    "text": "string"
-                  },
-                  "description": "The tag name to check."
+                    "text": "EventTarget | null"
+                  }
                 }
-              ],
-              "description": "Checks if the given tag name is a valid menu popover tag name.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "openPopover",
+              "name": "updatePopoverPlacement",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the menu item to open the popover for."
+                  "text": "void"
                 }
-              ],
-              "description": "Opens the popover at the given index if it exists.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "navigateToPrevMenuItem",
+              "name": "updateTabIndexAndFocus",
               "privacy": "private",
               "return": {
                 "type": {
@@ -15369,43 +15223,28 @@
               },
               "parameters": [
                 {
-                  "name": "currentIndex",
+                  "name": "menuItems",
                   "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
+                    "text": "HTMLElement[]"
+                  }
                 },
                 {
-                  "name": "firstMenuIndex",
+                  "name": "currentIndex",
                   "type": {
                     "text": "number"
-                  },
-                  "description": "The index of the first menu item."
+                  }
                 },
                 {
-                  "name": "lastMenuIndex",
+                  "name": "newIndex",
                   "type": {
                     "text": "number"
-                  },
-                  "description": "The index of the last menu item."
-                },
-                {
-                  "name": "ariaOrientation",
-                  "type": {
-                    "text": "Orientation"
-                  },
-                  "description": "The orientation of the menu."
+                  }
                 }
-              ],
-              "description": "Navigates to the previous menu item and updates the tabindex of the current index\nto -1 and the tabindex of the new index to 0.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "navigateToNextMenuItem",
+              "name": "navigateToMenuItem",
               "privacy": "private",
               "return": {
                 "type": {
@@ -15417,72 +15256,23 @@
                   "name": "currentIndex",
                   "type": {
                     "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
-                },
-                {
-                  "name": "firstMenuIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the first menu item."
-                },
-                {
-                  "name": "lastMenuIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the last menu item."
+                  }
                 },
                 {
-                  "name": "ariaOrientation",
-                  "type": {
-                    "text": "Orientation"
-                  },
-                  "description": "The orientation of the menu."
-                }
-              ],
-              "description": "Navigates to the next menu item and updates the tabindex of the current index\nto -1 and the tabindex of the new index to 0.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getParentMenuItemDetails",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "menuChildId",
+                  "name": "direction",
                   "type": {
-                    "text": "string"
-                  },
-                  "description": "The id of the menu child element."
+                    "text": "'prev' | 'next'"
+                  }
                 },
                 {
-                  "name": "menu",
-                  "optional": true,
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "The current menu element to start traversing from."
+                  "name": "shouldOpenSubmenu",
+                  "default": "false"
                 }
-              ],
-              "description": "Returns the parent menu item details for the given menu child id.\nIt recursively traverses up the DOM tree until it finds a menu or menubar element.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "hideAllPopovers",
+              "name": "showSubmenu",
               "privacy": "private",
               "return": {
                 "type": {
@@ -15491,275 +15281,161 @@
               },
               "parameters": [
                 {
-                  "name": "menu",
-                  "optional": true,
+                  "name": "triggerId",
                   "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "The current menu element to start traversing from."
+                    "text": "string | null"
+                  }
                 }
-              ],
-              "description": "Recursively hides all the popovers up the DOM tree until it finds a menu or menubar element.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "navigateToPrevParentMenuItem",
+              "name": "getKeyWithDirectionFix",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
               "parameters": [
                 {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
-                },
-                {
-                  "name": "key",
+                  "name": "originalKey",
                   "type": {
                     "text": "string"
                   }
                 }
-              ],
-              "description": "Recursively navigates up the DOM tree until it finds the previous menu item\nand updates the tabindex of the current index to -1 and the tabindex of the new index to 0.\nAlso opens the popover of the previous menu item.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "closePopoverAndNavigateToPrevParentMenuItem",
+              "name": "isTopLevelMenuItem",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
-                },
-                {
-                  "name": "key",
+                  "name": "element",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 }
-              ],
-              "description": "Closes the current menu popover and navigates to the previous parent menu item.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "getParentMenuContents",
+              "name": "isNestedMenuItem",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "currentMenuItem",
+                  "name": "element",
                   "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "The current menu item to start traversing from."
+                    "text": "HTMLElement"
+                  }
                 }
-              ],
-              "description": "Gets the parent menu contents of the given current menu item.\nIt recursively traverses up the DOM tree until it finds the parent menu element\nand gets the parent menu item details and the children of the parent menu item.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "openPopoverAndNavigateToNextChildrenMenuItem",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
-                }
-              ],
-              "description": "Opens the popover of the next children menu item if there are children.\nIf there are no children, then it closes all popovers recursively and\nnavigates to the next menu item from the menu bar.\nIf the parent menu item does not have any children, then we will go to the next menu item.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              "name": "closeAllMenuPopovers",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "isValidMenuItem",
+              "name": "crossMenubarNavigationOnLeft",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "Promise<void>"
                 }
               },
               "parameters": [
                 {
-                  "name": "menuItem",
+                  "name": "element",
                   "type": {
                     "text": "HTMLElement"
-                  },
-                  "description": "The menu item to check."
-                }
-              ],
-              "description": "Checks if the given menu item is a valid menu item.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "resetTabIndexAndSetActiveTabIndex",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "menuItems",
-                  "type": {
-                    "text": "Array<HTMLElement>"
                   }
-                },
-                {
-                  "description": "The index of the new active element in the list.",
-                  "name": "newIndex"
                 }
-              ],
-              "description": "Resets all list items tabindex to -1 and sets the tabindex of the\nelement at the given index to 0, effectively setting the active\nelement. This is used when navigating the list via keyboard.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "getKeyBasedOnDirection",
+              "name": "crossMenubarNavigationOnRight",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "Promise<void>"
                 }
               },
               "parameters": [
                 {
-                  "name": "originalKey",
+                  "name": "element",
                   "type": {
-                    "text": "string"
-                  },
-                  "description": "The original key pressed."
+                    "text": "HTMLElement"
+                  }
                 }
-              ],
-              "description": "Returns the key based on the direction of the document.\nIf the document is in RTL mode and the key is ARROW_LEFT or ARROW_RIGHT,\nit will swap them to maintain the correct navigation direction.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "protected",
+              "name": "hasSubmenu",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "triggerId",
                   "type": {
-                    "text": "KeyboardEvent"
-                  },
-                  "description": "The keyboard event."
+                    "text": "string | null"
+                  }
                 }
-              ],
-              "description": "Handles the keydown event on the menu bar.\nThe keys are as follows:\n- HOME: Sets focus to the first menu item.\n- END: Sets focus to the last menu item.\n- ARROW_LEFT:\n  - If orientation is horizontal, then it navigates to the previous menu item.\n  - If orientation is vertical, then it closes the popover of the current menu item and\n    navigates to the previous parent menu item.\n- ARROW_RIGHT:\n  - If orientation is horizontal, then it navigates to the next menu item.\n  - If orientation is vertical, then it opens the popover of the current menu item and\n    navigates to the next children menu item.\n- ARROW_UP:\n  - If orientation is horizontal, then it opens the popover of the current menu item.\n  - If orientation is vertical, then it navigates to the previous menu item.\n- ARROW_DOWN:\n  - If orientation is horizontal, then it opens the popover of the current menu item.\n  - If orientation is vertical, then it navigates to the next menu item.\n- SPACE:\n- ENTER:\n  - If the next element sibling is a menu popover, then it opens the popover of the current\n    menu item and navigates to the next children menu item.\n  - If the target element is a menu item, then it closes all popovers recursively and\n    navigates to the previous parent menu item.\n- ESCAPE:\n  - If a popover is already open then we close it and navigate to the parent menu item.\n  - If the current menuitem is a child of menubar, then we will set the value of isMenuPopoverOpen to false.,",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "closeAllPopoversExceptCurrent",
+              "name": "getParentMenuItemIndex",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "number"
                 }
               },
               "parameters": [
                 {
-                  "name": "currentIndex",
+                  "name": "element",
                   "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the current menu item."
+                    "text": "HTMLElement"
+                  }
                 }
-              ],
-              "description": "Closes all popovers except the current one.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleMouseClick",
-              "privacy": "protected",
+              "name": "handleKeyDown",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Promise<void>"
                 }
               },
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "MouseEvent"
-                  },
-                  "description": "The mouse click event."
+                    "text": "KeyboardEvent"
+                  }
                 }
-              ],
-              "description": "Handles the mouse click event on the menu items.\n- If the menuitem has children, then it opens the popover of the next children menu item.\n- If the menuitem does not have children, then it closes all popovers recursively.",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "utils/mixins/MenuMixin.js"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "MenuMixin",
-              "module": "/src/utils/mixins/MenuMixin"
+              ]
             }
           ],
           "superclass": {
@@ -15767,23 +15443,8 @@
             "module": "/src/models"
           },
           "tagName": "mdc-menubar",
-          "jsDoc": "/**\n * Menubar is a navigational menu component that provides a horizontal (default) or vertical fixed list of menu items,\n * with support for nested submenus and keyboard navigation. It serves as a container\n * for menu items and manages their interaction patterns, including:\n * - Keyboard navigation (arrow keys, Home, End)\n * - Menu item activation (Enter/Space)\n * - Submenu toggling (Right/Left arrow keys)\n * - Focus management\n * - Support for both horizontal and vertical orientations\n * - Integration with MenuPopover for nested menus\n *\n * A menubar will contain a set of menu items and their associated popovers.\n * Each menu item can have a popover for nested menus.\n *\n * The component automatically handles ARIA attributes and follows WAI-ARIA menu design patterns.\n * It works in conjunction with `mdc-menuitem` and `mdc-menupopover` to create accessible menu structures.\n *\n * @tagname mdc-menubar\n * @slot default - Contains the menu items and their associated popovers\n */",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "aria-orientation",
-              "type": {
-                "text": "Orientation"
-              },
-              "description": "Defines the orientation of the menu. This value is reflected to\nthe `aria-orientation` attribute and can be either `'horizontal'` or `'vertical'`.",
-              "default": "'horizontal'",
-              "fieldName": "ariaOrientation",
-              "inheritedFrom": {
-                "name": "MenuMixin",
-                "module": "src/utils/mixins/MenuMixin.ts"
-              }
-            }
-          ]
+          "jsDoc": "/**\n * Menubar is a navigational menu component that provides a vertical fixed list of menu items,\n * with support for nested submenus and keyboard navigation. It serves as a container\n * for menu items and manages their interaction patterns, including:\n * - Keyboard navigation (Arrow keys, Home, End)\n * - Menu item activation (Enter/Space)\n * - Submenu toggling (Right/Left arrow keys)\n * - Focus management\n * - Integration with MenuPopover for nested menus\n *\n * A menubar will contain a set of menu items and their associated popovers.\n * Each menu item can have a popover for nested menus.\n *\n * The component automatically handles ARIA attributes and follows WAI-ARIA menu design patterns.\n * It works in conjunction with `mdc-menuitem` and `mdc-menupopover` to create accessible menu structures.\n *\n * **Note:** A menubar contains three types of menu items, including menuitem, menuitemradio and menuitemcheckbox. These menu items may optionally be nested in one or more group containers. Groups or items may optionally by separated with separator elements.\n *\n * `mdc-menubar` contains a group that wraps all its chilren passed within the default slot. This has been added to ensure the right accessibility behavior while using screen readers.\n *\n * @tagname mdc-menubar\n * @slot default - Contains the menu items and their associated popovers\n */",
+          "customElement": true
         }
       ],
       "exports": [
@@ -16015,6 +15676,21 @@
                 "module": "components/listitem/listitem.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "softDisabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the element is soft disabled.\nWhen set to `true`, the element appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe element behaves like a disabled element, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
+              "default": "undefined",
+              "attribute": "soft-disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "components/listitem/listitem.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "tooltipText",
@@ -16150,6 +15826,7 @@
               "parameters": [
                 {
                   "name": "disabled",
+                  "default": "false",
                   "type": {
                     "text": "boolean"
                   },
@@ -16341,6 +16018,19 @@
                 "module": "src/components/listitem/listitem.component.ts"
               }
             },
+            {
+              "name": "soft-disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the element is soft disabled.\nWhen set to `true`, the element appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe element behaves like a disabled element, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
+              "default": "undefined",
+              "fieldName": "softDisabled",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "src/components/listitem/listitem.component.ts"
+              }
+            },
             {
               "name": "tooltip-text",
               "type": {
@@ -16872,6 +16562,21 @@
                 "module": "components/listitem/listitem.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "softDisabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the element is soft disabled.\nWhen set to `true`, the element appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe element behaves like a disabled element, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
+              "default": "undefined",
+              "attribute": "soft-disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "components/listitem/listitem.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "tooltipText",
@@ -17007,6 +16712,7 @@
               "parameters": [
                 {
                   "name": "disabled",
+                  "default": "false",
                   "type": {
                     "text": "boolean"
                   },
@@ -17229,6 +16935,19 @@
                 "module": "src/components/listitem/listitem.component.ts"
               }
             },
+            {
+              "name": "soft-disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the element is soft disabled.\nWhen set to `true`, the element appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe element behaves like a disabled element, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
+              "default": "undefined",
+              "fieldName": "softDisabled",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "src/components/listitem/listitem.component.ts"
+              }
+            },
             {
               "name": "tooltip-text",
               "type": {
@@ -17591,6 +17310,21 @@
                 "module": "components/listitem/listitem.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "softDisabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the element is soft disabled.\nWhen set to `true`, the element appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe element behaves like a disabled element, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
+              "default": "undefined",
+              "attribute": "soft-disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "components/listitem/listitem.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "tooltipText",
@@ -17726,6 +17460,7 @@
               "parameters": [
                 {
                   "name": "disabled",
+                  "default": "false",
                   "type": {
                     "text": "boolean"
                   },
@@ -17948,6 +17683,19 @@
                 "module": "src/components/listitem/listitem.component.ts"
               }
             },
+            {
+              "name": "soft-disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the element is soft disabled.\nWhen set to `true`, the element appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe element behaves like a disabled element, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
+              "default": "undefined",
+              "fieldName": "softDisabled",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "src/components/listitem/listitem.component.ts"
+              }
+            },
             {
               "name": "tooltip-text",
               "type": {
@@ -18207,6 +17955,16 @@
               "kind": "method",
               "name": "closeAllMenuPopovers",
               "privacy": "private",
+              "parameters": [
+                {
+                  "name": "until",
+                  "optional": true,
+                  "type": {
+                    "text": "Element"
+                  },
+                  "description": "The popover to close until."
+                }
+              ],
               "description": "Closes all menu popovers in the stack.\nThis method is used to ensure that when a menu item is clicked,\nall other open popovers are closed, maintaining a clean user interface.\nIt iterates through the `popoverStack` and hides each popover until the stack is empty."
             },
             {
@@ -18245,6 +18003,16 @@
               ],
               "description": "Checks if the menu popover has a submenu with the specified trigger ID.\nThis method is used to determine if a menu item has a submenu associated with it,\nwhich is indicated by the presence of a `triggerid` attribute in the submenu popover.\nIt queries the parent element for any popover with the specified trigger ID."
             },
+            {
+              "kind": "field",
+              "name": "togglePopoverVisible",
+              "privacy": "public",
+              "description": "Toggles the popover visibility.",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "handleMouseClick",
@@ -19422,16 +19190,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "togglePopoverVisible",
-              "privacy": "public",
-              "description": "Toggles the popover visibility.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "positionPopover",
@@ -20505,6 +20263,21 @@
                 "module": "components/listitem/listitem.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "softDisabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the element is soft disabled.\nWhen set to `true`, the element appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe element behaves like a disabled element, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
+              "default": "undefined",
+              "attribute": "soft-disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "components/listitem/listitem.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "tooltipText",
@@ -20640,6 +20413,7 @@
               "parameters": [
                 {
                   "name": "disabled",
+                  "default": "false",
                   "type": {
                     "text": "boolean"
                   },
@@ -20916,6 +20690,19 @@
                 "module": "src/components/listitem/listitem.component.ts"
               }
             },
+            {
+              "name": "soft-disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the element is soft disabled.\nWhen set to `true`, the element appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe element behaves like a disabled element, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
+              "default": "undefined",
+              "fieldName": "softDisabled",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "src/components/listitem/listitem.component.ts"
+              }
+            },
             {
               "name": "tooltip-text",
               "type": {
@@ -21067,14 +20854,10 @@
             },
             {
               "kind": "field",
-              "name": "ariaOrientation",
+              "name": "menuItems",
               "type": {
-                "text": "Orientation"
+                "text": "Array<HTMLElement>"
               },
-              "description": "Defines the orientation of the menu. This value is reflected to\nthe `aria-orientation` attribute and can be either `'horizontal'` or `'vertical'`.",
-              "default": "'horizontal'",
-              "attribute": "aria-orientation",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21082,180 +20865,21 @@
             },
             {
               "kind": "method",
-              "name": "setMenuBarPopoverValue",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "The value to set."
-                }
-              ],
-              "description": "Sets the value of the data-menu-popover-open attribute on the menu element.",
-              "inheritedFrom": {
-                "name": "MenuBar",
-                "module": "components/menubar/menubar.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isMenuPopoverOpen",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Returns true if the data-menu-popover-open attribute on the menu element is set to 'true', false otherwise.",
-              "inheritedFrom": {
-                "name": "MenuBar",
-                "module": "components/menubar/menubar.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getCurrentIndex",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "target",
-                  "type": {
-                    "text": "EventTarget | null"
-                  },
-                  "description": "The target element to find the index of."
-                }
-              ],
-              "description": "Returns the index of the given target in the menuItems array.\nIf the target is not a menu item, but a child element of a menu item,\nit returns the index of the parent menu item.",
-              "inheritedFrom": {
-                "name": "MenuBar",
-                "module": "components/menubar/menubar.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updatePopoverPlacementBasedOnOrientation",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Updates the placement of the popover based on the aria-orientation property.",
-              "inheritedFrom": {
-                "name": "MenuBar",
-                "module": "components/menubar/menubar.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateTabIndexAndFocusNewIndex",
+              "name": "resetTabIndexAndSetActiveTabIndex",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "menuItems",
                   "type": {
                     "text": "Array<HTMLElement>"
-                  },
-                  "description": "The list of menu items."
-                },
-                {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
+                  }
                 },
                 {
-                  "name": "newIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the new active element in the list."
-                }
-              ],
-              "description": "Updates the tabindex of the current index to -1 and the tabindex of the new index to 0,\neffectively setting the active element. This is used when navigating the menu via keyboard.",
-              "inheritedFrom": {
-                "name": "MenuBar",
-                "module": "components/menubar/menubar.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isValidMenu",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "tagName",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The tag name to check."
-                }
-              ],
-              "description": "Checks if the given tag name is a valid menu tag name.",
-              "inheritedFrom": {
-                "name": "MenuBar",
-                "module": "components/menubar/menubar.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isValidNavItemList",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "tagName",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The tag name to check."
-                }
-              ],
-              "description": "Checks if the given tag name is a valid navitemlist tag name.",
-              "inheritedFrom": {
-                "name": "MenuBar",
-                "module": "components/menubar/menubar.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isValidPopover",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "tagName",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The tag name to check."
+                  "description": "The index of the new active element in the list.",
+                  "name": "newIndex"
                 }
               ],
-              "description": "Checks if the given tag name is a valid menu popover tag name.",
+              "description": "Resets all list items tabindex to -1 and sets the tabindex of the\nelement at the given index to 0, effectively setting the active\nelement. This is used when navigating the list via keyboard.",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21263,23 +20887,21 @@
             },
             {
               "kind": "method",
-              "name": "openPopover",
+              "name": "getCurrentIndex",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "number"
                 }
               },
               "parameters": [
                 {
-                  "name": "index",
+                  "name": "target",
                   "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the menu item to open the popover for."
+                    "text": "EventTarget | null"
+                  }
                 }
               ],
-              "description": "Opens the popover at the given index if it exists.",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21287,44 +20909,13 @@
             },
             {
               "kind": "method",
-              "name": "navigateToPrevMenuItem",
+              "name": "updatePopoverPlacement",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
-                },
-                {
-                  "name": "firstMenuIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the first menu item."
-                },
-                {
-                  "name": "lastMenuIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the last menu item."
-                },
-                {
-                  "name": "ariaOrientation",
-                  "type": {
-                    "text": "Orientation"
-                  },
-                  "description": "The orientation of the menu."
-                }
-              ],
-              "description": "Navigates to the previous menu item and updates the tabindex of the current index\nto -1 and the tabindex of the new index to 0.",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21332,7 +20923,7 @@
             },
             {
               "kind": "method",
-              "name": "navigateToNextMenuItem",
+              "name": "updateTabIndexAndFocus",
               "privacy": "private",
               "return": {
                 "type": {
@@ -21341,122 +20932,24 @@
               },
               "parameters": [
                 {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
-                },
-                {
-                  "name": "firstMenuIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the first menu item."
-                },
-                {
-                  "name": "lastMenuIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the last menu item."
-                },
-                {
-                  "name": "ariaOrientation",
-                  "type": {
-                    "text": "Orientation"
-                  },
-                  "description": "The orientation of the menu."
-                }
-              ],
-              "description": "Navigates to the next menu item and updates the tabindex of the current index\nto -1 and the tabindex of the new index to 0.",
-              "inheritedFrom": {
-                "name": "MenuBar",
-                "module": "components/menubar/menubar.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getParentMenuItemDetails",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "menuChildId",
+                  "name": "menuItems",
                   "type": {
-                    "text": "string"
-                  },
-                  "description": "The id of the menu child element."
+                    "text": "HTMLElement[]"
+                  }
                 },
-                {
-                  "name": "menu",
-                  "optional": true,
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "The current menu element to start traversing from."
-                }
-              ],
-              "description": "Returns the parent menu item details for the given menu child id.\nIt recursively traverses up the DOM tree until it finds a menu or menubar element.",
-              "inheritedFrom": {
-                "name": "MenuBar",
-                "module": "components/menubar/menubar.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "hideAllPopovers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "menu",
-                  "optional": true,
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "The current menu element to start traversing from."
-                }
-              ],
-              "description": "Recursively hides all the popovers up the DOM tree until it finds a menu or menubar element.",
-              "inheritedFrom": {
-                "name": "MenuBar",
-                "module": "components/menubar/menubar.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "navigateToPrevParentMenuItem",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
                 {
                   "name": "currentIndex",
                   "type": {
                     "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
+                  }
                 },
                 {
-                  "name": "key",
+                  "name": "newIndex",
                   "type": {
-                    "text": "string"
+                    "text": "number"
                   }
                 }
               ],
-              "description": "Recursively navigates up the DOM tree until it finds the previous menu item\nand updates the tabindex of the current index to -1 and the tabindex of the new index to 0.\nAlso opens the popover of the previous menu item.",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21464,7 +20957,7 @@
             },
             {
               "kind": "method",
-              "name": "closePopoverAndNavigateToPrevParentMenuItem",
+              "name": "navigateToMenuItem",
               "privacy": "private",
               "return": {
                 "type": {
@@ -21476,17 +20969,19 @@
                   "name": "currentIndex",
                   "type": {
                     "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
+                  }
                 },
                 {
-                  "name": "key",
+                  "name": "direction",
                   "type": {
-                    "text": "string"
+                    "text": "'prev' | 'next'"
                   }
+                },
+                {
+                  "name": "shouldOpenSubmenu",
+                  "default": "false"
                 }
               ],
-              "description": "Closes the current menu popover and navigates to the previous parent menu item.",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21494,23 +20989,21 @@
             },
             {
               "kind": "method",
-              "name": "getParentMenuContents",
+              "name": "showSubmenu",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "currentMenuItem",
+                  "name": "triggerId",
                   "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "The current menu item to start traversing from."
+                    "text": "string | null"
+                  }
                 }
               ],
-              "description": "Gets the parent menu contents of the given current menu item.\nIt recursively traverses up the DOM tree until it finds the parent menu element\nand gets the parent menu item details and the children of the parent menu item.",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21518,23 +21011,21 @@
             },
             {
               "kind": "method",
-              "name": "openPopoverAndNavigateToNextChildrenMenuItem",
+              "name": "getKeyWithDirectionFix",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
               "parameters": [
                 {
-                  "name": "currentIndex",
+                  "name": "originalKey",
                   "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
+                    "text": "string"
+                  }
                 }
               ],
-              "description": "Opens the popover of the next children menu item if there are children.\nIf there are no children, then it closes all popovers recursively and\nnavigates to the next menu item from the menu bar.\nIf the parent menu item does not have any children, then we will go to the next menu item.",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21542,23 +21033,21 @@
             },
             {
               "kind": "method",
-              "name": "isValidMenuItem",
+              "name": "isTopLevelMenuItem",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "menuItem",
+                  "name": "element",
                   "type": {
                     "text": "HTMLElement"
-                  },
-                  "description": "The menu item to check."
+                  }
                 }
               ],
-              "description": "Checks if the given menu item is a valid menu item.",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21566,21 +21055,52 @@
             },
             {
               "kind": "method",
-              "name": "resetTabIndexAndSetActiveTabIndex",
+              "name": "isNestedMenuItem",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "parameters": [
                 {
-                  "name": "menuItems",
+                  "name": "element",
                   "type": {
-                    "text": "Array<HTMLElement>"
+                    "text": "HTMLElement"
                   }
-                },
+                }
+              ],
+              "inheritedFrom": {
+                "name": "MenuBar",
+                "module": "components/menubar/menubar.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "closeAllMenuPopovers",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "MenuBar",
+                "module": "components/menubar/menubar.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "crossMenubarNavigationOnLeft",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
                 {
-                  "description": "The index of the new active element in the list.",
-                  "name": "newIndex"
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
                 }
               ],
-              "description": "Resets all list items tabindex to -1 and sets the tabindex of the\nelement at the given index to 0, effectively setting the active\nelement. This is used when navigating the list via keyboard.",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21588,23 +21108,21 @@
             },
             {
               "kind": "method",
-              "name": "getKeyBasedOnDirection",
+              "name": "crossMenubarNavigationOnRight",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "Promise<void>"
                 }
               },
               "parameters": [
                 {
-                  "name": "originalKey",
+                  "name": "element",
                   "type": {
-                    "text": "string"
-                  },
-                  "description": "The original key pressed."
+                    "text": "HTMLElement"
+                  }
                 }
               ],
-              "description": "Returns the key based on the direction of the document.\nIf the document is in RTL mode and the key is ARROW_LEFT or ARROW_RIGHT,\nit will swap them to maintain the correct navigation direction.",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21612,23 +21130,21 @@
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "protected",
+              "name": "hasSubmenu",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "triggerId",
                   "type": {
-                    "text": "KeyboardEvent"
-                  },
-                  "description": "The keyboard event."
+                    "text": "string | null"
+                  }
                 }
               ],
-              "description": "Handles the keydown event on the menu bar.\nThe keys are as follows:\n- HOME: Sets focus to the first menu item.\n- END: Sets focus to the last menu item.\n- ARROW_LEFT:\n  - If orientation is horizontal, then it navigates to the previous menu item.\n  - If orientation is vertical, then it closes the popover of the current menu item and\n    navigates to the previous parent menu item.\n- ARROW_RIGHT:\n  - If orientation is horizontal, then it navigates to the next menu item.\n  - If orientation is vertical, then it opens the popover of the current menu item and\n    navigates to the next children menu item.\n- ARROW_UP:\n  - If orientation is horizontal, then it opens the popover of the current menu item.\n  - If orientation is vertical, then it navigates to the previous menu item.\n- ARROW_DOWN:\n  - If orientation is horizontal, then it opens the popover of the current menu item.\n  - If orientation is vertical, then it navigates to the next menu item.\n- SPACE:\n- ENTER:\n  - If the next element sibling is a menu popover, then it opens the popover of the current\n    menu item and navigates to the next children menu item.\n  - If the target element is a menu item, then it closes all popovers recursively and\n    navigates to the previous parent menu item.\n- ESCAPE:\n  - If a popover is already open then we close it and navigate to the parent menu item.\n  - If the current menuitem is a child of menubar, then we will set the value of isMenuPopoverOpen to false.,",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21636,23 +21152,21 @@
             },
             {
               "kind": "method",
-              "name": "closeAllPopoversExceptCurrent",
+              "name": "getParentMenuItemIndex",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "number"
                 }
               },
               "parameters": [
                 {
-                  "name": "currentIndex",
+                  "name": "element",
                   "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the current menu item."
+                    "text": "HTMLElement"
+                  }
                 }
               ],
-              "description": "Closes all popovers except the current one.",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21660,23 +21174,21 @@
             },
             {
               "kind": "method",
-              "name": "handleMouseClick",
-              "privacy": "protected",
+              "name": "handleKeyDown",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Promise<void>"
                 }
               },
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "MouseEvent"
-                  },
-                  "description": "The mouse click event."
+                    "text": "KeyboardEvent"
+                  }
                 }
               ],
-              "description": "Handles the mouse click event on the menu items.\n- If the menuitem has children, then it opens the popover of the next children menu item.\n- If the menuitem does not have children, then it closes all popovers recursively.",
               "inheritedFrom": {
                 "name": "MenuBar",
                 "module": "components/menubar/menubar.component.js"
@@ -21692,25 +21204,6 @@
               "default": "null",
               "description": "Aria-label attribute to be set for accessibility",
               "fieldName": "ariaLabel"
-            },
-            {
-              "name": "aria-orientation",
-              "type": {
-                "text": "Orientation"
-              },
-              "description": "Defines the orientation of the menu. This value is reflected to\nthe `aria-orientation` attribute and can be either `'horizontal'` or `'vertical'`.",
-              "default": "'horizontal'",
-              "fieldName": "ariaOrientation",
-              "inheritedFrom": {
-                "name": "MenuBar",
-                "module": "src/components/menubar/menubar.component.ts"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "MenuMixin",
-              "module": "/src/utils/mixins/MenuMixin"
             }
           ],
           "superclass": {
@@ -22195,6 +21688,21 @@
                 "module": "components/listitem/listitem.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "softDisabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the element is soft disabled.\nWhen set to `true`, the element appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe element behaves like a disabled element, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
+              "default": "undefined",
+              "attribute": "soft-disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "components/listitem/listitem.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "tooltipText",
@@ -22354,6 +21862,7 @@
               "parameters": [
                 {
                   "name": "disabled",
+                  "default": "false",
                   "type": {
                     "text": "boolean"
                   },
@@ -22623,6 +22132,19 @@
                 "module": "src/components/listitem/listitem.component.ts"
               }
             },
+            {
+              "name": "soft-disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the element is soft disabled.\nWhen set to `true`, the element appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe element behaves like a disabled element, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
+              "default": "undefined",
+              "fieldName": "softDisabled",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "src/components/listitem/listitem.component.ts"
+              }
+            },
             {
               "name": "tooltip-text",
               "type": {
@@ -32528,28 +32050,24 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/tooltip/tooltip.component.js",
+      "path": "components/toggletip/toggletip.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "A tooltip is triggered by mouse hover or by keyboard focus\nand will disappear upon mouse exit or focus change.\n\nNote: Tooltips cannot contain content that can be focused or interacted with.",
-          "name": "Tooltip",
+          "description": "A toggletip is triggered by clicking a trigger element.\n\nIt can contain interactive content and can be closed by\nclicking outside the toggletip or pressing the escape key.\n\nIt can have optional close button to close the toggletip.\n\nToggletip component uses `mdc-screenreaderannouncer` internally to\nannounce the toggletip text content with screen readers when the toggletip is shown.\n\n`screenreader-announcer-identity` attribute can be used to provide ID of an element\nin DOM to which announcement elements are added. If not set, a visually hidden\ndiv element is created in DOM to which announcement elements are added.\n\nPlease refer to the `mdc-screenreaderannouncer` component for more details.",
+          "name": "ToggleTip",
           "cssProperties": [
             {
-              "description": "The maximum width of the tooltip.",
-              "name": "--mdc-tooltip-max-width"
-            },
-            {
-              "description": "The padding of the tooltip.",
-              "name": "--mdc-tooltip-padding"
+              "description": "The maximum width of the toggletip.",
+              "name": "--mdc-toggletip-max-width"
             },
             {
-              "description": "The text color of the tooltip.",
-              "name": "--mdc-tooltip-text-color"
+              "description": "The text color of the toggletip.",
+              "name": "--mdc-toggletip-text-color"
             },
             {
-              "description": "The text color of the tooltip when the color is contrast.",
-              "name": "--mdc-tooltip-text-color-contrast"
+              "description": "The text color of the toggletip when the color is contrast.",
+              "name": "--mdc-toggletip-text-color-contrast"
             },
             {
               "description": "radius of the arrow border",
@@ -32632,18 +32150,17 @@
               }
             }
           ],
-          "members": [
+          "slots": [
             {
-              "kind": "field",
-              "name": "tooltipType",
-              "type": {
-                "text": "TooltipType"
-              },
-              "description": "The type of tooltip.\n- **description** sets aria-describedby on the trigger component which refers to the tooltip id.\n- **label** sets aria-labelledby on the trigger component which refers to the tooltip id.\n- **none** no aria props set on trigger component referring to the tooltip id.",
-              "default": "'description'",
-              "attribute": "tooltip-type",
-              "reflects": true
-            },
+              "description": "Default slot for the toggletip content",
+              "name": "",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            }
+          ],
+          "members": [
             {
               "kind": "field",
               "name": "defaultSlotNodes",
@@ -32653,76 +32170,50 @@
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "getTooltipText",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setTooltipType",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "screenreaderAnnouncerIdentity",
+              "type": {
+                "text": "string | undefined"
               },
-              "parameters": [
-                {
-                  "name": "type",
-                  "type": {
-                    "text": "TooltipType"
-                  },
-                  "description": "The type to set."
-                }
-              ],
-              "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."
+              "description": "Set this attribute with the id of the element in the DOM, to which announcement\nelements will be appended.\nIf an id is provided, the announcement elements will be appended to this element.\nIf id is not provided, a visually hidden div element will be created in the DOM.\n\nPlease refer to the `mdc-screenreaderannouncer` component for more details.",
+              "attribute": "screenreader-announcer-identity",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "onIdUpdated",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "PopoverPlacement"
               },
-              "description": "Updates the tooltip id if it is empty."
+              "description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
+              "default": "bottom",
+              "attribute": "placement",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
             },
             {
               "kind": "method",
-              "name": "onPlacementUpdated",
+              "name": "getToggleTipText",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": ""
                 }
-              },
-              "description": "Updates the placement attribute if it is not a valid placement.\nOverriding the default from Popover"
+              }
             },
             {
               "kind": "method",
-              "name": "onTooltipTypeUpdated",
+              "name": "onPlacementUpdated",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "changedProperties",
-                  "type": {
-                    "text": "PropertyValues"
-                  },
-                  "description": "The changed properties."
-                }
-              ],
-              "description": "Updates the tooltip type attribute and sets the appropriate aria props on the trigger component."
+              "description": "Updates the placement attribute if it is not a valid placement.\nDefault placement for toggle tip is top."
             },
             {
               "kind": "field",
@@ -33315,21 +32806,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "PopoverPlacement"
-              },
-              "description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
-              "default": "bottom",
-              "attribute": "placement",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "color",
@@ -33897,7 +33373,7 @@
           ],
           "events": [
             {
-              "description": "(React: onShown) This event is dispatched when the tooltip is shown",
+              "description": "(React: onShown) This event is dispatched when the toggletip is shown",
               "name": "shown",
               "reactName": "onShown",
               "inheritedFrom": {
@@ -33906,7 +33382,7 @@
               }
             },
             {
-              "description": "(React: onHidden) This event is dispatched when the tooltip is hidden",
+              "description": "(React: onHidden) This event is dispatched when the toggletip is hidden",
               "name": "hidden",
               "reactName": "onHidden",
               "inheritedFrom": {
@@ -33915,7 +33391,7 @@
               }
             },
             {
-              "description": "(React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)",
+              "description": "(React: onCreated) This event is dispatched when the toggletip is created (added to the DOM)",
               "name": "created",
               "reactName": "onCreated",
               "inheritedFrom": {
@@ -33924,7 +33400,7 @@
               }
             },
             {
-              "description": "(React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)",
+              "description": "(React: onDestroyed) This event is dispatched when the toggletip is destroyed (removed from the DOM)",
               "name": "destroyed",
               "reactName": "onDestroyed",
               "inheritedFrom": {
@@ -33935,13 +33411,25 @@
           ],
           "attributes": [
             {
-              "name": "tooltip-type",
+              "name": "screenreader-announcer-identity",
               "type": {
-                "text": "TooltipType"
+                "text": "string | undefined"
               },
-              "description": "The type of tooltip.\n- **description** sets aria-describedby on the trigger component which refers to the tooltip id.\n- **label** sets aria-labelledby on the trigger component which refers to the tooltip id.\n- **none** no aria props set on trigger component referring to the tooltip id.",
-              "default": "'description'",
-              "fieldName": "tooltipType"
+              "description": "Set this attribute with the id of the element in the DOM, to which announcement\nelements will be appended.\nIf an id is provided, the announcement elements will be appended to this element.\nIf id is not provided, a visually hidden div element will be created in the DOM.\n\nPlease refer to the `mdc-screenreaderannouncer` component for more details.",
+              "fieldName": "screenreaderAnnouncerIdentity"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "PopoverPlacement"
+              },
+              "description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
+              "default": "bottom",
+              "fieldName": "placement",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
               "name": "should-focus-trap-wrap",
@@ -33995,19 +33483,6 @@
                 "module": "src/components/popover/popover.component.ts"
               }
             },
-            {
-              "name": "placement",
-              "type": {
-                "text": "PopoverPlacement"
-              },
-              "description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
-              "default": "bottom",
-              "fieldName": "placement",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
-            },
             {
               "name": "color",
               "type": {
@@ -34338,152 +33813,8 @@
             "name": "Popover",
             "module": "/src/components/popover/popover.component"
           },
-          "tagName": "mdc-tooltip",
-          "jsDoc": "/**\n * A tooltip is triggered by mouse hover or by keyboard focus\n * and will disappear upon mouse exit or focus change.\n *\n * Note: Tooltips cannot contain content that can be focused or interacted with.\n *\n * @tagname mdc-tooltip\n *\n * @event shown - (React: onShown) This event is dispatched when the tooltip is shown\n * @event hidden - (React: onHidden) This event is dispatched when the tooltip is hidden\n * @event created - (React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-tooltip-max-width - The maximum width of the tooltip.\n * @cssproperty --mdc-tooltip-padding - The padding of the tooltip.\n * @cssproperty --mdc-tooltip-text-color - The text color of the tooltip.\n * @cssproperty --mdc-tooltip-text-color-contrast - The text color of the tooltip when the color is contrast.\n *\n */",
-          "customElement": true,
-          "slots": [
-            {
-              "description": "Default slot for the popover content",
-              "name": "",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Tooltip",
-            "module": "components/tooltip/tooltip.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/virtualizedlist/virtualizedlist.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "`mdc-virtualizedlist` component for creating custom virtualized lists.\nIMPORTANT: This component does not create it's own list/list items.\nUse the setlistdata callback prop to update client state in order to\nPass list/listitems as a child of this component, which this will virtuailze\nThis implementation handles dynamic lists as well as fixed sized lists.\nPlease refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.",
-          "name": "VirtualizedList",
-          "slots": [
-            {
-              "description": "Client side List with nested list items.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "onscroll",
-              "type": {
-                "text": "((this: GlobalEventHandlers, ev: Event) => void) | null"
-              },
-              "description": "Callback that gets called when user scrolls inside of list. This gives access to the scroll container element\nas well via the event. Particularly useful for\nhandling logic related when the user scrolls to the top or bottom of a list.",
-              "default": "null",
-              "attribute": "onscroll"
-            },
-            {
-              "kind": "field",
-              "name": "virtualizerProps",
-              "type": {
-                "text": "VirtualizerProps"
-              },
-              "description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
-              "attribute": "virtualizerprops"
-            },
-            {
-              "kind": "field",
-              "name": "setlistdata",
-              "type": {
-                "text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
-              },
-              "description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
-              "default": "null",
-              "attribute": "setlistdata"
-            },
-            {
-              "kind": "field",
-              "name": "scrollElementRef",
-              "type": {
-                "text": "Ref<HTMLDivElement>"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "virtualizer",
-              "type": {
-                "text": "Virtualizer<Element, Element> | null"
-              },
-              "privacy": "public",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "virtualItems",
-              "type": {
-                "text": "Array<VirtualItem>"
-              },
-              "privacy": "public",
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "virtualizerController",
-              "type": {
-                "text": "null"
-              },
-              "default": "null"
-            }
-          ],
-          "events": [
-            {
-              "description": "(React: onScroll) Event that gets called when user scrolls inside of list.",
-              "name": "onscroll",
-              "reactName": "onScroll"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "onscroll",
-              "type": {
-                "text": "((this: GlobalEventHandlers, ev: Event) => void) | null"
-              },
-              "description": "Callback that gets called when user scrolls inside of list. This gives access to the scroll container element\nas well via the event. Particularly useful for\nhandling logic related when the user scrolls to the top or bottom of a list.",
-              "default": "null",
-              "fieldName": "onscroll"
-            },
-            {
-              "name": "virtualizerprops",
-              "type": {
-                "text": "VirtualizerProps"
-              },
-              "description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
-              "fieldName": "virtualizerProps"
-            },
-            {
-              "name": "setlistdata",
-              "type": {
-                "text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
-              },
-              "description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
-              "default": "null",
-              "fieldName": "setlistdata"
-            }
-          ],
-          "superclass": {
-            "name": "Component",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-virtualizedlist",
-          "jsDoc": "/**\n * `mdc-virtualizedlist` component for creating custom virtualized lists.\n * IMPORTANT: This component does not create it's own list/list items.\n * Use the setlistdata callback prop to update client state in order to\n * Pass list/listitems as a child of this component, which this will virtuailze\n * This implementation handles dynamic lists as well as fixed sized lists.\n * Please refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.\n *\n * @tagname mdc-virtualizedlist\n *\n * @event onscroll - (React: onScroll) Event that gets called when user scrolls inside of list.\n *\n * @slot - Client side List with nested list items.\n */",
+          "tagName": "mdc-toggletip",
+          "jsDoc": "/**\n * A toggletip is triggered by clicking a trigger element.\n *\n * It can contain interactive content and can be closed by\n * clicking outside the toggletip or pressing the escape key.\n *\n * It can have optional close button to close the toggletip.\n *\n * Toggletip component uses `mdc-screenreaderannouncer` internally to\n * announce the toggletip text content with screen readers when the toggletip is shown.\n *\n * `screenreader-announcer-identity` attribute can be used to provide ID of an element\n * in DOM to which announcement elements are added. If not set, a visually hidden\n * div element is created in DOM to which announcement elements are added.\n *\n * Please refer to the `mdc-screenreaderannouncer` component for more details.\n *\n * @dependency mdc-screenreaderannouncer\n * @dependency mdc-button\n *\n * @tagname mdc-toggletip\n *\n * @event shown - (React: onShown) This event is dispatched when the toggletip is shown\n * @event hidden - (React: onHidden) This event is dispatched when the toggletip is hidden\n * @event created - (React: onCreated) This event is dispatched when the toggletip is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the toggletip\n * is destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-toggletip-max-width - The maximum width of the toggletip.\n * @cssproperty --mdc-toggletip-text-color - The text color of the toggletip.\n * @cssproperty --mdc-toggletip-text-color-contrast - The text color of the toggletip\n *  when the color is contrast.\n *\n * @slot - Default slot for the toggletip content\n */",
           "customElement": true
         }
       ],
@@ -34492,32 +33823,36 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "VirtualizedList",
-            "module": "components/virtualizedlist/virtualizedlist.component.js"
+            "name": "ToggleTip",
+            "module": "components/toggletip/toggletip.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/toggletip/toggletip.component.js",
+      "path": "components/tooltip/tooltip.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "A toggletip is triggered by clicking a trigger element.\n\nIt can contain interactive content and can be closed by\nclicking outside the toggletip or pressing the escape key.\n\nIt can have optional close button to close the toggletip.\n\nToggletip component uses `mdc-screenreaderannouncer` internally to\nannounce the toggletip text content with screen readers when the toggletip is shown.\n\n`screenreader-announcer-identity` attribute can be used to provide ID of an element\nin DOM to which announcement elements are added. If not set, a visually hidden\ndiv element is created in DOM to which announcement elements are added.\n\nPlease refer to the `mdc-screenreaderannouncer` component for more details.",
-          "name": "ToggleTip",
+          "description": "A tooltip is triggered by mouse hover or by keyboard focus\nand will disappear upon mouse exit or focus change.\n\nNote: Tooltips cannot contain content that can be focused or interacted with.",
+          "name": "Tooltip",
           "cssProperties": [
             {
-              "description": "The maximum width of the toggletip.",
-              "name": "--mdc-toggletip-max-width"
+              "description": "The maximum width of the tooltip.",
+              "name": "--mdc-tooltip-max-width"
             },
             {
-              "description": "The text color of the toggletip.",
-              "name": "--mdc-toggletip-text-color"
+              "description": "The padding of the tooltip.",
+              "name": "--mdc-tooltip-padding"
             },
             {
-              "description": "The text color of the toggletip when the color is contrast.",
-              "name": "--mdc-toggletip-text-color-contrast"
+              "description": "The text color of the tooltip.",
+              "name": "--mdc-tooltip-text-color"
+            },
+            {
+              "description": "The text color of the tooltip when the color is contrast.",
+              "name": "--mdc-tooltip-text-color-contrast"
             },
             {
               "description": "radius of the arrow border",
@@ -34600,53 +33935,29 @@
               }
             }
           ],
-          "slots": [
-            {
-              "description": "Default slot for the toggletip content",
-              "name": "",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
-            }
-          ],
           "members": [
             {
               "kind": "field",
-              "name": "defaultSlotNodes",
-              "type": {
-                "text": "Array<Node>"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "screenreaderAnnouncerIdentity",
+              "name": "tooltipType",
               "type": {
-                "text": "string | undefined"
+                "text": "TooltipType"
               },
-              "description": "Set this attribute with the id of the element in the DOM, to which announcement\nelements will be appended.\nIf an id is provided, the announcement elements will be appended to this element.\nIf id is not provided, a visually hidden div element will be created in the DOM.\n\nPlease refer to the `mdc-screenreaderannouncer` component for more details.",
-              "attribute": "screenreader-announcer-identity",
+              "description": "The type of tooltip.\n- **description** sets aria-describedby on the trigger component which refers to the tooltip id.\n- **label** sets aria-labelledby on the trigger component which refers to the tooltip id.\n- **none** no aria props set on trigger component referring to the tooltip id.",
+              "default": "'description'",
+              "attribute": "tooltip-type",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "placement",
+              "name": "defaultSlotNodes",
               "type": {
-                "text": "PopoverPlacement"
+                "text": "Array<Node>"
               },
-              "description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
-              "default": "bottom",
-              "attribute": "placement",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "getToggleTipText",
+              "name": "getTooltipText",
               "privacy": "private",
               "return": {
                 "type": {
@@ -34654,6 +33965,37 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "setTooltipType",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "TooltipType"
+                  },
+                  "description": "The type to set."
+                }
+              ],
+              "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": "method",
+              "name": "onIdUpdated",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Updates the tooltip id if it is empty."
+            },
             {
               "kind": "method",
               "name": "onPlacementUpdated",
@@ -34663,7 +34005,27 @@
                   "text": "void"
                 }
               },
-              "description": "Updates the placement attribute if it is not a valid placement.\nDefault placement for toggle tip is top."
+              "description": "Updates the placement attribute if it is not a valid placement.\nOverriding the default from Popover"
+            },
+            {
+              "kind": "method",
+              "name": "onTooltipTypeUpdated",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "changedProperties",
+                  "type": {
+                    "text": "PropertyValues"
+                  },
+                  "description": "The changed properties."
+                }
+              ],
+              "description": "Updates the tooltip type attribute and sets the appropriate aria props on the trigger component."
             },
             {
               "kind": "field",
@@ -35256,6 +34618,21 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "PopoverPlacement"
+              },
+              "description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
+              "default": "bottom",
+              "attribute": "placement",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "color",
@@ -35823,7 +35200,7 @@
           ],
           "events": [
             {
-              "description": "(React: onShown) This event is dispatched when the toggletip is shown",
+              "description": "(React: onShown) This event is dispatched when the tooltip is shown",
               "name": "shown",
               "reactName": "onShown",
               "inheritedFrom": {
@@ -35832,7 +35209,7 @@
               }
             },
             {
-              "description": "(React: onHidden) This event is dispatched when the toggletip is hidden",
+              "description": "(React: onHidden) This event is dispatched when the tooltip is hidden",
               "name": "hidden",
               "reactName": "onHidden",
               "inheritedFrom": {
@@ -35841,7 +35218,7 @@
               }
             },
             {
-              "description": "(React: onCreated) This event is dispatched when the toggletip is created (added to the DOM)",
+              "description": "(React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)",
               "name": "created",
               "reactName": "onCreated",
               "inheritedFrom": {
@@ -35850,7 +35227,7 @@
               }
             },
             {
-              "description": "(React: onDestroyed) This event is dispatched when the toggletip is destroyed (removed from the DOM)",
+              "description": "(React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)",
               "name": "destroyed",
               "reactName": "onDestroyed",
               "inheritedFrom": {
@@ -35861,25 +35238,13 @@
           ],
           "attributes": [
             {
-              "name": "screenreader-announcer-identity",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Set this attribute with the id of the element in the DOM, to which announcement\nelements will be appended.\nIf an id is provided, the announcement elements will be appended to this element.\nIf id is not provided, a visually hidden div element will be created in the DOM.\n\nPlease refer to the `mdc-screenreaderannouncer` component for more details.",
-              "fieldName": "screenreaderAnnouncerIdentity"
-            },
-            {
-              "name": "placement",
+              "name": "tooltip-type",
               "type": {
-                "text": "PopoverPlacement"
+                "text": "TooltipType"
               },
-              "description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
-              "default": "bottom",
-              "fieldName": "placement",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
+              "description": "The type of tooltip.\n- **description** sets aria-describedby on the trigger component which refers to the tooltip id.\n- **label** sets aria-labelledby on the trigger component which refers to the tooltip id.\n- **none** no aria props set on trigger component referring to the tooltip id.",
+              "default": "'description'",
+              "fieldName": "tooltipType"
             },
             {
               "name": "should-focus-trap-wrap",
@@ -35933,6 +35298,19 @@
                 "module": "src/components/popover/popover.component.ts"
               }
             },
+            {
+              "name": "placement",
+              "type": {
+                "text": "PopoverPlacement"
+              },
+              "description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
+              "default": "bottom",
+              "fieldName": "placement",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
             {
               "name": "color",
               "type": {
@@ -36263,8 +35641,152 @@
             "name": "Popover",
             "module": "/src/components/popover/popover.component"
           },
-          "tagName": "mdc-toggletip",
-          "jsDoc": "/**\n * A toggletip is triggered by clicking a trigger element.\n *\n * It can contain interactive content and can be closed by\n * clicking outside the toggletip or pressing the escape key.\n *\n * It can have optional close button to close the toggletip.\n *\n * Toggletip component uses `mdc-screenreaderannouncer` internally to\n * announce the toggletip text content with screen readers when the toggletip is shown.\n *\n * `screenreader-announcer-identity` attribute can be used to provide ID of an element\n * in DOM to which announcement elements are added. If not set, a visually hidden\n * div element is created in DOM to which announcement elements are added.\n *\n * Please refer to the `mdc-screenreaderannouncer` component for more details.\n *\n * @dependency mdc-screenreaderannouncer\n * @dependency mdc-button\n *\n * @tagname mdc-toggletip\n *\n * @event shown - (React: onShown) This event is dispatched when the toggletip is shown\n * @event hidden - (React: onHidden) This event is dispatched when the toggletip is hidden\n * @event created - (React: onCreated) This event is dispatched when the toggletip is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the toggletip\n * is destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-toggletip-max-width - The maximum width of the toggletip.\n * @cssproperty --mdc-toggletip-text-color - The text color of the toggletip.\n * @cssproperty --mdc-toggletip-text-color-contrast - The text color of the toggletip\n *  when the color is contrast.\n *\n * @slot - Default slot for the toggletip content\n */",
+          "tagName": "mdc-tooltip",
+          "jsDoc": "/**\n * A tooltip is triggered by mouse hover or by keyboard focus\n * and will disappear upon mouse exit or focus change.\n *\n * Note: Tooltips cannot contain content that can be focused or interacted with.\n *\n * @tagname mdc-tooltip\n *\n * @event shown - (React: onShown) This event is dispatched when the tooltip is shown\n * @event hidden - (React: onHidden) This event is dispatched when the tooltip is hidden\n * @event created - (React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-tooltip-max-width - The maximum width of the tooltip.\n * @cssproperty --mdc-tooltip-padding - The padding of the tooltip.\n * @cssproperty --mdc-tooltip-text-color - The text color of the tooltip.\n * @cssproperty --mdc-tooltip-text-color-contrast - The text color of the tooltip when the color is contrast.\n *\n */",
+          "customElement": true,
+          "slots": [
+            {
+              "description": "Default slot for the popover content",
+              "name": "",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Tooltip",
+            "module": "components/tooltip/tooltip.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/virtualizedlist/virtualizedlist.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`mdc-virtualizedlist` component for creating custom virtualized lists.\nIMPORTANT: This component does not create it's own list/list items.\nUse the setlistdata callback prop to update client state in order to\nPass list/listitems as a child of this component, which this will virtuailze\nThis implementation handles dynamic lists as well as fixed sized lists.\nPlease refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.",
+          "name": "VirtualizedList",
+          "slots": [
+            {
+              "description": "Client side List with nested list items.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "onscroll",
+              "type": {
+                "text": "((this: GlobalEventHandlers, ev: Event) => void) | null"
+              },
+              "description": "Callback that gets called when user scrolls inside of list. This gives access to the scroll container element\nas well via the event. Particularly useful for\nhandling logic related when the user scrolls to the top or bottom of a list.",
+              "default": "null",
+              "attribute": "onscroll"
+            },
+            {
+              "kind": "field",
+              "name": "virtualizerProps",
+              "type": {
+                "text": "VirtualizerProps"
+              },
+              "description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
+              "attribute": "virtualizerprops"
+            },
+            {
+              "kind": "field",
+              "name": "setlistdata",
+              "type": {
+                "text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
+              },
+              "description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
+              "default": "null",
+              "attribute": "setlistdata"
+            },
+            {
+              "kind": "field",
+              "name": "scrollElementRef",
+              "type": {
+                "text": "Ref<HTMLDivElement>"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "virtualizer",
+              "type": {
+                "text": "Virtualizer<Element, Element> | null"
+              },
+              "privacy": "public",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "virtualItems",
+              "type": {
+                "text": "Array<VirtualItem>"
+              },
+              "privacy": "public",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "virtualizerController",
+              "type": {
+                "text": "null"
+              },
+              "default": "null"
+            }
+          ],
+          "events": [
+            {
+              "description": "(React: onScroll) Event that gets called when user scrolls inside of list.",
+              "name": "onscroll",
+              "reactName": "onScroll"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "onscroll",
+              "type": {
+                "text": "((this: GlobalEventHandlers, ev: Event) => void) | null"
+              },
+              "description": "Callback that gets called when user scrolls inside of list. This gives access to the scroll container element\nas well via the event. Particularly useful for\nhandling logic related when the user scrolls to the top or bottom of a list.",
+              "default": "null",
+              "fieldName": "onscroll"
+            },
+            {
+              "name": "virtualizerprops",
+              "type": {
+                "text": "VirtualizerProps"
+              },
+              "description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
+              "fieldName": "virtualizerProps"
+            },
+            {
+              "name": "setlistdata",
+              "type": {
+                "text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
+              },
+              "description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
+              "default": "null",
+              "fieldName": "setlistdata"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-virtualizedlist",
+          "jsDoc": "/**\n * `mdc-virtualizedlist` component for creating custom virtualized lists.\n * IMPORTANT: This component does not create it's own list/list items.\n * Use the setlistdata callback prop to update client state in order to\n * Pass list/listitems as a child of this component, which this will virtuailze\n * This implementation handles dynamic lists as well as fixed sized lists.\n * Please refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.\n *\n * @tagname mdc-virtualizedlist\n *\n * @event onscroll - (React: onScroll) Event that gets called when user scrolls inside of list.\n *\n * @slot - Client side List with nested list items.\n */",
           "customElement": true
         }
       ],
@@ -36273,8 +35795,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ToggleTip",
-            "module": "components/toggletip/toggletip.component.js"
+            "name": "VirtualizedList",
+            "module": "components/virtualizedlist/virtualizedlist.component.js"
           }
         }
       ]
@@ -38146,637 +37668,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "utils/mixins/MenuMixin.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "MenuMixinInterface",
-          "members": [
-            {
-              "kind": "field",
-              "name": "ariaOrientation",
-              "type": {
-                "text": "Orientation"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseClick",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "updatePopoverPlacementBasedOnOrientation",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            }
-          ]
-        },
-        {
-          "kind": "mixin",
-          "description": "",
-          "name": "MenuMixin",
-          "members": [
-            {
-              "kind": "field",
-              "name": "ariaOrientation",
-              "type": {
-                "text": "Orientation"
-              },
-              "description": "Defines the orientation of the menu. This value is reflected to\nthe `aria-orientation` attribute and can be either `'horizontal'` or `'vertical'`.",
-              "default": "'horizontal'",
-              "attribute": "aria-orientation",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "setMenuBarPopoverValue",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "The value to set."
-                }
-              ],
-              "description": "Sets the value of the data-menu-popover-open attribute on the menu element."
-            },
-            {
-              "kind": "method",
-              "name": "isMenuPopoverOpen",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Returns true if the data-menu-popover-open attribute on the menu element is set to 'true', false otherwise."
-            },
-            {
-              "kind": "method",
-              "name": "getCurrentIndex",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "target",
-                  "type": {
-                    "text": "EventTarget | null"
-                  },
-                  "description": "The target element to find the index of."
-                }
-              ],
-              "description": "Returns the index of the given target in the menuItems array.\nIf the target is not a menu item, but a child element of a menu item,\nit returns the index of the parent menu item."
-            },
-            {
-              "kind": "method",
-              "name": "updatePopoverPlacementBasedOnOrientation",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Updates the placement of the popover based on the aria-orientation property."
-            },
-            {
-              "kind": "method",
-              "name": "updateTabIndexAndFocusNewIndex",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "menuItems",
-                  "type": {
-                    "text": "Array<HTMLElement>"
-                  },
-                  "description": "The list of menu items."
-                },
-                {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
-                },
-                {
-                  "name": "newIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the new active element in the list."
-                }
-              ],
-              "description": "Updates the tabindex of the current index to -1 and the tabindex of the new index to 0,\neffectively setting the active element. This is used when navigating the menu via keyboard."
-            },
-            {
-              "kind": "method",
-              "name": "isValidMenu",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "tagName",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The tag name to check."
-                }
-              ],
-              "description": "Checks if the given tag name is a valid menu tag name."
-            },
-            {
-              "kind": "method",
-              "name": "isValidNavItemList",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "tagName",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The tag name to check."
-                }
-              ],
-              "description": "Checks if the given tag name is a valid navitemlist tag name."
-            },
-            {
-              "kind": "method",
-              "name": "isValidPopover",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "tagName",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The tag name to check."
-                }
-              ],
-              "description": "Checks if the given tag name is a valid menu popover tag name."
-            },
-            {
-              "kind": "method",
-              "name": "openPopover",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the menu item to open the popover for."
-                }
-              ],
-              "description": "Opens the popover at the given index if it exists."
-            },
-            {
-              "kind": "method",
-              "name": "navigateToPrevMenuItem",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
-                },
-                {
-                  "name": "firstMenuIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the first menu item."
-                },
-                {
-                  "name": "lastMenuIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the last menu item."
-                },
-                {
-                  "name": "ariaOrientation",
-                  "type": {
-                    "text": "Orientation"
-                  },
-                  "description": "The orientation of the menu."
-                }
-              ],
-              "description": "Navigates to the previous menu item and updates the tabindex of the current index\nto -1 and the tabindex of the new index to 0."
-            },
-            {
-              "kind": "method",
-              "name": "navigateToNextMenuItem",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
-                },
-                {
-                  "name": "firstMenuIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the first menu item."
-                },
-                {
-                  "name": "lastMenuIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the last menu item."
-                },
-                {
-                  "name": "ariaOrientation",
-                  "type": {
-                    "text": "Orientation"
-                  },
-                  "description": "The orientation of the menu."
-                }
-              ],
-              "description": "Navigates to the next menu item and updates the tabindex of the current index\nto -1 and the tabindex of the new index to 0."
-            },
-            {
-              "kind": "method",
-              "name": "getParentMenuItemDetails",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "menuChildId",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The id of the menu child element."
-                },
-                {
-                  "name": "menu",
-                  "optional": true,
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "The current menu element to start traversing from."
-                }
-              ],
-              "description": "Returns the parent menu item details for the given menu child id.\nIt recursively traverses up the DOM tree until it finds a menu or menubar element."
-            },
-            {
-              "kind": "method",
-              "name": "hideAllPopovers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "menu",
-                  "optional": true,
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "The current menu element to start traversing from."
-                }
-              ],
-              "description": "Recursively hides all the popovers up the DOM tree until it finds a menu or menubar element."
-            },
-            {
-              "kind": "method",
-              "name": "navigateToPrevParentMenuItem",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
-                },
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Recursively navigates up the DOM tree until it finds the previous menu item\nand updates the tabindex of the current index to -1 and the tabindex of the new index to 0.\nAlso opens the popover of the previous menu item."
-            },
-            {
-              "kind": "method",
-              "name": "closePopoverAndNavigateToPrevParentMenuItem",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
-                },
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Closes the current menu popover and navigates to the previous parent menu item."
-            },
-            {
-              "kind": "method",
-              "name": "getParentMenuContents",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "currentMenuItem",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  },
-                  "description": "The current menu item to start traversing from."
-                }
-              ],
-              "description": "Gets the parent menu contents of the given current menu item.\nIt recursively traverses up the DOM tree until it finds the parent menu element\nand gets the parent menu item details and the children of the parent menu item."
-            },
-            {
-              "kind": "method",
-              "name": "openPopoverAndNavigateToNextChildrenMenuItem",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index of the focused menu item."
-                }
-              ],
-              "description": "Opens the popover of the next children menu item if there are children.\nIf there are no children, then it closes all popovers recursively and\nnavigates to the next menu item from the menu bar.\nIf the parent menu item does not have any children, then we will go to the next menu item."
-            },
-            {
-              "kind": "method",
-              "name": "isValidMenuItem",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "menuItem",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The menu item to check."
-                }
-              ],
-              "description": "Checks if the given menu item is a valid menu item."
-            },
-            {
-              "kind": "method",
-              "name": "resetTabIndexAndSetActiveTabIndex",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "menuItems",
-                  "type": {
-                    "text": "Array<HTMLElement>"
-                  }
-                },
-                {
-                  "description": "The index of the new active element in the list.",
-                  "name": "newIndex"
-                }
-              ],
-              "description": "Resets all list items tabindex to -1 and sets the tabindex of the\nelement at the given index to 0, effectively setting the active\nelement. This is used when navigating the list via keyboard."
-            },
-            {
-              "kind": "method",
-              "name": "getKeyBasedOnDirection",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "originalKey",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The original key pressed."
-                }
-              ],
-              "description": "Returns the key based on the direction of the document.\nIf the document is in RTL mode and the key is ARROW_LEFT or ARROW_RIGHT,\nit will swap them to maintain the correct navigation direction."
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  },
-                  "description": "The keyboard event."
-                }
-              ],
-              "description": "Handles the keydown event on the menu bar.\nThe keys are as follows:\n- HOME: Sets focus to the first menu item.\n- END: Sets focus to the last menu item.\n- ARROW_LEFT:\n  - If orientation is horizontal, then it navigates to the previous menu item.\n  - If orientation is vertical, then it closes the popover of the current menu item and\n    navigates to the previous parent menu item.\n- ARROW_RIGHT:\n  - If orientation is horizontal, then it navigates to the next menu item.\n  - If orientation is vertical, then it opens the popover of the current menu item and\n    navigates to the next children menu item.\n- ARROW_UP:\n  - If orientation is horizontal, then it opens the popover of the current menu item.\n  - If orientation is vertical, then it navigates to the previous menu item.\n- ARROW_DOWN:\n  - If orientation is horizontal, then it opens the popover of the current menu item.\n  - If orientation is vertical, then it navigates to the next menu item.\n- SPACE:\n- ENTER:\n  - If the next element sibling is a menu popover, then it opens the popover of the current\n    menu item and navigates to the next children menu item.\n  - If the target element is a menu item, then it closes all popovers recursively and\n    navigates to the previous parent menu item.\n- ESCAPE:\n  - If a popover is already open then we close it and navigate to the parent menu item.\n  - If the current menuitem is a child of menubar, then we will set the value of isMenuPopoverOpen to false.,"
-            },
-            {
-              "kind": "method",
-              "name": "closeAllPopoversExceptCurrent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the current menu item."
-                }
-              ],
-              "description": "Closes all popovers except the current one."
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseClick",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  },
-                  "description": "The mouse click event."
-                }
-              ],
-              "description": "Handles the mouse click event on the menu items.\n- If the menuitem has children, then it opens the popover of the next children menu item.\n- If the menuitem does not have children, then it closes all popovers recursively."
-            }
-          ],
-          "attributes": [
-            {
-              "name": "aria-orientation",
-              "type": {
-                "text": "Orientation"
-              },
-              "description": "Defines the orientation of the menu. This value is reflected to\nthe `aria-orientation` attribute and can be either `'horizontal'` or `'vertical'`.",
-              "default": "'horizontal'",
-              "fieldName": "ariaOrientation"
-            }
-          ],
-          "parameters": [
-            {
-              "name": "superClass",
-              "type": {
-                "text": "T"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MenuMixinInterface",
-          "declaration": {
-            "name": "MenuMixinInterface",
-            "module": "utils/mixins/MenuMixin.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "MenuMixin",
-          "declaration": {
-            "name": "MenuMixin",
-            "module": "utils/mixins/MenuMixin.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "utils/mixins/PreventScrollMixin.js",