@momentum-design/components 0.111.2 → 0.112.0

package/dist/custom-elements.json

@@ -19580,7 +19580,7 @@
               "kind": "method",
               "name": "handleMouseClick",
               "privacy": "private",
-              "description": "Handles click events to toggle checked state\nIf the menuitemcheckbox is disabled, it does nothing.\nIf the menuitemcheckbox is not disabled, it toggles the `checked` state between `true` and `false`."
+              "description": "Handles click events to toggle checked state\nIf the menuitemcheckbox is disabled, it does nothing.\nIf the menuitemcheckbox is not disabled, it toggles checked if uncontrolled, and dispatches the 'change' event."
             },
             {
               "kind": "method",
@@ -19615,6 +19615,21 @@
               },
               "description": "Returns a checkmark icon if the indicator is set to checkmark and the checked state is true.\nIf the indicator is not set to checkmark or the checked state is false, it returns nothing.\n\nThe checkmark icon will always be positioned on the trailing side of the menuitem label."
             },
+            {
+              "kind": "field",
+              "name": "controlled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the component is controlled.\nWhen the component is controlled, it will not handle any interaction itself, e.g. toggling a checkbox.",
+              "default": "undefined",
+              "attribute": "controlled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ControlledMixin",
+                "module": "utils/mixins/ControlledMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "arrowPosition",
@@ -20103,6 +20118,19 @@
               "default": "'checkbox'",
               "fieldName": "indicator"
             },
+            {
+              "name": "controlled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the component is controlled.\nWhen the component is controlled, it will not handle any interaction itself, e.g. toggling a checkbox.",
+              "default": "undefined",
+              "fieldName": "controlled",
+              "inheritedFrom": {
+                "name": "ControlledMixin",
+                "module": "src/utils/mixins/ControlledMixin.ts"
+              }
+            },
             {
               "name": "arrow-position",
               "type": {
@@ -20264,6 +20292,12 @@
               }
             }
           ],
+          "mixins": [
+            {
+              "name": "ControlledMixin",
+              "module": "/src/utils/mixins/ControlledMixin"
+            }
+          ],
           "superclass": {
             "name": "MenuItem",
             "module": "/src/components/menuitem/menuitem.component"
@@ -40928,194 +40962,127 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/tooltip/tooltip.component.js",
+      "path": "components/typewriter/typewriter.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",
-          "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 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",
-              "name": "--mdc-popover-arrow-border-radius",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
-            },
-            {
-              "description": "border of the arrow",
-              "name": "--mdc-popover-arrow-border",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
-            },
-            {
-              "description": "primary background color of the popover",
-              "name": "--mdc-popover-primary-background-color",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
-            },
-            {
-              "description": "border color of the popover",
-              "name": "--mdc-popover-border-color",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
-            },
-            {
-              "description": "inverted background color of the popover",
-              "name": "--mdc-popover-inverted-background-color",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
-            },
-            {
-              "description": "inverted border color of the popover",
-              "name": "--mdc-popover-inverted-border-color",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
-            },
-            {
-              "description": "inverted text color of the popover",
-              "name": "--mdc-popover-inverted-text-color",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
-            },
-            {
-              "description": "elevation of the popover",
-              "name": "--mdc-popover-elevation-3",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
-            },
+          "description": "Typewriter component that creates a typewriter effect on text content.\nIt uses the Text component internally, adding a progressive typing effect.\n\nThe `type` attribute allows changing the text style (passed to the internal Text component).\nThe `tagname` attribute allows changing the tag name of the text element (passed to the internal Text component).\nThe default tag name is `p`.\n\nThe `speed` attribute controls typing speed in milliseconds per character:\n- 'very-slow' = 240ms per character\n- 'slow' = 120ms per character\n- 'normal' = 60ms per character (default)\n- 'fast' = 20ms per character\n- 'very-fast' = 1ms per character\n- Or any numeric string representing milliseconds\n\nAdvanced features:\n- Dynamic speed adjustment during typing\n- Chunked text addition via addTextChunk() method\n- Instant text addition via addInstantTextChunk() method or instant parameter\n- Mixed instant and animated chunks in queue\n- Continues typing in background tabs\n- Performance optimized for large text\n- maxQueueSize to limit memory usage from excessive queuing\n- event handling for typing completion and content changes\n\nThe component includes accessibility features:\n- Screen readers announce the complete text, not character by character\n- Uses aria-live=\"polite\" for dynamic content updates\n- Sets aria-busy during typing animation",
+          "name": "Typewriter",
+          "cssParts": [
             {
-              "description": "max width of the popover",
-              "name": "--mdc-popover-max-width",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
+              "description": "Container for the text element",
+              "name": "container"
             },
             {
-              "description": "max height of the popover",
-              "name": "--mdc-popover-max-height",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
-            },
+              "description": "The text element (forwarded to mdc-text)",
+              "name": "text"
+            }
+          ],
+          "slots": [
             {
-              "description": "width of the popover",
-              "name": "--mdc-popover-width",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
-              }
+              "description": "Default slot for text content",
+              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "tooltipType",
+              "name": "type",
               "type": {
-                "text": "TooltipType"
+                "text": "TextType"
               },
-              "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",
+              "privacy": "public",
+              "description": "Specifies the text style to be applied to the internal text component.\nUses the same types as the Text component.",
+              "default": "body-large-regular",
+              "attribute": "type",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "defaultSlotNodes",
+              "name": "tagname",
               "type": {
-                "text": "Array<Node>"
+                "text": "TagName | undefined"
               },
-              "privacy": "private"
+              "privacy": "public",
+              "description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the internal text element.\n\nAcceptable values include all valid tag names from the Text component.",
+              "attribute": "tagname",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "getTooltipText",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
+              "kind": "field",
+              "name": "speed",
+              "type": {
+                "text": "TypewriterSpeed"
+              },
+              "privacy": "public",
+              "description": "Speed of the typewriter effect in milliseconds per character.\nCan be a string preset or a numeric string in milliseconds.\n- 'very-slow' = 240ms per character\n- 'slow' = 120ms per character\n- 'normal' = 60ms per character (default)\n- 'fast' = 20ms per character\n- 'very-fast' = 1ms per character\n- Or any numeric string representing milliseconds (e.g., '100')",
+              "default": "'normal' (60ms per character)",
+              "attribute": "speed",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "maxQueueSize",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "public",
+              "description": "Maximum number of text chunks that can be queued before oldest chunks are dropped.\nSet to prevent memory accumulation from excessive queuing.",
+              "default": "Number.MAX_SAFE_INTEGER (effectively unlimited)",
+              "attribute": "max-queue-size",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "setTooltipType",
+              "name": "createTimeout",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "number"
                 }
               },
               "parameters": [
                 {
-                  "name": "type",
+                  "name": "callback",
                   "type": {
-                    "text": "TooltipType"
-                  },
-                  "description": "The type to set."
+                    "text": "() => void"
+                  }
+                },
+                {
+                  "name": "delay",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ],
-              "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": "Helper to create tracked setTimeout that will be cleaned up on disconnect"
             },
             {
               "kind": "method",
-              "name": "onIdUpdated",
+              "name": "clearAllTimeouts",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "void"
                 }
               },
-              "description": "Updates the tooltip id if it is empty."
+              "description": "Clear all pending timeouts"
             },
             {
               "kind": "method",
-              "name": "onPlacementUpdated",
-              "privacy": "private",
+              "name": "clearQueue",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Updates the placement attribute if it is not a valid placement.\nOverriding the default from Popover"
+              "description": "Clears the text chunk queue and stops processing\nUseful for resetting the component state"
             },
             {
               "kind": "method",
-              "name": "onTooltipTypeUpdated",
-              "privacy": "private",
+              "name": "addTextChunk",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
@@ -41123,585 +41090,427 @@
               },
               "parameters": [
                 {
-                  "name": "changedProperties",
+                  "name": "text",
                   "type": {
-                    "text": "PropertyValues"
+                    "text": "string"
                   },
-                  "description": "The changed properties."
+                  "description": "The text to add"
+                },
+                {
+                  "name": "speed",
+                  "optional": true,
+                  "type": {
+                    "text": "TypewriterSpeed"
+                  },
+                  "description": "Optional speed override for this chunk"
+                },
+                {
+                  "name": "instant",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "If true, text appears instantly without animation"
                 }
               ],
-              "description": "Updates the tooltip type attribute and sets the appropriate aria props on the trigger component."
-            },
-            {
-              "kind": "field",
-              "name": "zIndex",
-              "type": {
-                "text": "number"
-              },
-              "description": "IMPLEMENT THIS IN YOUR COMPONENT.\n\nThe z-index of the component where the backdrop will be attached to.\nThe backdrop itself will have a z-index of `zIndex - 1`.",
-              "default": "1000",
-              "attribute": "z-index",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "preventScroll",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Prevent outside scrolling when element is shown.\n\nIMPLEMENT THIS IN YOUR COMPONENT.",
-              "default": "false",
-              "attribute": "prevent-scroll",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "activatePreventScroll",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              "description": "Adds a chunk of text to be typed out, optionally with a different speed"
             },
             {
               "kind": "method",
-              "name": "deactivatePreventScroll",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "focusTrap",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Determines whether the focus trap is enabled.\nIf true, focus will be restricted to the content within this component.\n\nIMPLEMENT THIS IN YOUR COMPONENT.",
-              "default": "false",
-              "attribute": "focus-trap",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "shouldFocusTrapWrap",
-              "type": {
-                "text": "boolean"
+              "name": "addInstantTextChunk",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "true",
-              "description": "Determines whether focus should wrap around when reaching the first or last focusable element.\nIf true, focus will cycle from end to start and vice versa.\n\nThis only applies when `focusTrap` is true.",
-              "attribute": "should-focus-trap-wrap",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setIsFocusTrapActivated",
-              "privacy": "private",
               "parameters": [
                 {
-                  "name": "isActivated",
+                  "name": "text",
                   "type": {
-                    "text": "boolean"
-                  }
+                    "text": "string"
+                  },
+                  "description": "The text to add instantly"
                 }
               ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "activateFocusTrap",
-              "privacy": "public",
-              "description": "Activate the focus trap",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "deactivateFocusTrap",
-              "privacy": "public",
-              "description": "Deactivate the focus trap.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              "description": "Adds a chunk of text instantly without typing animation"
             },
             {
               "kind": "method",
-              "name": "hasNoClientRects",
+              "name": "processChunkQueue",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The element to check."
-                }
-              ],
-              "description": "Checks if the element has no client rectangles (not visible in the viewport).",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              "description": "Processes all chunks in the queue"
             },
             {
               "kind": "method",
-              "name": "hasZeroDimensions",
+              "name": "processNextChunk",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The element to check."
-                }
-              ],
-              "description": "Checks if the element has zero dimensions (width and height are both 0).",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              "description": "Processes the next chunk in the queue"
             },
             {
               "kind": "method",
-              "name": "isNotVisible",
+              "name": "getTypingDelayMs",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The element to check."
-                }
-              ],
-              "description": "Determines if the element is not visible in the DOM.",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "number"
                 }
               },
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              "description": "Gets the typing delay in milliseconds per character"
             },
             {
               "kind": "method",
-              "name": "hasHiddenStyle",
+              "name": "captureAndProcessContent",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The element to check."
-                }
-              ],
-              "description": "Checks if the element has inline styles that make it hidden.",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              "description": "Captures slot content and starts typewriter animation"
             },
             {
               "kind": "method",
-              "name": "hasComputedHidden",
+              "name": "startTypingAnimation",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The element to check."
-                }
-              ],
-              "description": "Checks if the element is hidden by a computed style.",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isHidden",
-              "privacy": "private",
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "onComplete",
+                  "optional": true,
                   "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The element to check."
+                    "text": "() => void"
+                  }
                 }
               ],
-              "description": "Checks if the element is hidden from the user.",
+              "description": "Starts the typewriter animation"
+            },
+            {
+              "kind": "method",
+              "name": "clearTypingAnimation",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              "description": "Clears the typing animation timeout"
             },
             {
               "kind": "method",
-              "name": "isDisabled",
+              "name": "handleSlotChange",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "any"
-                  },
-                  "description": "The element to check."
-                }
-              ],
-              "description": "Checks if the element is disabled.",
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
+              "description": "Handler for slotchange event"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
               }
             },
             {
-              "kind": "method",
-              "name": "isNotTabbable",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The element to check."
-                }
-              ],
-              "description": "Checks if the element is not tabbable.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
+              "description": "(React: onTypingComplete) Fired when the typewriter finishes typing all content. Detail: \\{ finalContent: string \\}",
+              "name": "typing-complete",
+              "reactName": "onTypingComplete"
+            },
+            {
+              "description": "(React: onChange) Fired when the content of the typewriter changes. Detail: \\{ content: string, isTyping: boolean \\}",
+              "name": "change",
+              "reactName": "onChange"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "TextType"
+              },
+              "description": "Specifies the text style to be applied to the internal text component.\nUses the same types as the Text component.",
+              "default": "body-large-regular",
+              "fieldName": "type"
+            },
+            {
+              "name": "tagname",
+              "type": {
+                "text": "TagName | undefined"
+              },
+              "description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the internal text element.\n\nAcceptable values include all valid tag names from the Text component.",
+              "fieldName": "tagname"
+            },
+            {
+              "name": "speed",
+              "type": {
+                "text": "TypewriterSpeed"
               },
+              "description": "Speed of the typewriter effect in milliseconds per character.\nCan be a string preset or a numeric string in milliseconds.\n- 'very-slow' = 240ms per character\n- 'slow' = 120ms per character\n- 'normal' = 60ms per character (default)\n- 'fast' = 20ms per character\n- 'very-fast' = 1ms per character\n- Or any numeric string representing milliseconds (e.g., '100')",
+              "default": "'normal' (60ms per character)",
+              "fieldName": "speed"
+            },
+            {
+              "name": "max-queue-size",
+              "type": {
+                "text": "number"
+              },
+              "description": "Maximum number of text chunks that can be queued before oldest chunks are dropped.\nSet to prevent memory accumulation from excessive queuing.",
+              "default": "Number.MAX_SAFE_INTEGER (effectively unlimited)",
+              "fieldName": "maxQueueSize"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-typewriter",
+          "jsDoc": "/**\n * Typewriter component that creates a typewriter effect on text content.\n * It uses the Text component internally, adding a progressive typing effect.\n *\n * The `type` attribute allows changing the text style (passed to the internal Text component).\n * The `tagname` attribute allows changing the tag name of the text element (passed to the internal Text component).\n * The default tag name is `p`.\n *\n * The `speed` attribute controls typing speed in milliseconds per character:\n * - 'very-slow' = 240ms per character\n * - 'slow' = 120ms per character\n * - 'normal' = 60ms per character (default)\n * - 'fast' = 20ms per character\n * - 'very-fast' = 1ms per character\n * - Or any numeric string representing milliseconds\n *\n * Advanced features:\n * - Dynamic speed adjustment during typing\n * - Chunked text addition via addTextChunk() method\n * - Instant text addition via addInstantTextChunk() method or instant parameter\n * - Mixed instant and animated chunks in queue\n * - Continues typing in background tabs\n * - Performance optimized for large text\n * - maxQueueSize to limit memory usage from excessive queuing\n * - event handling for typing completion and content changes\n *\n * The component includes accessibility features:\n * - Screen readers announce the complete text, not character by character\n * - Uses aria-live=\"polite\" for dynamic content updates\n * - Sets aria-busy during typing animation\n *\n * @dependency mdc-text\n *\n * @tagname mdc-typewriter\n * @slot - Default slot for text content\n *\n * @csspart container - Container for the text element\n * @csspart text - The text element (forwarded to mdc-text)\n *\n * @event typing-complete - (React: onTypingComplete) Fired when the typewriter finishes typing all content.\n *   Detail: \\{ finalContent: string \\}\n * @event change - (React: onChange) Fired when the content of the typewriter changes.\n *   Detail: \\{ content: string, isTyping: boolean \\}\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Typewriter",
+            "module": "components/typewriter/typewriter.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/tooltip/tooltip.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",
+          "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 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",
+              "name": "--mdc-popover-arrow-border-radius",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "components/popover/popover.component.js"
+                "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "isInteractiveElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The element to check."
-                }
-              ],
-              "description": "Checks if the element is interactive.",
+              "description": "border of the arrow",
+              "name": "--mdc-popover-arrow-border",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "components/popover/popover.component.js"
+                "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "isFocusable",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The element to check."
-                }
-              ],
-              "description": "Checks if the element is focusable.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
+              "description": "primary background color of the popover",
+              "name": "--mdc-popover-primary-background-color",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "components/popover/popover.component.js"
+                "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "findFocusable",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "root",
-                  "type": {
-                    "text": "ShadowRoot | HTMLElement"
-                  },
-                  "description": "The root element to search for focusable elements."
-                },
-                {
-                  "name": "matches",
-                  "default": "new Set()",
-                  "type": {
-                    "text": "Set<HTMLElement>"
-                  },
-                  "description": "The set of focusable elements."
-                }
-              ],
-              "description": "Recursively finds all focusable elements within the given root and its descendants.\n\nMake sure this is performant, as it will be called multiple times.",
+              "description": "border color of the popover",
+              "name": "--mdc-popover-border-color",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "components/popover/popover.component.js"
+                "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "setFocusableElements",
-              "privacy": "private",
-              "description": "Updates the list of focusable elements within the component's shadow root.",
+              "description": "inverted background color of the popover",
+              "name": "--mdc-popover-inverted-background-color",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "components/popover/popover.component.js"
+                "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "setInitialFocus",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "elementIndexToReceiveFocus",
-                  "default": "0",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The index of the preferable element to focus."
-                }
-              ],
-              "description": "Sets the initial focus within the container.",
+              "description": "inverted border color of the popover",
+              "name": "--mdc-popover-inverted-border-color",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "components/popover/popover.component.js"
+                "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "calculateNextIndex",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "currentIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index."
-                },
-                {
-                  "name": "step",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The step to calculate the next index."
-                }
-              ],
-              "description": "Calculates the next index for the focus trap.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
+              "description": "inverted text color of the popover",
+              "name": "--mdc-popover-inverted-text-color",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "components/popover/popover.component.js"
+                "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "getDeepActiveElement",
-              "privacy": "private",
-              "description": "Returns the deepest active element in the shadow DOM.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
+              "description": "elevation of the popover",
+              "name": "--mdc-popover-elevation-3",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "components/popover/popover.component.js"
+                "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "findElement",
+              "description": "max width of the popover",
+              "name": "--mdc-popover-max-width",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
+            {
+              "description": "max height of the popover",
+              "name": "--mdc-popover-max-height",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
+            {
+              "description": "width of the popover",
+              "name": "--mdc-popover-width",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            }
+          ],
+          "members": [
+            {
+              "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
+            },
+            {
+              "kind": "field",
+              "name": "defaultSlotNodes",
+              "type": {
+                "text": "Array<Node>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getTooltipText",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "activeElement",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The active element."
-                }
-              ],
-              "description": "Finds the index of the active element within the focusable elements.",
               "return": {
                 "type": {
                   "text": ""
                 }
-              },
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "isEqualFocusNode",
+              "name": "setTooltipType",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "activeElement",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The active element."
-                },
-                {
-                  "name": "element",
+                  "name": "type",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "TooltipType"
                   },
-                  "description": "The element to compare."
+                  "description": "The type to set."
                 }
               ],
-              "description": "Checks if the active element is equal to the given element.",
+              "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": ""
+                  "text": "Promise<void>"
                 }
               },
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              "description": "Updates the tooltip id if it is empty."
             },
             {
               "kind": "method",
-              "name": "trapFocus",
+              "name": "onPlacementUpdated",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                },
-                {
-                  "description": "The direction of the focus trap.\nIf true, the focus will be trapped in the previous element.",
-                  "name": "direction"
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
-              "description": "Traps focus within the container.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              },
+              "description": "Updates the placement attribute if it is not a valid placement.\nOverriding the default from Popover"
             },
             {
               "kind": "method",
-              "name": "handleTabKeydown",
+              "name": "onTooltipTypeUpdated",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "changedProperties",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "PropertyValues"
                   },
-                  "description": "The keyboard event."
+                  "description": "The changed properties."
                 }
               ],
-              "description": "Traps focus within the container.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              "description": "Updates the tooltip type attribute and sets the appropriate aria props on the trigger component."
             },
             {
               "kind": "field",
-              "name": "id",
+              "name": "zIndex",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "The unique ID of the popover.",
-              "attribute": "id",
+              "description": "IMPLEMENT THIS IN YOUR COMPONENT.\n\nThe z-index of the component where the backdrop will be attached to.\nThe backdrop itself will have a z-index of `zIndex - 1`.",
+              "default": "1000",
+              "attribute": "z-index",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -41710,13 +41519,14 @@
             },
             {
               "kind": "field",
-              "name": "triggerID",
+              "name": "preventScroll",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The ID of the element that triggers the popover.\nThis attribute is required for the popover to work.",
-              "attribute": "triggerID",
+              "privacy": "protected",
+              "description": "Prevent outside scrolling when element is shown.\n\nIMPLEMENT THIS IN YOUR COMPONENT.",
+              "default": "false",
+              "attribute": "prevent-scroll",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -41724,30 +41534,18 @@
               }
             },
             {
-              "kind": "field",
-              "name": "trigger",
-              "type": {
-                "text": "PopoverTrigger"
-              },
-              "description": "Determines the events that cause the Popover to show.\nMultiple event names should be separated by spaces.\nFor example to allow both click and hover, use 'click mouseenter' as the trigger.\n- **click**\n- **mouseenter**\n- **focusin**\n- **manual**",
-              "default": "click",
-              "attribute": "trigger",
-              "reflects": true,
+              "kind": "method",
+              "name": "activatePreventScroll",
+              "privacy": "protected",
               "inheritedFrom": {
                 "name": "Popover",
                 "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,
+              "kind": "method",
+              "name": "deactivatePreventScroll",
+              "privacy": "protected",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -41755,13 +41553,14 @@
             },
             {
               "kind": "field",
-              "name": "color",
+              "name": "focusTrap",
               "type": {
-                "text": "PopoverColor"
+                "text": "boolean"
               },
-              "description": "Color of the popover\n- **tonal**\n- **contrast**",
-              "default": "tonal",
-              "attribute": "color",
+              "privacy": "protected",
+              "description": "Determines whether the focus trap is enabled.\nIf true, focus will be restricted to the content within this component.\n\nIMPLEMENT THIS IN YOUR COMPONENT.",
+              "default": "false",
+              "attribute": "focus-trap",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -41770,13 +41569,13 @@
             },
             {
               "kind": "field",
-              "name": "visible",
+              "name": "shouldFocusTrapWrap",
               "type": {
                 "text": "boolean"
               },
-              "description": "The visibility of the popover.",
-              "default": "false",
-              "attribute": "visible",
+              "default": "true",
+              "description": "Determines whether focus should wrap around when reaching the first or last focusable element.\nIf true, focus will cycle from end to start and vice versa.\n\nThis only applies when `focusTrap` is true.",
+              "attribute": "should-focus-trap-wrap",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -41784,345 +41583,481 @@
               }
             },
             {
-              "kind": "field",
-              "name": "offset",
-              "type": {
-                "text": "number"
-              },
-              "description": "The offset of the popover.",
-              "default": "4",
-              "attribute": "offset",
-              "reflects": true,
+              "kind": "method",
+              "name": "setIsFocusTrapActivated",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "isActivated",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "boundary",
-              "type": {
-                "text": "'clippingAncestors' | string"
-              },
-              "description": "This describes the clipping element(s) or area that overflow will be checked relative to.\nThe default is 'clippingAncestors', which are the overflow ancestors which will cause the\nelement to be clipped.\n\nPossible values:\n - 'clippingAncestors'\n - any css selector",
-              "default": "'clippingAncestors'",
-              "attribute": "boundary",
-              "reflects": true,
+              "kind": "method",
+              "name": "activateFocusTrap",
+              "privacy": "public",
+              "description": "Activate the focus trap",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "boundaryRoot",
-              "type": {
-                "text": "'viewport' | 'document'"
-              },
-              "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
-              "default": "'viewport'",
-              "attribute": "boundary-root",
-              "reflects": true,
+              "kind": "method",
+              "name": "deactivateFocusTrap",
+              "privacy": "public",
+              "description": "Deactivate the focus trap.",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "boundaryPadding",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
-              "default": "undefined",
-              "attribute": "boundary-padding",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "showArrow",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "hasNoClientRects",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The element to check."
+                }
+              ],
+              "description": "Checks if the element has no client rectangles (not visible in the viewport).",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "The arrow visibility of the popover.",
-              "default": "false",
-              "attribute": "show-arrow",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "closeButton",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "hasZeroDimensions",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The element to check."
+                }
+              ],
+              "description": "Checks if the element has zero dimensions (width and height are both 0).",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "The close button visibility of the popover.",
-              "default": "false",
-              "attribute": "close-button",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "interactive",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "isNotVisible",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The element to check."
+                }
+              ],
+              "description": "Determines if the element is not visible in the DOM.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "Determines whether the popover is interactive.\nMake sure to set focusTrap to true to keep the focus inside the popover in case necessary.\nSetting interactive to true will not automatically set focusTrap!",
-              "default": "false",
-              "attribute": "interactive",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "delay",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "hasHiddenStyle",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The element to check."
+                }
+              ],
+              "description": "Checks if the element has inline styles that make it hidden.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "The delay of the show/hide popover.",
-              "default": "0,0",
-              "attribute": "delay",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "hideOnEscape",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "hasComputedHidden",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The element to check."
+                }
+              ],
+              "description": "Checks if the element is hidden by a computed style.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "Hide popover on escape key press.",
-              "default": "false",
-              "attribute": "hide-on-escape",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "propagateEventOnEscape",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "isHidden",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The element to check."
+                }
+              ],
+              "description": "Checks if the element is hidden from the user.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "Propagates the event, when the escape key is pressed (only when pressed inside the popover)\nIf true, the escape key press close the popover and will propagate the keydown event.\nIf false, the escape key press will close the popover but will not propagate the keydown event.\n(set to false to prevent the event from bubbling up to the document).\n\nThis only works when `hideOnEscape` is true.",
-              "default": "false",
-              "attribute": "propagate-event-on-escape",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "hideOnBlur",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "isDisabled",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "any"
+                  },
+                  "description": "The element to check."
+                }
+              ],
+              "description": "Checks if the element is disabled.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "Hide popover on blur.",
-              "default": "false",
-              "attribute": "hide-on-blur",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "hideOnOutsideClick",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "isNotTabbable",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The element to check."
+                }
+              ],
+              "description": "Checks if the element is not tabbable.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "Hide on outside click of the popover.",
-              "default": "false",
-              "attribute": "hide-on-outside-click",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "focusBackToTrigger",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "isInteractiveElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "The focus back to trigger after the popover hide.",
-              "default": "false",
-              "attribute": "focus-back-to-trigger",
-              "reflects": true,
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The element to check."
+                }
+              ],
+              "description": "Checks if the element is interactive.",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "backdrop",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "isFocusable",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The element to check."
+                }
+              ],
+              "description": "Checks if the element is focusable.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "Determines whether the popover with backdrop.\nOther than popover and trigger element, the rest of the screen will be covered with a backdrop.",
-              "default": "false",
-              "attribute": "backdrop",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "backdropAppendTo",
-              "type": {
-                "text": "string | undefined"
+              "kind": "method",
+              "name": "findFocusable",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "Element ID the backdrop will be a append to (if `backdrop` is true).",
-              "default": "''",
-              "attribute": "backdrop-append-to",
-              "reflects": true,
+              "parameters": [
+                {
+                  "name": "root",
+                  "type": {
+                    "text": "ShadowRoot | HTMLElement"
+                  },
+                  "description": "The root element to search for focusable elements."
+                },
+                {
+                  "name": "matches",
+                  "default": "new Set()",
+                  "type": {
+                    "text": "Set<HTMLElement>"
+                  },
+                  "description": "The set of focusable elements."
+                }
+              ],
+              "description": "Recursively finds all focusable elements within the given root and its descendants.\n\nMake sure this is performant, as it will be called multiple times.",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "isBackdropInvisible",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
-              "default": "true - default is to have a invisible backdrop",
-              "attribute": "is-backdrop-invisible",
-              "reflects": true,
+              "kind": "method",
+              "name": "setFocusableElements",
+              "privacy": "private",
+              "description": "Updates the list of focusable elements within the component's shadow root.",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "flip",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Changes the placement of popover to keep it in view when scrolling.",
-              "default": "true",
-              "attribute": "flip",
-              "reflects": true,
+              "kind": "method",
+              "name": "setInitialFocus",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "elementIndexToReceiveFocus",
+                  "default": "0",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "The index of the preferable element to focus."
+                }
+              ],
+              "description": "Sets the initial focus within the container.",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "calculateNextIndex",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "currentIndex",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "The current index."
+                },
+                {
+                  "name": "step",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "The step to calculate the next index."
+                }
+              ],
+              "description": "Calculates the next index for the focus trap.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "Changes the size of popover to keep it in view when scrolling.",
-              "default": "false",
-              "attribute": "size",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "appendTo",
-              "type": {
-                "text": "string | undefined"
+              "kind": "method",
+              "name": "getDeepActiveElement",
+              "privacy": "private",
+              "description": "Returns the deepest active element in the shadow DOM.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "Element ID that the popover append to.",
-              "default": "''",
-              "attribute": "append-to",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "closeButtonAriaLabel",
-              "type": {
-                "text": "string | null"
+              "kind": "method",
+              "name": "findElement",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "activeElement",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The active element."
+                }
+              ],
+              "description": "Finds the index of the active element within the focusable elements.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "default": "null",
-              "description": "aria-label attribute to be set for close button accessibility.",
-              "attribute": "close-button-aria-label",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "strategy",
-              "type": {
-                "text": "'absolute' | 'fixed'"
+              "kind": "method",
+              "name": "isEqualFocusNode",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "activeElement",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The active element."
+                },
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The element to compare."
+                }
+              ],
+              "description": "Checks if the active element is equal to the given element.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
-              "default": "absolute",
-              "attribute": "strategy",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "HTMLElement['role']"
-              },
-              "description": "Role of the popover",
-              "default": "dialog",
-              "attribute": "role",
-              "reflects": true,
+              "kind": "method",
+              "name": "trapFocus",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "description": "The direction of the focus trap.\nIf true, the focus will be trapped in the previous element.",
+                  "name": "direction"
+                }
+              ],
+              "description": "Traps focus within the container.",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "ariaLabelledby",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "aria-labelledby for an interactive popover only, defaults to the trigger component id.\nUsed in nested cases where the triggerComponent isn't the actual button.",
-              "attribute": "aria-labelledby",
-              "reflects": true,
+              "kind": "method",
+              "name": "handleTabKeydown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  },
+                  "description": "The keyboard event."
+                }
+              ],
+              "description": "Traps focus within the container.",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42130,13 +42065,13 @@
             },
             {
               "kind": "field",
-              "name": "ariaDescribedby",
+              "name": "id",
               "type": {
-                "text": "string | null"
+                "text": "string"
               },
-              "default": "null",
-              "description": "aria-describedby of the popover.",
-              "attribute": "aria-describedby",
+              "default": "''",
+              "description": "The unique ID of the popover.",
+              "attribute": "id",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -42145,13 +42080,13 @@
             },
             {
               "kind": "field",
-              "name": "disableAriaExpanded",
+              "name": "triggerID",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Disable setting the `aria-expanded` attribute on trigger element.\n\nNote, when `disable-aria-expanded` is true\n - when its value change after first update to\n   - `true`: popover will not remove the `aria-expanded` to avoid conflicts when there are more than one popover\n     registered to the same trigger\n     - `false`: check `aria-expanded` value and update it if necessary.\n - aria-haspopup will be disabled as well",
-              "default": "false",
-              "attribute": "disable-aria-expanded",
+              "default": "''",
+              "description": "The ID of the element that triggers the popover.\nThis attribute is required for the popover to work.",
+              "attribute": "triggerID",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -42160,12 +42095,13 @@
             },
             {
               "kind": "field",
-              "name": "keepConnectedTooltipClosed",
+              "name": "trigger",
               "type": {
-                "text": "boolean"
+                "text": "PopoverTrigger"
               },
-              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
-              "attribute": "keep-connected-tooltip-closed",
+              "description": "Determines the events that cause the Popover to show.\nMultiple event names should be separated by spaces.\nFor example to allow both click and hover, use 'click mouseenter' as the trigger.\n- **click**\n- **mouseenter**\n- **focusin**\n- **manual**",
+              "default": "click",
+              "attribute": "trigger",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -42174,12 +42110,14 @@
             },
             {
               "kind": "field",
-              "name": "arrowElement",
+              "name": "placement",
               "type": {
-                "text": "HTMLElement | null"
+                "text": "PopoverPlacement"
               },
-              "privacy": "public",
-              "default": "null",
+              "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"
@@ -42187,12 +42125,14 @@
             },
             {
               "kind": "field",
-              "name": "triggerElement",
+              "name": "color",
               "type": {
-                "text": "HTMLElement | null"
+                "text": "PopoverColor"
               },
-              "privacy": "public",
-              "default": "null",
+              "description": "Color of the popover\n- **tonal**\n- **contrast**",
+              "default": "tonal",
+              "attribute": "color",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42200,17 +42140,14 @@
             },
             {
               "kind": "field",
-              "name": "storeConnectedTooltip",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setupTriggerRelatedElement",
-              "privacy": "private",
+              "name": "visible",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The visibility of the popover.",
+              "default": "false",
+              "attribute": "visible",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42218,8 +42155,14 @@
             },
             {
               "kind": "field",
-              "name": "cleanupTrigger",
-              "privacy": "private",
+              "name": "offset",
+              "type": {
+                "text": "number"
+              },
+              "description": "The offset of the popover.",
+              "default": "4",
+              "attribute": "offset",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42227,9 +42170,14 @@
             },
             {
               "kind": "field",
-              "name": "setupTriggerListeners",
-              "privacy": "private",
-              "description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.",
+              "name": "boundary",
+              "type": {
+                "text": "'clippingAncestors' | string"
+              },
+              "description": "This describes the clipping element(s) or area that overflow will be checked relative to.\nThe default is 'clippingAncestors', which are the overflow ancestors which will cause the\nelement to be clipped.\n\nPossible values:\n - 'clippingAncestors'\n - any css selector",
+              "default": "'clippingAncestors'",
+              "attribute": "boundary",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42237,9 +42185,14 @@
             },
             {
               "kind": "field",
-              "name": "removeTriggerListeners",
-              "privacy": "private",
-              "description": "Removes the trigger related event listeners.",
+              "name": "boundaryRoot",
+              "type": {
+                "text": "'viewport' | 'document'"
+              },
+              "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
+              "default": "'viewport'",
+              "attribute": "boundary-root",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42247,9 +42200,14 @@
             },
             {
               "kind": "field",
-              "name": "removeAllListeners",
-              "privacy": "private",
-              "description": "Removes all event listeners related to the popover.",
+              "name": "boundaryPadding",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
+              "default": "undefined",
+              "attribute": "boundary-padding",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42257,15 +42215,14 @@
             },
             {
               "kind": "field",
-              "name": "onOutsidePopoverClick",
-              "privacy": "protected",
-              "description": "Handles the outside click event to close the popover.",
-              "parameters": [
-                {
-                  "description": "The mouse event.",
-                  "name": "event"
-                }
-              ],
+              "name": "showArrow",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The arrow visibility of the popover.",
+              "default": "false",
+              "attribute": "show-arrow",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42273,15 +42230,14 @@
             },
             {
               "kind": "field",
-              "name": "onEscapeKeydown",
-              "privacy": "private",
-              "description": "Handles the escape keydown event to close the popover.\n\nThis method is attached to the document.",
-              "parameters": [
-                {
-                  "description": "The keyboard event.",
-                  "name": "event"
-                }
-              ],
+              "name": "closeButton",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The close button visibility of the popover.",
+              "default": "false",
+              "attribute": "close-button",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42289,41 +42245,29 @@
             },
             {
               "kind": "field",
-              "name": "onPopoverFocusOut",
-              "privacy": "private",
-              "description": "Handles the popover focus out event.",
-              "parameters": [
-                {
-                  "description": "The focus event.",
-                  "name": "event"
-                }
-              ],
+              "name": "interactive",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Determines whether the popover is interactive.\nMake sure to set focusTrap to true to keep the focus inside the popover in case necessary.\nSetting interactive to true will not automatically set focusTrap!",
+              "default": "false",
+              "attribute": "interactive",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
             },
             {
-              "kind": "method",
-              "name": "isOpenUpdated",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "The old value of the visible property."
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "The new value of the visible property."
-                }
-              ],
-              "description": "Handles the popover visibility change and position the popover.\nHandles the exit event to close the popover.",
+              "kind": "field",
+              "name": "delay",
+              "type": {
+                "text": "string"
+              },
+              "description": "The delay of the show/hide popover.",
+              "default": "0,0",
+              "attribute": "delay",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42331,9 +42275,14 @@
             },
             {
               "kind": "field",
-              "name": "handleMouseEnter",
-              "privacy": "private",
-              "description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
+              "name": "hideOnEscape",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hide popover on escape key press.",
+              "default": "false",
+              "attribute": "hide-on-escape",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42341,9 +42290,14 @@
             },
             {
               "kind": "field",
-              "name": "handleMouseLeave",
-              "privacy": "private",
-              "description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
+              "name": "propagateEventOnEscape",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Propagates the event, when the escape key is pressed (only when pressed inside the popover)\nIf true, the escape key press close the popover and will propagate the keydown event.\nIf false, the escape key press will close the popover but will not propagate the keydown event.\n(set to false to prevent the event from bubbling up to the document).\n\nThis only works when `hideOnEscape` is true.",
+              "default": "false",
+              "attribute": "propagate-event-on-escape",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42351,9 +42305,14 @@
             },
             {
               "kind": "field",
-              "name": "handleFocusOut",
-              "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
+              "name": "hideOnBlur",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hide popover on blur.",
+              "default": "false",
+              "attribute": "hide-on-blur",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42361,9 +42320,14 @@
             },
             {
               "kind": "field",
-              "name": "handleFocusIn",
-              "privacy": "private",
-              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
+              "name": "hideOnOutsideClick",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hide on outside click of the popover.",
+              "default": "false",
+              "attribute": "hide-on-outside-click",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42371,9 +42335,14 @@
             },
             {
               "kind": "field",
-              "name": "startCloseDelay",
-              "privacy": "private",
-              "description": "Starts the close delay timer.\nIf the popover is not interactive, it will close the popover after the delay.",
+              "name": "focusBackToTrigger",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The focus back to trigger after the popover hide.",
+              "default": "false",
+              "attribute": "focus-back-to-trigger",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42381,9 +42350,14 @@
             },
             {
               "kind": "field",
-              "name": "cancelCloseDelay",
-              "privacy": "private",
-              "description": "Cancels the close delay timer.",
+              "name": "backdrop",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Determines whether the popover with backdrop.\nOther than popover and trigger element, the rest of the screen will be covered with a backdrop.",
+              "default": "false",
+              "attribute": "backdrop",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42391,9 +42365,14 @@
             },
             {
               "kind": "field",
-              "name": "show",
-              "privacy": "public",
-              "description": "Shows the popover.",
+              "name": "backdropAppendTo",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Element ID the backdrop will be a append to (if `backdrop` is true).",
+              "default": "''",
+              "attribute": "backdrop-append-to",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42401,9 +42380,14 @@
             },
             {
               "kind": "field",
-              "name": "hide",
-              "privacy": "public",
-              "description": "Hides the popover.",
+              "name": "isBackdropInvisible",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
+              "default": "true - default is to have a invisible backdrop",
+              "attribute": "is-backdrop-invisible",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42411,9 +42395,14 @@
             },
             {
               "kind": "field",
-              "name": "togglePopoverVisible",
-              "privacy": "public",
-              "description": "Toggles the popover visibility.",
+              "name": "flip",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Changes the placement of popover to keep it in view when scrolling.",
+              "default": "true",
+              "attribute": "flip",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42421,9 +42410,14 @@
             },
             {
               "kind": "field",
-              "name": "positionPopover",
-              "privacy": "private",
-              "description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position.",
+              "name": "size",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Changes the size of popover to keep it in view when scrolling.",
+              "default": "false",
+              "attribute": "size",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42431,15 +42425,14 @@
             },
             {
               "kind": "field",
-              "name": "findClosestPopover",
-              "privacy": "protected",
-              "description": "Finds the closest popover to the passed element in the DOM tree.\n\nUseful when need to find the parent popover in a nested popover scenario.",
-              "parameters": [
-                {
-                  "description": "The element to start searching from.",
-                  "name": "element"
-                }
-              ],
+              "name": "appendTo",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Element ID that the popover append to.",
+              "default": "''",
+              "attribute": "append-to",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -42447,883 +42440,924 @@
             },
             {
               "kind": "field",
-              "name": "utils",
-              "default": "new PopoverUtils(this)",
+              "name": "closeButtonAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "aria-label attribute to be set for close button accessibility.",
+              "attribute": "close-button-aria-label",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
               }
-            }
-          ],
-          "events": [
+            },
             {
-              "description": "(React: onShown) This event is dispatched when the tooltip is shown",
-              "name": "shown",
-              "reactName": "onShown",
+              "kind": "field",
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
+              "default": "absolute",
+              "attribute": "strategy",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "description": "(React: onHidden) This event is dispatched when the tooltip is hidden",
-              "name": "hidden",
-              "reactName": "onHidden",
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "HTMLElement['role']"
+              },
+              "description": "Role of the popover",
+              "default": "dialog",
+              "attribute": "role",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "description": "(React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)",
-              "name": "created",
-              "reactName": "onCreated",
+              "kind": "field",
+              "name": "ariaLabelledby",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "aria-labelledby for an interactive popover only, defaults to the trigger component id.\nUsed in nested cases where the triggerComponent isn't the actual button.",
+              "attribute": "aria-labelledby",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "description": "(React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)",
-              "name": "destroyed",
-              "reactName": "onDestroyed",
+              "kind": "field",
+              "name": "ariaDescribedby",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "aria-describedby of the popover.",
+              "attribute": "aria-describedby",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "tooltip-type",
-              "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'",
-              "fieldName": "tooltipType"
             },
             {
-              "name": "should-focus-trap-wrap",
+              "kind": "field",
+              "name": "disableAriaExpanded",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Determines whether focus should wrap around when reaching the first or last focusable element.\nIf true, focus will cycle from end to start and vice versa.\n\nThis only applies when `focusTrap` is true.",
-              "fieldName": "shouldFocusTrapWrap",
+              "description": "Disable setting the `aria-expanded` attribute on trigger element.\n\nNote, when `disable-aria-expanded` is true\n - when its value change after first update to\n   - `true`: popover will not remove the `aria-expanded` to avoid conflicts when there are more than one popover\n     registered to the same trigger\n     - `false`: check `aria-expanded` value and update it if necessary.\n - aria-haspopup will be disabled as well",
+              "default": "false",
+              "attribute": "disable-aria-expanded",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "id",
+              "kind": "field",
+              "name": "keepConnectedTooltipClosed",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The unique ID of the popover.",
-              "fieldName": "id",
+              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
+              "attribute": "keep-connected-tooltip-closed",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "triggerID",
+              "kind": "field",
+              "name": "arrowElement",
               "type": {
-                "text": "string"
+                "text": "HTMLElement | null"
               },
-              "default": "''",
-              "description": "The ID of the element that triggers the popover.\nThis attribute is required for the popover to work.",
-              "fieldName": "triggerID",
+              "privacy": "public",
+              "default": "null",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "trigger",
+              "kind": "field",
+              "name": "triggerElement",
               "type": {
-                "text": "PopoverTrigger"
+                "text": "HTMLElement | null"
               },
-              "description": "Determines the events that cause the Popover to show.\nMultiple event names should be separated by spaces.\nFor example to allow both click and hover, use 'click mouseenter' as the trigger.\n- **click**\n- **mouseenter**\n- **focusin**\n- **manual**",
-              "default": "click",
-              "fieldName": "trigger",
+              "privacy": "public",
+              "default": "null",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "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",
+              "kind": "field",
+              "name": "storeConnectedTooltip",
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "color",
-              "type": {
-                "text": "PopoverColor"
-              },
-              "description": "Color of the popover\n- **tonal**\n- **contrast**",
-              "default": "tonal",
-              "fieldName": "color",
+              "kind": "method",
+              "name": "setupTriggerRelatedElement",
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "visible",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "The visibility of the popover.",
-              "default": "false",
-              "fieldName": "visible",
+              "kind": "field",
+              "name": "cleanupTrigger",
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "offset",
-              "type": {
-                "text": "number"
-              },
-              "description": "The offset of the popover.",
-              "default": "4",
-              "fieldName": "offset",
+              "kind": "field",
+              "name": "setupTriggerListeners",
+              "privacy": "private",
+              "description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "boundary",
-              "type": {
-                "text": "'clippingAncestors' | string"
-              },
-              "description": "This describes the clipping element(s) or area that overflow will be checked relative to.\nThe default is 'clippingAncestors', which are the overflow ancestors which will cause the\nelement to be clipped.\n\nPossible values:\n - 'clippingAncestors'\n - any css selector",
-              "default": "'clippingAncestors'",
-              "fieldName": "boundary",
+              "kind": "field",
+              "name": "removeTriggerListeners",
+              "privacy": "private",
+              "description": "Removes the trigger related event listeners.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "boundary-root",
-              "type": {
-                "text": "'viewport' | 'document'"
-              },
-              "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
-              "default": "'viewport'",
-              "fieldName": "boundaryRoot",
+              "kind": "field",
+              "name": "removeAllListeners",
+              "privacy": "private",
+              "description": "Removes all event listeners related to the popover.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "boundary-padding",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
-              "default": "undefined",
-              "fieldName": "boundaryPadding",
+              "kind": "field",
+              "name": "onOutsidePopoverClick",
+              "privacy": "protected",
+              "description": "Handles the outside click event to close the popover.",
+              "parameters": [
+                {
+                  "description": "The mouse event.",
+                  "name": "event"
+                }
+              ],
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "focus-trap",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Determines whether the focus trap is enabled.\nIf true, focus will be restricted to the content within this component.",
-              "default": "false",
-              "fieldName": "focusTrap",
+              "kind": "field",
+              "name": "onEscapeKeydown",
+              "privacy": "private",
+              "description": "Handles the escape keydown event to close the popover.\n\nThis method is attached to the document.",
+              "parameters": [
+                {
+                  "description": "The keyboard event.",
+                  "name": "event"
+                }
+              ],
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "prevent-scroll",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Prevent outside scrolling when popover is shown.",
-              "default": "false",
-              "fieldName": "preventScroll",
+              "kind": "field",
+              "name": "onPopoverFocusOut",
+              "privacy": "private",
+              "description": "Handles the popover focus out event.",
+              "parameters": [
+                {
+                  "description": "The focus event.",
+                  "name": "event"
+                }
+              ],
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "show-arrow",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "The arrow visibility of the popover.",
-              "default": "false",
-              "fieldName": "showArrow",
+              "kind": "method",
+              "name": "isOpenUpdated",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "The old value of the visible property."
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "The new value of the visible property."
+                }
+              ],
+              "description": "Handles the popover visibility change and position the popover.\nHandles the exit event to close the popover.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "close-button",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "The close button visibility of the popover.",
-              "default": "false",
-              "fieldName": "closeButton",
+              "kind": "field",
+              "name": "handleMouseEnter",
+              "privacy": "private",
+              "description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "interactive",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Determines whether the popover is interactive.\nMake sure to set focusTrap to true to keep the focus inside the popover in case necessary.\nSetting interactive to true will not automatically set focusTrap!",
-              "default": "false",
-              "fieldName": "interactive",
+              "kind": "field",
+              "name": "handleMouseLeave",
+              "privacy": "private",
+              "description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "delay",
-              "type": {
-                "text": "string"
-              },
-              "description": "The delay of the show/hide popover.",
-              "default": "0,0",
-              "fieldName": "delay",
+              "kind": "field",
+              "name": "handleFocusOut",
+              "privacy": "private",
+              "description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "hide-on-escape",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Hide popover on escape key press.",
-              "default": "false",
-              "fieldName": "hideOnEscape",
+              "kind": "field",
+              "name": "handleFocusIn",
+              "privacy": "private",
+              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "propagate-event-on-escape",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Propagates the event, when the escape key is pressed (only when pressed inside the popover)\nIf true, the escape key press close the popover and will propagate the keydown event.\nIf false, the escape key press will close the popover but will not propagate the keydown event.\n(set to false to prevent the event from bubbling up to the document).\n\nThis only works when `hideOnEscape` is true.",
-              "default": "false",
-              "fieldName": "propagateEventOnEscape",
+              "kind": "field",
+              "name": "startCloseDelay",
+              "privacy": "private",
+              "description": "Starts the close delay timer.\nIf the popover is not interactive, it will close the popover after the delay.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "hide-on-blur",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Hide popover on blur.",
-              "default": "false",
-              "fieldName": "hideOnBlur",
+              "kind": "field",
+              "name": "cancelCloseDelay",
+              "privacy": "private",
+              "description": "Cancels the close delay timer.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "hide-on-outside-click",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Hide on outside click of the popover.",
-              "default": "false",
-              "fieldName": "hideOnOutsideClick",
+              "kind": "field",
+              "name": "show",
+              "privacy": "public",
+              "description": "Shows the popover.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "focus-back-to-trigger",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "The focus back to trigger after the popover hide.",
-              "default": "false",
-              "fieldName": "focusBackToTrigger",
+              "kind": "field",
+              "name": "hide",
+              "privacy": "public",
+              "description": "Hides the popover.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "backdrop",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Determines whether the popover with backdrop.\nOther than popover and trigger element, the rest of the screen will be covered with a backdrop.",
-              "default": "false",
-              "fieldName": "backdrop",
+              "kind": "field",
+              "name": "togglePopoverVisible",
+              "privacy": "public",
+              "description": "Toggles the popover visibility.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "backdrop-append-to",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Element ID the backdrop will be a append to (if `backdrop` is true).",
-              "default": "''",
-              "fieldName": "backdropAppendTo",
+              "kind": "field",
+              "name": "positionPopover",
+              "privacy": "private",
+              "description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position.",
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "is-backdrop-invisible",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
-              "default": "true - default is to have a invisible backdrop",
-              "fieldName": "isBackdropInvisible",
+              "kind": "field",
+              "name": "findClosestPopover",
+              "privacy": "protected",
+              "description": "Finds the closest popover to the passed element in the DOM tree.\n\nUseful when need to find the parent popover in a nested popover scenario.",
+              "parameters": [
+                {
+                  "description": "The element to start searching from.",
+                  "name": "element"
+                }
+              ],
               "inheritedFrom": {
                 "name": "Popover",
-                "module": "src/components/popover/popover.component.ts"
+                "module": "components/popover/popover.component.js"
               }
             },
             {
-              "name": "flip",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Changes the placement of popover to keep it in view when scrolling.",
-              "default": "true",
-              "fieldName": "flip",
+              "kind": "field",
+              "name": "utils",
+              "default": "new PopoverUtils(this)",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "(React: onShown) This event is dispatched when the tooltip is shown",
+              "name": "shown",
+              "reactName": "onShown",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "name": "size",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Changes the size of popover to keep it in view when scrolling.",
-              "default": "false",
-              "fieldName": "size",
+              "description": "(React: onHidden) This event is dispatched when the tooltip is hidden",
+              "name": "hidden",
+              "reactName": "onHidden",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "name": "z-index",
-              "type": {
-                "text": "number"
-              },
-              "description": "The z-index of the popover.",
-              "default": "1000",
-              "fieldName": "zIndex",
+              "description": "(React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)",
+              "name": "created",
+              "reactName": "onCreated",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "name": "append-to",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Element ID that the popover append to.",
-              "default": "''",
-              "fieldName": "appendTo",
+              "description": "(React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)",
+              "name": "destroyed",
+              "reactName": "onDestroyed",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "tooltip-type",
+              "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'",
+              "fieldName": "tooltipType"
             },
             {
-              "name": "close-button-aria-label",
+              "name": "should-focus-trap-wrap",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
-              "default": "null",
-              "description": "aria-label attribute to be set for close button accessibility.",
-              "fieldName": "closeButtonAriaLabel",
+              "default": "true",
+              "description": "Determines whether focus should wrap around when reaching the first or last focusable element.\nIf true, focus will cycle from end to start and vice versa.\n\nThis only applies when `focusTrap` is true.",
+              "fieldName": "shouldFocusTrapWrap",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "name": "strategy",
+              "name": "id",
               "type": {
-                "text": "'absolute' | 'fixed'"
+                "text": "string"
               },
-              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
-              "default": "absolute",
-              "fieldName": "strategy",
+              "default": "''",
+              "description": "The unique ID of the popover.",
+              "fieldName": "id",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "name": "role",
+              "name": "triggerID",
               "type": {
-                "text": "HTMLElement['role']"
+                "text": "string"
               },
-              "description": "Role of the popover",
-              "default": "dialog",
-              "fieldName": "role",
+              "default": "''",
+              "description": "The ID of the element that triggers the popover.\nThis attribute is required for the popover to work.",
+              "fieldName": "triggerID",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "name": "aria-labelledby",
+              "name": "trigger",
               "type": {
-                "text": "string | null"
+                "text": "PopoverTrigger"
               },
-              "default": "null",
-              "description": "aria-labelledby for an interactive popover only, defaults to the trigger component id.\nUsed in nested cases where the triggerComponent isn't the actual button.",
-              "fieldName": "ariaLabelledby",
+              "description": "Determines the events that cause the Popover to show.\nMultiple event names should be separated by spaces.\nFor example to allow both click and hover, use 'click mouseenter' as the trigger.\n- **click**\n- **mouseenter**\n- **focusin**\n- **manual**",
+              "default": "click",
+              "fieldName": "trigger",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "name": "aria-describedby",
+              "name": "placement",
               "type": {
-                "text": "string | null"
+                "text": "PopoverPlacement"
               },
-              "default": "null",
-              "description": "aria-describedby of the popover.",
-              "fieldName": "ariaDescribedby",
+              "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": "disable-aria-expanded",
+              "name": "color",
+              "type": {
+                "text": "PopoverColor"
+              },
+              "description": "Color of the popover\n- **tonal**\n- **contrast**",
+              "default": "tonal",
+              "fieldName": "color",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
+            {
+              "name": "visible",
               "type": {
                 "text": "boolean"
               },
-              "description": "Disable setting the `aria-expanded` attribute on trigger element.\n\nNote, when `disable-aria-expanded` is true\n - when its value change after first update to\n   - `true`: popover will not remove the `aria-expanded` to avoid conflicts when there are more than one popover\n     registered to the same trigger\n     - `false`: check `aria-expanded` value and update it if necessary.\n - aria-haspopup will be disabled as well",
+              "description": "The visibility of the popover.",
               "default": "false",
-              "fieldName": "disableAriaExpanded",
+              "fieldName": "visible",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "name": "keep-connected-tooltip-closed",
+              "name": "offset",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
-              "fieldName": "keepConnectedTooltipClosed",
+              "description": "The offset of the popover.",
+              "default": "4",
+              "fieldName": "offset",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
-            }
-          ],
-          "superclass": {
-            "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": "",
+              "name": "boundary",
+              "type": {
+                "text": "'clippingAncestors' | string"
+              },
+              "description": "This describes the clipping element(s) or area that overflow will be checked relative to.\nThe default is 'clippingAncestors', which are the overflow ancestors which will cause the\nelement to be clipped.\n\nPossible values:\n - 'clippingAncestors'\n - any css selector",
+              "default": "'clippingAncestors'",
+              "fieldName": "boundary",
               "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/typewriter/typewriter.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Typewriter component that creates a typewriter effect on text content.\nIt uses the Text component internally, adding a progressive typing effect.\n\nThe `type` attribute allows changing the text style (passed to the internal Text component).\nThe `tagname` attribute allows changing the tag name of the text element (passed to the internal Text component).\nThe default tag name is `p`.\n\nThe `speed` attribute controls typing speed in milliseconds per character:\n- 'very-slow' = 240ms per character\n- 'slow' = 120ms per character\n- 'normal' = 60ms per character (default)\n- 'fast' = 20ms per character\n- 'very-fast' = 1ms per character\n- Or any numeric string representing milliseconds\n\nAdvanced features:\n- Dynamic speed adjustment during typing\n- Chunked text addition via addTextChunk() method\n- Instant text addition via addInstantTextChunk() method or instant parameter\n- Mixed instant and animated chunks in queue\n- Continues typing in background tabs\n- Performance optimized for large text\n- maxQueueSize to limit memory usage from excessive queuing\n- event handling for typing completion and content changes\n\nThe component includes accessibility features:\n- Screen readers announce the complete text, not character by character\n- Uses aria-live=\"polite\" for dynamic content updates\n- Sets aria-busy during typing animation",
-          "name": "Typewriter",
-          "cssParts": [
+            },
             {
-              "description": "Container for the text element",
-              "name": "container"
+              "name": "boundary-root",
+              "type": {
+                "text": "'viewport' | 'document'"
+              },
+              "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
+              "default": "'viewport'",
+              "fieldName": "boundaryRoot",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "description": "The text element (forwarded to mdc-text)",
-              "name": "text"
-            }
-          ],
-          "slots": [
+              "name": "boundary-padding",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
+              "default": "undefined",
+              "fieldName": "boundaryPadding",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
             {
-              "description": "Default slot for text content",
-              "name": ""
-            }
-          ],
-          "members": [
+              "name": "focus-trap",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Determines whether the focus trap is enabled.\nIf true, focus will be restricted to the content within this component.",
+              "default": "false",
+              "fieldName": "focusTrap",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
             {
-              "kind": "field",
-              "name": "type",
+              "name": "prevent-scroll",
               "type": {
-                "text": "TextType"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "Specifies the text style to be applied to the internal text component.\nUses the same types as the Text component.",
-              "default": "body-large-regular",
-              "attribute": "type",
-              "reflects": true
+              "description": "Prevent outside scrolling when popover is shown.",
+              "default": "false",
+              "fieldName": "preventScroll",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "tagname",
+              "name": "show-arrow",
               "type": {
-                "text": "TagName | undefined"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the internal text element.\n\nAcceptable values include all valid tag names from the Text component.",
-              "attribute": "tagname",
-              "reflects": true
+              "description": "The arrow visibility of the popover.",
+              "default": "false",
+              "fieldName": "showArrow",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "speed",
+              "name": "close-button",
               "type": {
-                "text": "TypewriterSpeed"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "Speed of the typewriter effect in milliseconds per character.\nCan be a string preset or a numeric string in milliseconds.\n- 'very-slow' = 240ms per character\n- 'slow' = 120ms per character\n- 'normal' = 60ms per character (default)\n- 'fast' = 20ms per character\n- 'very-fast' = 1ms per character\n- Or any numeric string representing milliseconds (e.g., '100')",
-              "default": "'normal' (60ms per character)",
-              "attribute": "speed",
-              "reflects": true
+              "description": "The close button visibility of the popover.",
+              "default": "false",
+              "fieldName": "closeButton",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "maxQueueSize",
+              "name": "interactive",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "Maximum number of text chunks that can be queued before oldest chunks are dropped.\nSet to prevent memory accumulation from excessive queuing.",
-              "default": "Number.MAX_SAFE_INTEGER (effectively unlimited)",
-              "attribute": "max-queue-size",
-              "reflects": true
+              "description": "Determines whether the popover is interactive.\nMake sure to set focusTrap to true to keep the focus inside the popover in case necessary.\nSetting interactive to true will not automatically set focusTrap!",
+              "default": "false",
+              "fieldName": "interactive",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "createTimeout",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
+              "name": "delay",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "callback",
-                  "type": {
-                    "text": "() => void"
-                  }
-                },
-                {
-                  "name": "delay",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "description": "Helper to create tracked setTimeout that will be cleaned up on disconnect"
+              "description": "The delay of the show/hide popover.",
+              "default": "0,0",
+              "fieldName": "delay",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "clearAllTimeouts",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "hide-on-escape",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Clear all pending timeouts"
+              "description": "Hide popover on escape key press.",
+              "default": "false",
+              "fieldName": "hideOnEscape",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "clearQueue",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "propagate-event-on-escape",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Clears the text chunk queue and stops processing\nUseful for resetting the component state"
+              "description": "Propagates the event, when the escape key is pressed (only when pressed inside the popover)\nIf true, the escape key press close the popover and will propagate the keydown event.\nIf false, the escape key press will close the popover but will not propagate the keydown event.\n(set to false to prevent the event from bubbling up to the document).\n\nThis only works when `hideOnEscape` is true.",
+              "default": "false",
+              "fieldName": "propagateEventOnEscape",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "addTextChunk",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "hide-on-blur",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "text",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The text to add"
-                },
-                {
-                  "name": "speed",
-                  "optional": true,
-                  "type": {
-                    "text": "TypewriterSpeed"
-                  },
-                  "description": "Optional speed override for this chunk"
-                },
-                {
-                  "name": "instant",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "If true, text appears instantly without animation"
-                }
-              ],
-              "description": "Adds a chunk of text to be typed out, optionally with a different speed"
+              "description": "Hide popover on blur.",
+              "default": "false",
+              "fieldName": "hideOnBlur",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "addInstantTextChunk",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "hide-on-outside-click",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "text",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The text to add instantly"
-                }
-              ],
-              "description": "Adds a chunk of text instantly without typing animation"
+              "description": "Hide on outside click of the popover.",
+              "default": "false",
+              "fieldName": "hideOnOutsideClick",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "processChunkQueue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "focus-back-to-trigger",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Processes all chunks in the queue"
+              "description": "The focus back to trigger after the popover hide.",
+              "default": "false",
+              "fieldName": "focusBackToTrigger",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "processNextChunk",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "backdrop",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Processes the next chunk in the queue"
+              "description": "Determines whether the popover with backdrop.\nOther than popover and trigger element, the rest of the screen will be covered with a backdrop.",
+              "default": "false",
+              "fieldName": "backdrop",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
+            {
+              "name": "backdrop-append-to",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Element ID the backdrop will be a append to (if `backdrop` is true).",
+              "default": "''",
+              "fieldName": "backdropAppendTo",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
+            {
+              "name": "is-backdrop-invisible",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
+              "default": "true - default is to have a invisible backdrop",
+              "fieldName": "isBackdropInvisible",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "getTypingDelayMs",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
+              "name": "flip",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Gets the typing delay in milliseconds per character"
+              "description": "Changes the placement of popover to keep it in view when scrolling.",
+              "default": "true",
+              "fieldName": "flip",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "captureAndProcessContent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "size",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Captures slot content and starts typewriter animation"
+              "description": "Changes the size of popover to keep it in view when scrolling.",
+              "default": "false",
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "startTypingAnimation",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "z-index",
+              "type": {
+                "text": "number"
               },
-              "parameters": [
-                {
-                  "name": "onComplete",
-                  "optional": true,
-                  "type": {
-                    "text": "() => void"
-                  }
-                }
-              ],
-              "description": "Starts the typewriter animation"
+              "description": "The z-index of the popover.",
+              "default": "1000",
+              "fieldName": "zIndex",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "clearTypingAnimation",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "append-to",
+              "type": {
+                "text": "string | undefined"
               },
-              "description": "Clears the typing animation timeout"
+              "description": "Element ID that the popover append to.",
+              "default": "''",
+              "fieldName": "appendTo",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "close-button-aria-label",
+              "type": {
+                "text": "string | null"
               },
-              "description": "Handler for slotchange event"
-            }
-          ],
-          "events": [
+              "default": "null",
+              "description": "aria-label attribute to be set for close button accessibility.",
+              "fieldName": "closeButtonAriaLabel",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
             {
+              "name": "strategy",
               "type": {
-                "text": "CustomEvent"
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
+              "default": "absolute",
+              "fieldName": "strategy",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
               }
             },
             {
-              "description": "(React: onTypingComplete) Fired when the typewriter finishes typing all content. Detail: \\{ finalContent: string \\}",
-              "name": "typing-complete",
-              "reactName": "onTypingComplete"
+              "name": "role",
+              "type": {
+                "text": "HTMLElement['role']"
+              },
+              "description": "Role of the popover",
+              "default": "dialog",
+              "fieldName": "role",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "description": "(React: onChange) Fired when the content of the typewriter changes. Detail: \\{ content: string, isTyping: boolean \\}",
-              "name": "change",
-              "reactName": "onChange"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "type",
+              "name": "aria-labelledby",
               "type": {
-                "text": "TextType"
+                "text": "string | null"
               },
-              "description": "Specifies the text style to be applied to the internal text component.\nUses the same types as the Text component.",
-              "default": "body-large-regular",
-              "fieldName": "type"
+              "default": "null",
+              "description": "aria-labelledby for an interactive popover only, defaults to the trigger component id.\nUsed in nested cases where the triggerComponent isn't the actual button.",
+              "fieldName": "ariaLabelledby",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "name": "tagname",
+              "name": "aria-describedby",
               "type": {
-                "text": "TagName | undefined"
+                "text": "string | null"
               },
-              "description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the internal text element.\n\nAcceptable values include all valid tag names from the Text component.",
-              "fieldName": "tagname"
+              "default": "null",
+              "description": "aria-describedby of the popover.",
+              "fieldName": "ariaDescribedby",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "name": "speed",
+              "name": "disable-aria-expanded",
               "type": {
-                "text": "TypewriterSpeed"
+                "text": "boolean"
               },
-              "description": "Speed of the typewriter effect in milliseconds per character.\nCan be a string preset or a numeric string in milliseconds.\n- 'very-slow' = 240ms per character\n- 'slow' = 120ms per character\n- 'normal' = 60ms per character (default)\n- 'fast' = 20ms per character\n- 'very-fast' = 1ms per character\n- Or any numeric string representing milliseconds (e.g., '100')",
-              "default": "'normal' (60ms per character)",
-              "fieldName": "speed"
+              "description": "Disable setting the `aria-expanded` attribute on trigger element.\n\nNote, when `disable-aria-expanded` is true\n - when its value change after first update to\n   - `true`: popover will not remove the `aria-expanded` to avoid conflicts when there are more than one popover\n     registered to the same trigger\n     - `false`: check `aria-expanded` value and update it if necessary.\n - aria-haspopup will be disabled as well",
+              "default": "false",
+              "fieldName": "disableAriaExpanded",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             },
             {
-              "name": "max-queue-size",
+              "name": "keep-connected-tooltip-closed",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "Maximum number of text chunks that can be queued before oldest chunks are dropped.\nSet to prevent memory accumulation from excessive queuing.",
-              "default": "Number.MAX_SAFE_INTEGER (effectively unlimited)",
-              "fieldName": "maxQueueSize"
+              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
+              "fieldName": "keepConnectedTooltipClosed",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "Component",
-            "module": "/src/models"
+            "name": "Popover",
+            "module": "/src/components/popover/popover.component"
           },
-          "tagName": "mdc-typewriter",
-          "jsDoc": "/**\n * Typewriter component that creates a typewriter effect on text content.\n * It uses the Text component internally, adding a progressive typing effect.\n *\n * The `type` attribute allows changing the text style (passed to the internal Text component).\n * The `tagname` attribute allows changing the tag name of the text element (passed to the internal Text component).\n * The default tag name is `p`.\n *\n * The `speed` attribute controls typing speed in milliseconds per character:\n * - 'very-slow' = 240ms per character\n * - 'slow' = 120ms per character\n * - 'normal' = 60ms per character (default)\n * - 'fast' = 20ms per character\n * - 'very-fast' = 1ms per character\n * - Or any numeric string representing milliseconds\n *\n * Advanced features:\n * - Dynamic speed adjustment during typing\n * - Chunked text addition via addTextChunk() method\n * - Instant text addition via addInstantTextChunk() method or instant parameter\n * - Mixed instant and animated chunks in queue\n * - Continues typing in background tabs\n * - Performance optimized for large text\n * - maxQueueSize to limit memory usage from excessive queuing\n * - event handling for typing completion and content changes\n *\n * The component includes accessibility features:\n * - Screen readers announce the complete text, not character by character\n * - Uses aria-live=\"polite\" for dynamic content updates\n * - Sets aria-busy during typing animation\n *\n * @dependency mdc-text\n *\n * @tagname mdc-typewriter\n * @slot - Default slot for text content\n *\n * @csspart container - Container for the text element\n * @csspart text - The text element (forwarded to mdc-text)\n *\n * @event typing-complete - (React: onTypingComplete) Fired when the typewriter finishes typing all content.\n *   Detail: \\{ finalContent: string \\}\n * @event change - (React: onChange) Fired when the content of the typewriter changes.\n *   Detail: \\{ content: string, isTyping: boolean \\}\n */",
-          "customElement": true
+          "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": [
@@ -43331,8 +43365,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "Typewriter",
-            "module": "components/typewriter/typewriter.component.js"
+            "name": "Tooltip",
+            "module": "components/tooltip/tooltip.component.js"
           }
         }
       ]
@@ -44483,6 +44517,59 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "utils/mixins/ControlledMixin.js",
+      "declarations": [
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "ControlledMixin",
+          "members": [
+            {
+              "kind": "field",
+              "name": "controlled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the component is controlled.\nWhen the component is controlled, it will not handle any interaction itself, e.g. toggling a checkbox.",
+              "default": "undefined",
+              "attribute": "controlled",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "controlled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the component is controlled.\nWhen the component is controlled, it will not handle any interaction itself, e.g. toggling a checkbox.",
+              "default": "undefined",
+              "fieldName": "controlled"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "superClass",
+              "type": {
+                "text": "T"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ControlledMixin",
+          "declaration": {
+            "name": "ControlledMixin",
+            "module": "utils/mixins/ControlledMixin.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "utils/mixins/DataAriaLabelMixin.js",