@momentum-design/components 0.121.6 → 0.121.8

package/dist/components/popover/popover.component.d.ts

@@ -317,12 +317,12 @@ declare class Popover extends Popover_base {
      */
     disableAriaExpanded: boolean;
     /**
-     * If a tooltip is connected to the same trigger element,
-     * this property will keep the connected tooltip closed if this popover is open.
-     * This is useful when you want to show a popover with a tooltip
-     * but you don't want the tooltip to be shown at the same time.
+     * Controls the visibility of a connected tooltip when this popover is open.
+     * - If set to `true`, the tooltip remains open alongside the popover.
+     * - If set to `false`, the tooltip will be closed when the popover opens.
+     * Useful for scenarios where both a popover and a tooltip are linked to the same trigger element.
      */
-    keepConnectedTooltipClosed: boolean;
+    keepConnectedTooltipOpen: boolean;
     arrowElement: HTMLElement | null;
     /** @internal */
     private hoverTimer;

package/dist/components/popover/popover.component.js

@@ -331,12 +331,12 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
          */
         this.disableAriaExpanded = DEFAULTS.DISABLE_ARIA_EXPANDED;
         /**
-         * If a tooltip is connected to the same trigger element,
-         * this property will keep the connected tooltip closed if this popover is open.
-         * This is useful when you want to show a popover with a tooltip
-         * but you don't want the tooltip to be shown at the same time.
+         * Controls the visibility of a connected tooltip when this popover is open.
+         * - If set to `true`, the tooltip remains open alongside the popover.
+         * - If set to `false`, the tooltip will be closed when the popover opens.
+         * Useful for scenarios where both a popover and a tooltip are linked to the same trigger element.
          */
-        this.keepConnectedTooltipClosed = DEFAULTS.KEEP_CONNECTED_TOOLTIP_CLOSED;
+        this.keepConnectedTooltipOpen = DEFAULTS.KEEP_CONNECTED_TOOLTIP_OPEN;
         this.arrowElement = null;
         /** @internal */
         this.hoverTimer = null;
@@ -688,7 +688,7 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
         (_b = this.floatingUICleanupFunction) === null || _b === void 0 ? void 0 : _b.call(this);
         // clean timer if there is one set:
         this.cancelCloseDelay();
-        if (this.keepConnectedTooltipClosed) {
+        if (!this.keepConnectedTooltipOpen) {
             if (this.connectedTooltip) {
                 this.connectedTooltip.shouldSuppressOpening = false;
             }
@@ -778,7 +778,7 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
             if (popoverStack.peek() !== this) {
                 popoverStack.push(this);
             }
-            if (this.keepConnectedTooltipClosed) {
+            if (!this.keepConnectedTooltipOpen) {
                 // If this popover gets visible and keepConnectedTooltipsClosed is true,
                 // we need to close the connected tooltip.
                 if (this.connectedTooltip) {
@@ -844,7 +844,7 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
             if (this.focusBackToTrigger) {
                 triggerElement === null || triggerElement === void 0 ? void 0 : triggerElement.focus();
             }
-            if (this.keepConnectedTooltipClosed) {
+            if (!this.keepConnectedTooltipOpen) {
                 if (this.connectedTooltip) {
                     this.connectedTooltip.shouldSuppressOpening = false;
                 }
@@ -880,13 +880,20 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
             return placement;
         }
         switch (placement) {
-            case POPOVER_PLACEMENT.LEFT: return POPOVER_PLACEMENT.RIGHT;
-            case POPOVER_PLACEMENT.LEFT_START: return POPOVER_PLACEMENT.RIGHT_START;
-            case POPOVER_PLACEMENT.LEFT_END: return POPOVER_PLACEMENT.RIGHT_END;
-            case POPOVER_PLACEMENT.RIGHT: return POPOVER_PLACEMENT.LEFT;
-            case POPOVER_PLACEMENT.RIGHT_START: return POPOVER_PLACEMENT.LEFT_START;
-            case POPOVER_PLACEMENT.RIGHT_END: return POPOVER_PLACEMENT.LEFT_END;
-            default: return placement;
+            case POPOVER_PLACEMENT.LEFT:
+                return POPOVER_PLACEMENT.RIGHT;
+            case POPOVER_PLACEMENT.LEFT_START:
+                return POPOVER_PLACEMENT.RIGHT_START;
+            case POPOVER_PLACEMENT.LEFT_END:
+                return POPOVER_PLACEMENT.RIGHT_END;
+            case POPOVER_PLACEMENT.RIGHT:
+                return POPOVER_PLACEMENT.LEFT;
+            case POPOVER_PLACEMENT.RIGHT_START:
+                return POPOVER_PLACEMENT.LEFT_START;
+            case POPOVER_PLACEMENT.RIGHT_END:
+                return POPOVER_PLACEMENT.LEFT_END;
+            default:
+                return placement;
         }
     }
     render() {
@@ -1047,7 +1054,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], Popover.prototype, "disableAriaExpanded", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true, attribute: 'keep-connected-tooltip-closed' }),
+    property({ type: Boolean, reflect: true, attribute: 'keep-connected-tooltip-open' }),
     __metadata("design:type", Boolean)
-], Popover.prototype, "keepConnectedTooltipClosed", void 0);
+], Popover.prototype, "keepConnectedTooltipOpen", void 0);
 export default Popover;

package/dist/components/popover/popover.constants.d.ts

@@ -54,7 +54,7 @@ declare const DEFAULTS: {
     readonly Z_INDEX: 1000;
     readonly DISABLE_ARIA_EXPANDED: false;
     readonly PROPAGATE_EVENT_ON_ESCAPE: false;
-    readonly KEEP_CONNECTED_TOOLTIP_CLOSED: true;
+    readonly KEEP_CONNECTED_TOOLTIP_OPEN: false;
     readonly IS_BACKDROP_INVISIBLE: true;
 };
 export { TAG_NAME, POPOVER_PLACEMENT, COLOR, STRATEGY, TRIGGER, DEFAULTS };

package/dist/components/popover/popover.constants.js

@@ -56,7 +56,7 @@ const DEFAULTS = {
     Z_INDEX: 1000,
     DISABLE_ARIA_EXPANDED: false,
     PROPAGATE_EVENT_ON_ESCAPE: false,
-    KEEP_CONNECTED_TOOLTIP_CLOSED: true,
+    KEEP_CONNECTED_TOOLTIP_OPEN: false,
     IS_BACKDROP_INVISIBLE: true,
 };
 export { TAG_NAME, POPOVER_PLACEMENT, COLOR, STRATEGY, TRIGGER, DEFAULTS };

package/dist/custom-elements.json

@@ -12822,12 +12822,12 @@
             },
             {
               "kind": "field",
-              "name": "keepConnectedTooltipClosed",
+              "name": "keepConnectedTooltipOpen",
               "type": {
                 "text": "boolean"
               },
-              "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": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "attribute": "keep-connected-tooltip-open",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -13594,12 +13594,12 @@
               }
             },
             {
-              "name": "keep-connected-tooltip-closed",
+              "name": "keep-connected-tooltip-open",
               "type": {
                 "text": "boolean"
               },
-              "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": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "fieldName": "keepConnectedTooltipOpen",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
@@ -27974,12 +27974,12 @@
             },
             {
               "kind": "field",
-              "name": "keepConnectedTooltipClosed",
+              "name": "keepConnectedTooltipOpen",
               "type": {
                 "text": "boolean"
               },
-              "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": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "attribute": "keep-connected-tooltip-open",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -28704,12 +28704,12 @@
               }
             },
             {
-              "name": "keep-connected-tooltip-closed",
+              "name": "keep-connected-tooltip-open",
               "type": {
                 "text": "boolean"
               },
-              "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": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "fieldName": "keepConnectedTooltipOpen",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
@@ -33309,12 +33309,12 @@
             },
             {
               "kind": "field",
-              "name": "keepConnectedTooltipClosed",
+              "name": "keepConnectedTooltipOpen",
               "type": {
                 "text": "boolean"
               },
-              "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": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "attribute": "keep-connected-tooltip-open",
               "reflects": true
             },
             {
@@ -34338,12 +34338,12 @@
               "fieldName": "disableAriaExpanded"
             },
             {
-              "name": "keep-connected-tooltip-closed",
+              "name": "keep-connected-tooltip-open",
               "type": {
                 "text": "boolean"
               },
-              "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": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "fieldName": "keepConnectedTooltipOpen"
             },
             {
               "name": "should-focus-trap-wrap",
@@ -47989,12 +47989,12 @@
             },
             {
               "kind": "field",
-              "name": "keepConnectedTooltipClosed",
+              "name": "keepConnectedTooltipOpen",
               "type": {
                 "text": "boolean"
               },
-              "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": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "attribute": "keep-connected-tooltip-open",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -48769,12 +48769,12 @@
               }
             },
             {
-              "name": "keep-connected-tooltip-closed",
+              "name": "keep-connected-tooltip-open",
               "type": {
                 "text": "boolean"
               },
-              "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": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "fieldName": "keepConnectedTooltipOpen",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
@@ -50060,12 +50060,12 @@
             },
             {
               "kind": "field",
-              "name": "keepConnectedTooltipClosed",
+              "name": "keepConnectedTooltipOpen",
               "type": {
                 "text": "boolean"
               },
-              "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": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "attribute": "keep-connected-tooltip-open",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -50841,12 +50841,12 @@
               }
             },
             {
-              "name": "keep-connected-tooltip-closed",
+              "name": "keep-connected-tooltip-open",
               "type": {
                 "text": "boolean"
               },
-              "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": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "fieldName": "keepConnectedTooltipOpen",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
@@ -50909,6 +50909,163 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/virtualizedlist/virtualizedlist.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`mdc-virtualizedlist` component for creating custom virtualized lists.\nIMPORTANT: This component does not create it's own list/list items.\nUse the setlistdata callback prop to update client state in order to\nPass list/listitems as a child of this component, which this will virtuailze\nThis implementation handles dynamic lists as well as fixed sized lists.\nPlease refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.",
+          "name": "VirtualizedList",
+          "cssParts": [
+            {
+              "description": "The container of the virtualized list.",
+              "name": "container"
+            },
+            {
+              "description": "The scrollable area of the virtualized list.",
+              "name": "scroll"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Client side List with nested list items.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "virtualizerProps",
+              "type": {
+                "text": "VirtualizerProps"
+              },
+              "description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
+              "attribute": "virtualizerprops"
+            },
+            {
+              "kind": "field",
+              "name": "setlistdata",
+              "type": {
+                "text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
+              },
+              "description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
+              "default": "null",
+              "attribute": "setlistdata"
+            },
+            {
+              "kind": "field",
+              "name": "scrollElementRef",
+              "type": {
+                "text": "Ref<HTMLDivElement>"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "virtualizer",
+              "type": {
+                "text": "Virtualizer<Element, Element> | null"
+              },
+              "privacy": "public",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "virtualItems",
+              "type": {
+                "text": "Array<VirtualItem>"
+              },
+              "privacy": "public",
+              "default": "[]"
+            },
+            {
+              "kind": "method",
+              "name": "handleScroll",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Refires the scroll event from the internal scroll container to the host element"
+            },
+            {
+              "kind": "field",
+              "name": "virtualizerController",
+              "type": {
+                "text": "null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "onscroll",
+              "type": {
+                "text": "null"
+              },
+              "default": "null"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "EventConstructor"
+              }
+            },
+            {
+              "description": "(React: onScroll) Event that gets called when user scrolls inside of list.",
+              "name": "scroll",
+              "reactName": "onScroll"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "virtualizerprops",
+              "type": {
+                "text": "VirtualizerProps"
+              },
+              "description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
+              "fieldName": "virtualizerProps"
+            },
+            {
+              "name": "setlistdata",
+              "type": {
+                "text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
+              },
+              "description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
+              "default": "null",
+              "fieldName": "setlistdata"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-virtualizedlist",
+          "jsDoc": "/**\n * `mdc-virtualizedlist` component for creating custom virtualized lists.\n * IMPORTANT: This component does not create it's own list/list items.\n * Use the setlistdata callback prop to update client state in order to\n * Pass list/listitems as a child of this component, which this will virtuailze\n * This implementation handles dynamic lists as well as fixed sized lists.\n * Please refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.\n *\n * @tagname mdc-virtualizedlist\n *\n * @event scroll - (React: onScroll) Event that gets called when user scrolls inside of list.\n *\n * @slot - Client side List with nested list items.\n *\n * @csspart container - The container of the virtualized list.\n * @csspart scroll - The scrollable area of the virtualized list.\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "VirtualizedList",
+            "module": "components/virtualizedlist/virtualizedlist.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/typewriter/typewriter.component.js",
@@ -51249,163 +51406,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/virtualizedlist/virtualizedlist.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "`mdc-virtualizedlist` component for creating custom virtualized lists.\nIMPORTANT: This component does not create it's own list/list items.\nUse the setlistdata callback prop to update client state in order to\nPass list/listitems as a child of this component, which this will virtuailze\nThis implementation handles dynamic lists as well as fixed sized lists.\nPlease refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.",
-          "name": "VirtualizedList",
-          "cssParts": [
-            {
-              "description": "The container of the virtualized list.",
-              "name": "container"
-            },
-            {
-              "description": "The scrollable area of the virtualized list.",
-              "name": "scroll"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Client side List with nested list items.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "virtualizerProps",
-              "type": {
-                "text": "VirtualizerProps"
-              },
-              "description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
-              "attribute": "virtualizerprops"
-            },
-            {
-              "kind": "field",
-              "name": "setlistdata",
-              "type": {
-                "text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
-              },
-              "description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
-              "default": "null",
-              "attribute": "setlistdata"
-            },
-            {
-              "kind": "field",
-              "name": "scrollElementRef",
-              "type": {
-                "text": "Ref<HTMLDivElement>"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "virtualizer",
-              "type": {
-                "text": "Virtualizer<Element, Element> | null"
-              },
-              "privacy": "public",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "virtualItems",
-              "type": {
-                "text": "Array<VirtualItem>"
-              },
-              "privacy": "public",
-              "default": "[]"
-            },
-            {
-              "kind": "method",
-              "name": "handleScroll",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Refires the scroll event from the internal scroll container to the host element"
-            },
-            {
-              "kind": "field",
-              "name": "virtualizerController",
-              "type": {
-                "text": "null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "onscroll",
-              "type": {
-                "text": "null"
-              },
-              "default": "null"
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "EventConstructor"
-              }
-            },
-            {
-              "description": "(React: onScroll) Event that gets called when user scrolls inside of list.",
-              "name": "scroll",
-              "reactName": "onScroll"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "virtualizerprops",
-              "type": {
-                "text": "VirtualizerProps"
-              },
-              "description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
-              "fieldName": "virtualizerProps"
-            },
-            {
-              "name": "setlistdata",
-              "type": {
-                "text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
-              },
-              "description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
-              "default": "null",
-              "fieldName": "setlistdata"
-            }
-          ],
-          "superclass": {
-            "name": "Component",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-virtualizedlist",
-          "jsDoc": "/**\n * `mdc-virtualizedlist` component for creating custom virtualized lists.\n * IMPORTANT: This component does not create it's own list/list items.\n * Use the setlistdata callback prop to update client state in order to\n * Pass list/listitems as a child of this component, which this will virtuailze\n * This implementation handles dynamic lists as well as fixed sized lists.\n * Please refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.\n *\n * @tagname mdc-virtualizedlist\n *\n * @event scroll - (React: onScroll) Event that gets called when user scrolls inside of list.\n *\n * @slot - Client side List with nested list items.\n *\n * @csspart container - The container of the virtualized list.\n * @csspart scroll - The scrollable area of the virtualized list.\n */",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "VirtualizedList",
-            "module": "components/virtualizedlist/virtualizedlist.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "utils/mixins/AutoFocusOnMountMixin.js",

package/dist/react/index.d.ts

@@ -83,5 +83,5 @@ export { default as Toast } from './toast';
 export { default as Toggle } from './toggle';
 export { default as ToggleTip } from './toggletip';
 export { default as Tooltip } from './tooltip';
-export { default as Typewriter } from './typewriter';
 export { default as VirtualizedList } from './virtualizedlist';
+export { default as Typewriter } from './typewriter';

package/dist/react/index.js

@@ -83,5 +83,5 @@ export { default as Toast } from './toast';
 export { default as Toggle } from './toggle';
 export { default as ToggleTip } from './toggletip';
 export { default as Tooltip } from './tooltip';
-export { default as Typewriter } from './typewriter';
 export { default as VirtualizedList } from './virtualizedlist';
+export { default as Typewriter } from './typewriter';