@vonage/vivid 5.21.0 → 5.23.0

package/custom-elements.json

@@ -4289,8 +4289,8 @@
               "type": {
                 "text": "'submit' | 'reset' | 'button'"
               },
-              "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -4302,7 +4302,6 @@
               "type": {
                 "text": "HTMLButtonElement"
               },
-              "privacy": "public",
               "description": "References the root element",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
@@ -4315,8 +4314,8 @@
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "description": "Determines if the element should receive document focus on page load.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -4328,8 +4327,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "description": "The id of a form to associate the element to.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -4341,8 +4340,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -4368,8 +4367,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -4395,8 +4394,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -4422,8 +4421,8 @@
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -4449,8 +4448,8 @@
               "type": {
                 "text": "'_self' | '_blank' | '_parent' | '_top'"
               },
-              "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -4483,7 +4482,7 @@
                 {
                   "name": "previous",
                   "type": {
-                    "text": "'submit' | 'reset' | 'button' | void"
+                    "text": "'submit' | 'reset' | 'button' | undefined"
                   }
                 },
                 {
@@ -4501,7 +4500,6 @@
             {
               "kind": "method",
               "name": "validate",
-              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
@@ -5522,590 +5520,240 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/calendar-event/calendar-event.ts",
+      "path": "src/lib/card/card.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CalendarEvent",
+          "name": "Card",
           "cssProperties": [
             {
-              "name": "--vvd-calendar-event-accent-primary",
-              "default": "var(--vvd-color-canvas-text)"
-            },
-            {
-              "name": "--vvd-calendar-event-accent-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-calendar-event-accent-contrast",
-              "default": "var(--vvd-color-neutral-800)"
-            },
-            {
-              "name": "--vvd-calendar-event-accent-soft",
-              "default": "var(--vvd-color-neutral-100)"
-            },
-            {
-              "name": "--vvd-calendar-event-cta-primary",
+              "name": "--vvd-card-cta-primary",
               "default": "var(--vvd-color-cta-500)"
             },
             {
-              "name": "--vvd-calendar-event-cta-primary-text",
+              "name": "--vvd-card-cta-primary-text",
               "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-calendar-event-cta-contrast",
-              "default": "var(--vvd-color-cta-800)"
-            },
-            {
-              "name": "--vvd-calendar-event-cta-soft",
-              "default": "var(--vvd-color-cta-100)"
-            },
-            {
-              "name": "--vvd-calendar-event-success-primary",
-              "default": "var(--vvd-color-success-500)"
-            },
-            {
-              "name": "--vvd-calendar-event-success-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "name": "--vvd-card-cta-primary-increment",
+              "default": "var(--vvd-color-cta-600)"
             },
             {
-              "name": "--vvd-calendar-event-success-contrast",
-              "default": "var(--vvd-color-success-800)"
+              "name": "--vvd-card-cta-faint",
+              "default": "var(--vvd-color-cta-50)"
             },
             {
-              "name": "--vvd-calendar-event-success-soft",
-              "default": "var(--vvd-color-success-100)"
-            },
+              "name": "--vvd-card-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
+            }
+          ],
+          "slots": [
             {
-              "name": "--vvd-calendar-event-alert-primary",
-              "default": "var(--vvd-color-alert-500)"
+              "description": "The body slot is for the main content of the card. Displayed between the header and footer content.",
+              "name": "body"
             },
             {
-              "name": "--vvd-calendar-event-alert-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "description": "The graphic slot overrides the icon property.",
+              "name": "graphic"
             },
             {
-              "name": "--vvd-calendar-event-alert-contrast",
-              "default": "var(--vvd-color-alert-800)"
+              "description": "The media slot is mainly for images or video content above the card header.",
+              "name": "media"
             },
             {
-              "name": "--vvd-calendar-event-alert-soft",
-              "default": "var(--vvd-color-alert-100)"
+              "description": "The meta slot is for action content in the card header.",
+              "name": "meta"
             },
             {
-              "name": "--vvd-calendar-event-warning-primary",
-              "default": "var(--vvd-color-warning-300)"
+              "description": "The footer slot is for content in the card footer.",
+              "name": "footer"
             },
             {
-              "name": "--vvd-calendar-event-warning-primary-text",
-              "default": "var(--vvd-color-canvas-text)"
-            },
+              "description": "Assign nodes to main slot to fully override a card's predefined flow and style with your own.",
+              "name": "main"
+            }
+          ],
+          "members": [
             {
-              "name": "--vvd-calendar-event-warning-contrast",
-              "default": "var(--vvd-color-warning-800)"
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "CardAppearance | undefined"
+              },
+              "description": "Sets the element's appearance.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-calendar-event-warning-soft",
-              "default": "var(--vvd-color-warning-100)"
+              "kind": "field",
+              "name": "headline",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Sets the element's headline.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-calendar-event-announcement-primary",
-              "default": "var(--vvd-color-announcement-500)"
+              "kind": "field",
+              "name": "subtitle",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Sets the element's subtitle.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-calendar-event-announcement-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Sets the element's text.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-calendar-event-announcement-contrast",
-              "default": "var(--vvd-color-announcement-800)"
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Sets the element's icon.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-calendar-event-announcement-soft",
-              "default": "var(--vvd-color-announcement-100)"
+              "kind": "field",
+              "name": "elevation",
+              "type": {
+                "text": "0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined"
+              },
+              "description": "Sets the element's elevation.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-calendar-event-information-primary",
-              "default": "var(--vvd-color-information-500)"
+              "kind": "field",
+              "name": "clickableCard",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether card should be a clickable <button> element.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-calendar-event-information-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Linkable",
+                "module": "src/shared/patterns/linkable.ts"
+              }
             },
             {
-              "name": "--vvd-calendar-event-information-contrast",
-              "default": "var(--vvd-color-information-800)"
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Linkable",
+                "module": "src/shared/patterns/linkable.ts"
+              }
             },
-            {
-              "name": "--vvd-calendar-event-information-soft",
-              "default": "var(--vvd-color-information-100)"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "heading",
+              "name": "hreflang",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Sets the event heading",
-              "privacy": "public"
+              "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Linkable",
+                "module": "src/shared/patterns/linkable.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "description",
+              "name": "ping",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Sets the event description",
-              "privacy": "public"
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Linkable",
+                "module": "src/shared/patterns/linkable.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "connotation",
+              "name": "referrerpolicy",
               "type": {
-                "text": "CalendarEventConnotation | undefined"
+                "text": "string | undefined"
               },
-              "description": "Sets the first day of the week to display",
-              "privacy": "public"
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Linkable",
+                "module": "src/shared/patterns/linkable.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "appearance",
+              "name": "rel",
               "type": {
-                "text": "CalendarEventAppearance | undefined"
+                "text": "string | undefined"
               },
-              "description": "Sets the event's appearance",
-              "privacy": "public"
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Linkable",
+                "module": "src/shared/patterns/linkable.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "overlapCount",
+              "name": "target",
               "type": {
-                "text": "number | undefined"
+                "text": "'_self' | '_blank' | '_parent' | '_top' | undefined"
               },
-              "description": "Sets the stacking context of the event when it overlaps with another",
-              "privacy": "public"
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Linkable",
+                "module": "src/shared/patterns/linkable.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "start",
+              "name": "type",
               "type": {
-                "text": "number | undefined"
+                "text": "string | undefined"
               },
-              "description": "Sets the event start time (e.g. `14` = 2pm)",
-              "privacy": "public"
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Linkable",
+                "module": "src/shared/patterns/linkable.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "duration",
+              "name": "control",
               "type": {
-                "text": "number | undefined"
+                "text": "HTMLAnchorElement"
               },
-              "description": "Sets the event duration (e.g. `2` = 2 hours)",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "VIVID_VERSION",
-              "static": true,
-              "default": "__PACKAGE_VERSION__",
-              "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "VividElement",
-                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "componentName",
-              "type": {
-                "text": "string"
-              },
-              "static": true,
-              "description": "Core component name, without prefix",
-              "inheritedFrom": {
-                "name": "VividElement",
-                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "heading",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Sets the event heading",
-              "fieldName": "heading"
-            },
-            {
-              "name": "description",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Sets the event description",
-              "fieldName": "description"
-            },
-            {
-              "name": "connotation",
-              "type": {
-                "text": "CalendarEventConnotation | undefined"
-              },
-              "description": "Sets the first day of the week to display",
-              "fieldName": "connotation"
-            },
-            {
-              "name": "appearance",
-              "type": {
-                "text": "CalendarEventAppearance | undefined"
-              },
-              "description": "Sets the event's appearance",
-              "fieldName": "appearance"
-            },
-            {
-              "name": "overlap-count",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Sets the stacking context of the event when it overlaps with another",
-              "fieldName": "overlapCount"
-            },
-            {
-              "name": "start",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Sets the event start time (e.g. `14` = 2pm)",
-              "fieldName": "start"
-            },
-            {
-              "name": "duration",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Sets the event duration (e.g. `2` = 2 hours)",
-              "fieldName": "duration"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "DelegatesAria",
-              "module": "/src/shared/aria/delegates-aria"
-            }
-          ],
-          "superclass": {
-            "name": "VividElement",
-            "module": "/src/shared/foundation/vivid-element/vivid-element"
-          },
-          "vividComponent": {
-            "public": true,
-            "name": "calendar-event"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "CalendarEvent",
-          "declaration": {
-            "name": "CalendarEvent",
-            "module": "src/lib/calendar-event/calendar-event.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/lib/calendar-event/definition.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "registerCalendarEvent",
-          "description": "Registers the calendar-event elements with the design system.",
-          "parameters": [
-            {
-              "description": "the prefix to use for the component name",
-              "name": "prefix"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "CalendarEventAppearance",
-          "declaration": {
-            "name": "CalendarEventAppearance",
-            "module": "./calendar-event"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CalendarEventConnotation",
-          "declaration": {
-            "name": "CalendarEventConnotation",
-            "module": "./calendar-event"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerCalendarEvent",
-          "declaration": {
-            "name": "registerCalendarEvent",
-            "module": "src/lib/calendar-event/definition.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "VwcCalendarEventElement",
-          "declaration": {
-            "name": "CalendarEvent",
-            "module": "src/lib/calendar-event/definition.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/lib/card/card.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Card",
-          "cssProperties": [
-            {
-              "name": "--vvd-card-cta-primary",
-              "default": "var(--vvd-color-cta-500)"
-            },
-            {
-              "name": "--vvd-card-cta-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-card-cta-primary-increment",
-              "default": "var(--vvd-color-cta-600)"
-            },
-            {
-              "name": "--vvd-card-cta-faint",
-              "default": "var(--vvd-color-cta-50)"
-            },
-            {
-              "name": "--vvd-card-cta-soft",
-              "default": "var(--vvd-color-cta-100)"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The body slot is for the main content of the card. Displayed between the header and footer content.",
-              "name": "body"
-            },
-            {
-              "description": "The graphic slot overrides the icon property.",
-              "name": "graphic"
-            },
-            {
-              "description": "The media slot is mainly for images or video content above the card header.",
-              "name": "media"
-            },
-            {
-              "description": "The meta slot is for action content in the card header.",
-              "name": "meta"
-            },
-            {
-              "description": "The footer slot is for content in the card footer.",
-              "name": "footer"
-            },
-            {
-              "description": "Assign nodes to main slot to fully override a card's predefined flow and style with your own.",
-              "name": "main"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "appearance",
-              "type": {
-                "text": "CardAppearance | undefined"
-              },
-              "description": "Sets the element's appearance.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "headline",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Sets the element's headline.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "subtitle",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Sets the element's subtitle.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Sets the element's text.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Sets the element's icon.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "elevation",
-              "type": {
-                "text": "0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined"
-              },
-              "description": "Sets the element's elevation.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "clickableCard",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether card should be a clickable <button> element.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "download",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "Linkable",
-                "module": "src/shared/patterns/linkable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "href",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "Linkable",
-                "module": "src/shared/patterns/linkable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hreflang",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "Linkable",
-                "module": "src/shared/patterns/linkable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "ping",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "Linkable",
-                "module": "src/shared/patterns/linkable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "referrerpolicy",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "Linkable",
-                "module": "src/shared/patterns/linkable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "rel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "Linkable",
-                "module": "src/shared/patterns/linkable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "'_self' | '_blank' | '_parent' | '_top' | undefined"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "Linkable",
-                "module": "src/shared/patterns/linkable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "Linkable",
-                "module": "src/shared/patterns/linkable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "control",
-              "type": {
-                "text": "HTMLAnchorElement"
-              },
-              "description": "References the root element",
-              "inheritedFrom": {
-                "name": "Linkable",
-                "module": "src/shared/patterns/linkable.ts"
-              }
+              "description": "References the root element",
+              "inheritedFrom": {
+                "name": "Linkable",
+                "module": "src/shared/patterns/linkable.ts"
+              }
             },
             {
               "kind": "field",
@@ -6375,121 +6023,471 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/checkbox/checkbox.ts",
+      "path": "src/lib/calendar-event/calendar-event.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "keySpace",
-          "type": {
-            "text": "' '"
-          },
-          "default": "' '"
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "Checkbox",
+          "name": "CalendarEvent",
           "cssProperties": [
             {
-              "name": "--vvd-checkbox-cta-primary",
-              "default": "var(--vvd-color-cta-500)"
+              "name": "--vvd-calendar-event-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-checkbox-cta-primary-text",
+              "name": "--vvd-calendar-event-accent-primary-text",
               "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-checkbox-cta-primary-increment",
-              "default": "var(--vvd-color-cta-600)"
+              "name": "--vvd-calendar-event-accent-contrast",
+              "default": "var(--vvd-color-neutral-800)"
             },
             {
-              "name": "--vvd-checkbox-cta-fierce",
-              "default": "var(--vvd-color-cta-700)"
+              "name": "--vvd-calendar-event-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
             },
             {
-              "name": "--vvd-checkbox-cta-intermediate",
+              "name": "--vvd-calendar-event-cta-primary",
               "default": "var(--vvd-color-cta-500)"
             },
             {
-              "name": "--vvd-checkbox-cta-firm",
-              "default": "var(--vvd-color-cta-600)"
+              "name": "--vvd-calendar-event-cta-primary-text",
+              "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-checkbox-accent-primary",
-              "default": "var(--vvd-color-canvas-text)"
+              "name": "--vvd-calendar-event-cta-contrast",
+              "default": "var(--vvd-color-cta-800)"
             },
             {
-              "name": "--vvd-checkbox-accent-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "name": "--vvd-calendar-event-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
             },
             {
-              "name": "--vvd-checkbox-accent-primary-increment",
-              "default": "var(--vvd-color-neutral-800)"
+              "name": "--vvd-calendar-event-success-primary",
+              "default": "var(--vvd-color-success-500)"
             },
             {
-              "name": "--vvd-checkbox-accent-fierce",
-              "default": "var(--vvd-color-neutral-700)"
+              "name": "--vvd-calendar-event-success-primary-text",
+              "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-checkbox-accent-intermediate",
-              "default": "var(--vvd-color-neutral-500)"
+              "name": "--vvd-calendar-event-success-contrast",
+              "default": "var(--vvd-color-success-800)"
             },
             {
-              "name": "--vvd-checkbox-accent-firm",
-              "default": "var(--vvd-color-canvas-text)"
-            }
-          ],
-          "slots": [
+              "name": "--vvd-calendar-event-success-soft",
+              "default": "var(--vvd-color-success-100)"
+            },
             {
-              "description": "The default slot allows you to use rich content as the checkbox's label.",
-              "name": ""
+              "name": "--vvd-calendar-event-alert-primary",
+              "default": "var(--vvd-color-alert-500)"
             },
             {
-              "description": "Describes how to use the checkbox. Alternative to the `helper-text` attribute.",
-              "name": "helper-text"
-            }
-          ],
-          "members": [
+              "name": "--vvd-calendar-event-alert-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
             {
-              "kind": "field",
-              "name": "tabindex",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null"
+              "name": "--vvd-calendar-event-alert-contrast",
+              "default": "var(--vvd-color-alert-800)"
             },
             {
-              "kind": "field",
-              "name": "connotation",
-              "type": {
-                "text": "CheckboxConnotation | undefined"
-              },
-              "description": "The connotation the checklist should have.",
-              "privacy": "public"
+              "name": "--vvd-calendar-event-alert-soft",
+              "default": "var(--vvd-color-alert-100)"
             },
             {
-              "kind": "field",
-              "name": "readOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
-              "privacy": "public"
+              "name": "--vvd-calendar-event-warning-primary",
+              "default": "var(--vvd-color-warning-300)"
             },
             {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether a checkbox is in an indeterminate state.",
-              "privacy": "public"
+              "name": "--vvd-calendar-event-warning-primary-text",
+              "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "kind": "field",
-              "name": "helperText",
-              "type": {
+              "name": "--vvd-calendar-event-warning-contrast",
+              "default": "var(--vvd-color-warning-800)"
+            },
+            {
+              "name": "--vvd-calendar-event-warning-soft",
+              "default": "var(--vvd-color-warning-100)"
+            },
+            {
+              "name": "--vvd-calendar-event-announcement-primary",
+              "default": "var(--vvd-color-announcement-500)"
+            },
+            {
+              "name": "--vvd-calendar-event-announcement-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-calendar-event-announcement-contrast",
+              "default": "var(--vvd-color-announcement-800)"
+            },
+            {
+              "name": "--vvd-calendar-event-announcement-soft",
+              "default": "var(--vvd-color-announcement-100)"
+            },
+            {
+              "name": "--vvd-calendar-event-information-primary",
+              "default": "var(--vvd-color-information-500)"
+            },
+            {
+              "name": "--vvd-calendar-event-information-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-calendar-event-information-contrast",
+              "default": "var(--vvd-color-information-800)"
+            },
+            {
+              "name": "--vvd-calendar-event-information-soft",
+              "default": "var(--vvd-color-information-100)"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Sets the event heading",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Sets the event description",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "CalendarEventConnotation | undefined"
+              },
+              "description": "Sets the first day of the week to display",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "CalendarEventAppearance | undefined"
+              },
+              "description": "Sets the event's appearance",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "overlapCount",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Sets the stacking context of the event when it overlaps with another",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "start",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Sets the event start time (e.g. `14` = 2pm)",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Sets the event duration (e.g. `2` = 2 hours)",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "VIVID_VERSION",
+              "static": true,
+              "default": "__PACKAGE_VERSION__",
+              "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "componentName",
+              "type": {
+                "text": "string"
+              },
+              "static": true,
+              "description": "Core component name, without prefix",
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "heading",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Sets the event heading",
+              "fieldName": "heading"
+            },
+            {
+              "name": "description",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Sets the event description",
+              "fieldName": "description"
+            },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "CalendarEventConnotation | undefined"
+              },
+              "description": "Sets the first day of the week to display",
+              "fieldName": "connotation"
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "CalendarEventAppearance | undefined"
+              },
+              "description": "Sets the event's appearance",
+              "fieldName": "appearance"
+            },
+            {
+              "name": "overlap-count",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Sets the stacking context of the event when it overlaps with another",
+              "fieldName": "overlapCount"
+            },
+            {
+              "name": "start",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Sets the event start time (e.g. `14` = 2pm)",
+              "fieldName": "start"
+            },
+            {
+              "name": "duration",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Sets the event duration (e.g. `2` = 2 hours)",
+              "fieldName": "duration"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "DelegatesAria",
+              "module": "/src/shared/aria/delegates-aria"
+            }
+          ],
+          "superclass": {
+            "name": "VividElement",
+            "module": "/src/shared/foundation/vivid-element/vivid-element"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "calendar-event"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CalendarEvent",
+          "declaration": {
+            "name": "CalendarEvent",
+            "module": "src/lib/calendar-event/calendar-event.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/calendar-event/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "registerCalendarEvent",
+          "description": "Registers the calendar-event elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CalendarEventAppearance",
+          "declaration": {
+            "name": "CalendarEventAppearance",
+            "module": "./calendar-event"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CalendarEventConnotation",
+          "declaration": {
+            "name": "CalendarEventConnotation",
+            "module": "./calendar-event"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerCalendarEvent",
+          "declaration": {
+            "name": "registerCalendarEvent",
+            "module": "src/lib/calendar-event/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VwcCalendarEventElement",
+          "declaration": {
+            "name": "CalendarEvent",
+            "module": "src/lib/calendar-event/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/checkbox/checkbox.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "keySpace",
+          "type": {
+            "text": "' '"
+          },
+          "default": "' '"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Checkbox",
+          "cssProperties": [
+            {
+              "name": "--vvd-checkbox-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
+            },
+            {
+              "name": "--vvd-checkbox-cta-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-checkbox-cta-primary-increment",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-checkbox-cta-fierce",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-checkbox-cta-intermediate",
+              "default": "var(--vvd-color-cta-500)"
+            },
+            {
+              "name": "--vvd-checkbox-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-checkbox-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-checkbox-accent-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-checkbox-accent-primary-increment",
+              "default": "var(--vvd-color-neutral-800)"
+            },
+            {
+              "name": "--vvd-checkbox-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
+            {
+              "name": "--vvd-checkbox-accent-intermediate",
+              "default": "var(--vvd-color-neutral-500)"
+            },
+            {
+              "name": "--vvd-checkbox-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot allows you to use rich content as the checkbox's label.",
+              "name": ""
+            },
+            {
+              "description": "Describes how to use the checkbox. Alternative to the `helper-text` attribute.",
+              "name": "helper-text"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tabindex",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "CheckboxConnotation | undefined"
+              },
+              "description": "The connotation the checklist should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether a checkbox is in an indeterminate state.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "helperText",
+              "type": {
                 "text": "string | undefined"
               },
               "description": "Provides additional information to help the user enter the correct information.\nTo add HTML to the helper text, use the helper-text slot instead.",
@@ -8602,7 +8600,7 @@
                   }
                 },
                 {
-                  "name": "currentSelectedIndex",
+                  "name": "_currentSelectedIndex",
                   "type": {
                     "text": "number"
                   }
@@ -13516,12 +13514,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/dial-pad/definition.ts",
+      "path": "src/lib/dialog/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "registerDialPad",
-          "description": "Registers the dial-pad element with the design system.",
+          "name": "registerDialog",
+          "description": "Registers the dialog elements with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -13533,233 +13531,231 @@
       "exports": [
         {
           "kind": "js",
-          "name": "registerDialPad",
+          "name": "IconPlacement",
           "declaration": {
-            "name": "registerDialPad",
-            "module": "src/lib/dial-pad/definition.ts"
+            "name": "IconPlacement",
+            "module": "./dialog"
           }
         },
         {
           "kind": "js",
-          "name": "VwcDialPadElement",
+          "name": "registerDialog",
           "declaration": {
-            "name": "DialPad",
-            "module": "src/lib/dial-pad/definition.ts"
+            "name": "registerDialog",
+            "module": "src/lib/dialog/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VwcDialogElement",
+          "declaration": {
+            "name": "Dialog",
+            "module": "src/lib/dialog/definition.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/dial-pad/dial-pad.ts",
+      "path": "src/lib/dialog/dialog.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for dial-pad",
-          "name": "DialPad",
-          "cssProperties": [
-            {
-              "name": "--vvd-dial-pad-accent-contrast",
-              "default": "var(--vvd-color-neutral-800)"
-            },
-            {
-              "name": "--vvd-dial-pad-accent-soft",
-              "default": "var(--vvd-color-neutral-100)"
-            },
+          "description": "",
+          "name": "Dialog",
+          "slots": [
             {
-              "name": "--vvd-dial-pad-accent-pale",
-              "default": "var(--vvd-color-neutral-300)"
+              "description": "Use the graphic slot in order to replace the icon.",
+              "name": "graphic"
             },
             {
-              "name": "--vvd-dial-pad-accent-fierce",
-              "default": "var(--vvd-color-neutral-700)"
+              "description": "Use the body slot in order to add custom HTML to the dialog.",
+              "name": "body"
             },
             {
-              "name": "--vvd-dial-pad-accent-firm-all",
-              "default": "var(--vvd-color-neutral-600)"
+              "description": "Use the footer slot in order to add action buttons to the bottom of the dialog.",
+              "name": "footer"
             },
             {
-              "name": "--vvd-dial-pad-accent-faint",
-              "default": "var(--vvd-color-neutral-50)"
+              "description": "Assign nodes to the main slot to fully override a dialog’s predefined flow and style with your own.",
+              "name": "main"
             },
             {
-              "name": "--vvd-dial-pad-accent-dim",
-              "default": "var(--vvd-color-neutral-200)"
+              "description": "Use the action-items slot in order to add action buttons to the bottom of the dialog.",
+              "name": "action-items"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "helperText",
+              "name": "open",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
-              "default": "null",
-              "description": "Controls the helper text displayed below the phone input element",
+              "default": "false",
+              "description": "Sets the element's to be opened",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "icon",
               "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Indicates the placeholder's text.",
-              "privacy": "public"
+                "text": "string | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "iconPlacement",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Value of the phone input element",
-              "privacy": "public"
+                "text": "IconPlacement | undefined"
+              }
             },
             {
-              "kind": "method",
-              "name": "valueChanged",
-              "parameters": [
-                {
-                  "name": "_oldValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "subtitle",
+              "type": {
+                "text": "string | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "pattern",
+              "name": "headline",
               "type": {
-                "text": "string"
-              },
-              "default": "'^[0-9#*]*$'",
-              "description": "Regular expression to validate the value of the input element",
-              "privacy": "public"
+                "text": "string | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "fullWidthBody",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Controls the disabled state of the dial pad",
-              "privacy": "public"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "pending",
+              "name": "dismissButtonAriaLabel",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "noLightDismiss",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Controls the pending state",
-              "privacy": "public"
+              "description": "prevent a modal dialog from being dismissed by clicking outside of it."
             },
             {
               "kind": "field",
-              "name": "callActive",
+              "name": "noDismissOnEsc",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Controls the active state of the call",
-              "privacy": "public"
+              "description": "prevent a modal dialog from being dismissed by pressing esc"
             },
             {
               "kind": "field",
-              "name": "noCall",
+              "name": "noDismissButton",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Removes the call button and functionality",
-              "privacy": "public"
+              "description": "Remove the element's dismiss button"
             },
             {
               "kind": "field",
-              "name": "noInput",
+              "name": "nonDismissible",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Removes the phone input element",
-              "privacy": "public"
+              "description": "combines `no-light-dismiss`, `no-dismiss-on-esc`, and `no-dismiss-button`"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "modal",
               "type": {
-                "text": "DialPadSize | undefined"
+                "text": "boolean"
               },
-              "description": "Controls the vertical size of the dial pad",
-              "privacy": "public"
+              "default": "false",
+              "description": "Sets the element's to be opened"
             },
             {
               "kind": "field",
-              "name": "endCallButtonLabel",
+              "name": "scrollableBody",
               "type": {
-                "text": "| string\n\t\t| null"
+                "text": "boolean"
               },
-              "default": "null",
-              "description": "Controls the end call button label",
-              "privacy": "public"
+              "default": "false",
+              "description": "Makes only the element's content area between the header and footer scrollable"
             },
             {
               "kind": "field",
-              "name": "callButtonLabel",
+              "name": "returnValue",
               "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Controls the call button label",
-              "privacy": "public"
+                "text": "string"
+              }
             },
             {
               "kind": "field",
-              "name": "deleteAriaLabel",
+              "name": "#dialogElement",
+              "privacy": "private",
               "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "The aria-label for the delete button",
-              "privacy": "public"
+                "text": "HTMLDialogElement | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#dialog",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "_clearLongPressTimer",
+              "name": "#isDismissibleVia",
+              "parameters": [
+                {
+                  "name": "method",
+                  "type": {
+                    "text": "DismissMethod"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#handleScrimClick",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates that an element should be focused on page load, or when the Dialog that it is part of\nis displayed. When `no-input` attribute is specified, it will be the first digit button.\nOtherwise, the text field will be focused.`",
-              "privacy": "public"
+              "name": "#handleInternalFormSubmit",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "focus",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Moves focus into the Dial Pad. If `no-input` attribute is specified, it will be the first digit\nbutton. Otherwise, the input field will be focused.",
-              "privacy": "public"
+              "name": "close"
+            },
+            {
+              "kind": "method",
+              "name": "show"
+            },
+            {
+              "kind": "method",
+              "name": "showModal"
+            },
+            {
+              "kind": "method",
+              "name": "#closeDialog"
+            },
+            {
+              "kind": "method",
+              "name": "#showDialog"
             },
             {
               "kind": "field",
@@ -13794,183 +13790,141 @@
               "type": {
                 "text": "CustomEvent<undefined>"
               },
-              "description": "Emitted when the text field value changes",
-              "name": "change"
+              "description": "The `open` event fires when the dialog opens.",
+              "name": "open"
             },
             {
               "type": {
-                "text": "CustomEvent<undefined>"
+                "text": "CustomEvent<string>"
               },
-              "description": "Emitted when the text field value changes",
-              "name": "input"
+              "description": "The `close` event fires when the dialog closes (either via user interaction or via the API). It returns the return value inside the event's details property.",
+              "name": "close"
             },
             {
               "type": {
                 "text": "CustomEvent<undefined>"
               },
-              "description": "Emitted when the text field loses focus",
-              "name": "blur"
-            },
+              "description": "The `cancel` event fires when the user requests to close the dialog. You can prevent the dialog from closing by calling `.preventDefault()` on the event.",
+              "name": "cancel"
+            }
+          ],
+          "attributes": [
             {
+              "name": "open",
               "type": {
-                "text": "CustomEvent<undefined>"
+                "text": "boolean"
               },
-              "description": "Emitted when the text field receives focus",
-              "name": "focus"
+              "default": "false",
+              "description": "Sets the element's to be opened",
+              "fieldName": "open"
             },
             {
+              "name": "icon",
               "type": {
-                "text": "CustomEvent<HTMLElement>"
+                "text": "string | undefined"
               },
-              "description": "Emitted when a digit button is clicked",
-              "name": "keypad-click"
+              "fieldName": "icon"
             },
             {
+              "name": "icon-placement",
               "type": {
-                "text": "CustomEvent<undefined>"
+                "text": "IconPlacement | undefined"
               },
-              "description": "Emitted when the call button is clicked",
-              "name": "dial"
+              "fieldName": "iconPlacement"
             },
             {
+              "name": "subtitle",
               "type": {
-                "text": "CustomEvent<undefined>"
-              },
-              "description": "Emitted when the end call button is clicked",
-              "name": "end-call"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "helper-text",
-              "type": {
-                "text": "string | null"
+                "text": "string | undefined"
               },
-              "default": "null",
-              "description": "Controls the helper text displayed below the phone input element",
-              "fieldName": "helperText"
+              "fieldName": "subtitle"
             },
             {
-              "name": "placeholder",
+              "name": "headline",
               "type": {
-                "text": "string | null"
+                "text": "string | undefined"
               },
-              "default": "null",
-              "description": "Indicates the placeholder's text.",
-              "fieldName": "placeholder"
+              "fieldName": "headline"
             },
             {
-              "name": "value",
+              "name": "full-width-body",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Value of the phone input element",
-              "fieldName": "value"
+              "default": "false",
+              "fieldName": "fullWidthBody"
             },
             {
-              "name": "pattern",
+              "name": "dismiss-button-aria-label",
               "type": {
-                "text": "string"
+                "text": "| string\n\t\t| null"
               },
-              "default": "'^[0-9#*]*$'",
-              "description": "Regular expression to validate the value of the input element",
-              "fieldName": "pattern"
+              "default": "null",
+              "fieldName": "dismissButtonAriaLabel"
             },
             {
-              "name": "disabled",
+              "name": "no-light-dismiss",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Controls the disabled state of the dial pad",
-              "fieldName": "disabled"
+              "description": "prevent a modal dialog from being dismissed by clicking outside of it.",
+              "fieldName": "noLightDismiss"
             },
             {
-              "name": "pending",
+              "name": "no-dismiss-on-esc",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Controls the pending state",
-              "fieldName": "pending"
+              "description": "prevent a modal dialog from being dismissed by pressing esc",
+              "fieldName": "noDismissOnEsc"
             },
             {
-              "name": "call-active",
+              "name": "no-dismiss-button",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Controls the active state of the call",
-              "fieldName": "callActive"
+              "description": "Remove the element's dismiss button",
+              "fieldName": "noDismissButton"
             },
             {
-              "name": "no-call",
+              "name": "non-dismissible",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Removes the call button and functionality",
-              "fieldName": "noCall"
+              "description": "combines `no-light-dismiss`, `no-dismiss-on-esc`, and `no-dismiss-button`",
+              "fieldName": "nonDismissible"
             },
             {
-              "name": "no-input",
+              "name": "modal",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Removes the phone input element",
-              "fieldName": "noInput"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "DialPadSize | undefined"
-              },
-              "description": "Controls the vertical size of the dial pad",
-              "fieldName": "size"
-            },
-            {
-              "name": "end-call-button-label",
-              "type": {
-                "text": "| string\n\t\t| null"
-              },
-              "default": "null",
-              "description": "Controls the end call button label",
-              "fieldName": "endCallButtonLabel"
-            },
-            {
-              "name": "call-button-label",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Controls the call button label",
-              "fieldName": "callButtonLabel"
-            },
-            {
-              "name": "delete-aria-label",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "The aria-label for the delete button",
-              "fieldName": "deleteAriaLabel"
+              "description": "Sets the element's to be opened",
+              "fieldName": "modal"
             },
             {
-              "name": "autofocus",
+              "name": "scrollable-body",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates that an element should be focused on page load, or when the Dialog that it is part of\nis displayed. When `no-input` attribute is specified, it will be the first digit button.\nOtherwise, the text field will be focused.`",
-              "fieldName": "autofocus"
+              "description": "Makes only the element's content area between the header and footer scrollable",
+              "fieldName": "scrollableBody"
             }
           ],
           "mixins": [
             {
               "name": "Localized",
               "module": "/src/shared/patterns"
+            },
+            {
+              "name": "DelegatesAria",
+              "module": "/src/shared/aria/delegates-aria"
             }
           ],
           "superclass": {
@@ -13979,16 +13933,66 @@
           },
           "vividComponent": {
             "public": true,
-            "name": "dial-pad",
+            "name": "dialog",
             "vueModels": [
               {
-                "name": "modelValue",
-                "propName": "value",
+                "name": "open",
+                "propName": "open",
                 "eventNames": [
-                  "input",
-                  "@lazy:change"
+                  "open",
+                  "close"
                 ],
-                "valueMapping": "event.currentTarget.value"
+                "valueMapping": "event.currentTarget.open"
+              }
+            ]
+          },
+          "vividTesting": {
+            "selectors": [
+              {
+                "name": "byHeadline",
+                "args": [
+                  "byHeadline"
+                ]
+              }
+            ],
+            "actions": [
+              {
+                "name": "dismiss",
+                "args": [
+                  "click",
+                  "#dismissButton"
+                ]
+              }
+            ],
+            "queries": [
+              {
+                "name": "open",
+                "args": [
+                  "open",
+                  "true"
+                ]
+              },
+              {
+                "name": "closed",
+                "args": [
+                  "open",
+                  "false"
+                ]
+              },
+              {
+                "name": "headline",
+                "args": [
+                  "headline"
+                ]
+              }
+            ],
+            "refs": [
+              {
+                "name": "dismissButton",
+                "args": [
+                  "shadow",
+                  ".dismiss-button"
+                ]
               }
             ]
           }
@@ -13997,28 +14001,28 @@
       "exports": [
         {
           "kind": "js",
-          "name": "DialPad",
+          "name": "Dialog",
           "declaration": {
-            "name": "DialPad",
-            "module": "src/lib/dial-pad/dial-pad.ts"
+            "name": "Dialog",
+            "module": "src/lib/dialog/dialog.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/dial-pad/locale.ts",
+      "path": "src/lib/dialog/locale.ts",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/dialog/definition.ts",
+      "path": "src/lib/dial-pad/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "registerDialog",
-          "description": "Registers the dialog elements with the design system.",
+          "name": "registerDialPad",
+          "description": "Registers the dial-pad element with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -14030,231 +14034,233 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconPlacement",
-          "declaration": {
-            "name": "IconPlacement",
-            "module": "./dialog"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerDialog",
+          "name": "registerDialPad",
           "declaration": {
-            "name": "registerDialog",
-            "module": "src/lib/dialog/definition.ts"
+            "name": "registerDialPad",
+            "module": "src/lib/dial-pad/definition.ts"
           }
         },
         {
           "kind": "js",
-          "name": "VwcDialogElement",
+          "name": "VwcDialPadElement",
           "declaration": {
-            "name": "Dialog",
-            "module": "src/lib/dialog/definition.ts"
+            "name": "DialPad",
+            "module": "src/lib/dial-pad/definition.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/dialog/dialog.ts",
+      "path": "src/lib/dial-pad/dial-pad.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "Dialog",
-          "slots": [
+          "description": "Base class for dial-pad",
+          "name": "DialPad",
+          "cssProperties": [
             {
-              "description": "Use the graphic slot in order to replace the icon.",
-              "name": "graphic"
+              "name": "--vvd-dial-pad-accent-contrast",
+              "default": "var(--vvd-color-neutral-800)"
             },
             {
-              "description": "Use the body slot in order to add custom HTML to the dialog.",
-              "name": "body"
+              "name": "--vvd-dial-pad-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
             },
             {
-              "description": "Use the footer slot in order to add action buttons to the bottom of the dialog.",
-              "name": "footer"
+              "name": "--vvd-dial-pad-accent-pale",
+              "default": "var(--vvd-color-neutral-300)"
             },
             {
-              "description": "Assign nodes to the main slot to fully override a dialog’s predefined flow and style with your own.",
-              "name": "main"
+              "name": "--vvd-dial-pad-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
             },
             {
-              "description": "Use the action-items slot in order to add action buttons to the bottom of the dialog.",
-              "name": "action-items"
+              "name": "--vvd-dial-pad-accent-firm-all",
+              "default": "var(--vvd-color-neutral-600)"
+            },
+            {
+              "name": "--vvd-dial-pad-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-dial-pad-accent-dim",
+              "default": "var(--vvd-color-neutral-200)"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "open",
+              "name": "helperText",
               "type": {
-                "text": "boolean"
+                "text": "string | null"
               },
-              "default": "false",
-              "description": "Sets the element's to be opened",
+              "default": "null",
+              "description": "Controls the helper text displayed below the phone input element",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "iconPlacement",
-              "type": {
-                "text": "IconPlacement | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "subtitle",
+              "name": "placeholder",
               "type": {
-                "text": "string | undefined"
-              }
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Indicates the placeholder's text.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "headline",
+              "name": "value",
               "type": {
-                "text": "string | undefined"
-              }
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Value of the phone input element",
+              "privacy": "public"
             },
             {
-              "kind": "field",
-              "name": "fullWidthBody",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+              "kind": "method",
+              "name": "valueChanged",
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "dismissButtonAriaLabel",
+              "name": "pattern",
               "type": {
-                "text": "| string\n\t\t| null"
+                "text": "string"
               },
-              "default": "null"
+              "default": "'^[0-9#*]*$'",
+              "description": "Regular expression to validate the value of the input element",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "noLightDismiss",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "prevent a modal dialog from being dismissed by clicking outside of it."
+              "description": "Controls the disabled state of the dial pad",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "noDismissOnEsc",
+              "name": "pending",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "prevent a modal dialog from being dismissed by pressing esc"
+              "description": "Controls the pending state",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "noDismissButton",
+              "name": "callActive",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Remove the element's dismiss button"
+              "description": "Controls the active state of the call",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "nonDismissible",
+              "name": "noCall",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "combines `no-light-dismiss`, `no-dismiss-on-esc`, and `no-dismiss-button`"
+              "description": "Removes the call button and functionality",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "modal",
+              "name": "noInput",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Sets the element's to be opened"
+              "description": "Removes the phone input element",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "scrollableBody",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "DialPadSize | undefined"
               },
-              "default": "false",
-              "description": "Makes only the element's content area between the header and footer scrollable"
+              "description": "Controls the vertical size of the dial pad",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "returnValue",
+              "name": "endCallButtonLabel",
               "type": {
-                "text": "string"
-              }
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "description": "Controls the end call button label",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "#dialogElement",
-              "privacy": "private",
+              "name": "callButtonLabel",
               "type": {
-                "text": "HTMLDialogElement | undefined"
-              }
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Controls the call button label",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "#dialog",
-              "privacy": "private",
-              "readonly": true
+              "name": "deleteAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The aria-label for the delete button",
+              "privacy": "public"
             },
             {
               "kind": "method",
-              "name": "#isDismissibleVia",
-              "parameters": [
-                {
-                  "name": "method",
-                  "type": {
-                    "text": "DismissMethod"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "#handleScrimClick",
+              "name": "_clearLongPressTimer",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#handleInternalFormSubmit",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "close"
-            },
-            {
-              "kind": "method",
-              "name": "show"
-            },
-            {
-              "kind": "method",
-              "name": "showModal"
-            },
-            {
-              "kind": "method",
-              "name": "#closeDialog"
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates that an element should be focused on page load, or when the Dialog that it is part of\nis displayed. When `no-input` attribute is specified, it will be the first digit button.\nOtherwise, the text field will be focused.`",
+              "privacy": "public"
             },
             {
               "kind": "method",
-              "name": "#showDialog"
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Moves focus into the Dial Pad. If `no-input` attribute is specified, it will be the first digit\nbutton. Otherwise, the input field will be focused.",
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -14289,141 +14295,183 @@
               "type": {
                 "text": "CustomEvent<undefined>"
               },
-              "description": "The `open` event fires when the dialog opens.",
-              "name": "open"
+              "description": "Emitted when the text field value changes",
+              "name": "change"
             },
             {
               "type": {
-                "text": "CustomEvent<string>"
+                "text": "CustomEvent<undefined>"
               },
-              "description": "The `close` event fires when the dialog closes (either via user interaction or via the API). It returns the return value inside the event's details property.",
-              "name": "close"
+              "description": "Emitted when the text field value changes",
+              "name": "input"
             },
             {
               "type": {
                 "text": "CustomEvent<undefined>"
               },
-              "description": "The `cancel` event fires when the user requests to close the dialog. You can prevent the dialog from closing by calling `.preventDefault()` on the event.",
-              "name": "cancel"
-            }
-          ],
-          "attributes": [
+              "description": "Emitted when the text field loses focus",
+              "name": "blur"
+            },
             {
-              "name": "open",
               "type": {
-                "text": "boolean"
+                "text": "CustomEvent<undefined>"
               },
-              "default": "false",
-              "description": "Sets the element's to be opened",
-              "fieldName": "open"
+              "description": "Emitted when the text field receives focus",
+              "name": "focus"
             },
             {
-              "name": "icon",
               "type": {
-                "text": "string | undefined"
+                "text": "CustomEvent<HTMLElement>"
               },
-              "fieldName": "icon"
+              "description": "Emitted when a digit button is clicked",
+              "name": "keypad-click"
             },
             {
-              "name": "icon-placement",
               "type": {
-                "text": "IconPlacement | undefined"
+                "text": "CustomEvent<undefined>"
               },
-              "fieldName": "iconPlacement"
+              "description": "Emitted when the call button is clicked",
+              "name": "dial"
             },
             {
-              "name": "subtitle",
               "type": {
-                "text": "string | undefined"
+                "text": "CustomEvent<undefined>"
               },
-              "fieldName": "subtitle"
+              "description": "Emitted when the end call button is clicked",
+              "name": "end-call"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "helper-text",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Controls the helper text displayed below the phone input element",
+              "fieldName": "helperText"
             },
             {
-              "name": "headline",
+              "name": "placeholder",
               "type": {
-                "text": "string | undefined"
+                "text": "string | null"
               },
-              "fieldName": "headline"
+              "default": "null",
+              "description": "Indicates the placeholder's text.",
+              "fieldName": "placeholder"
             },
             {
-              "name": "full-width-body",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "fullWidthBody"
+              "default": "''",
+              "description": "Value of the phone input element",
+              "fieldName": "value"
             },
             {
-              "name": "dismiss-button-aria-label",
+              "name": "pattern",
               "type": {
-                "text": "| string\n\t\t| null"
+                "text": "string"
               },
-              "default": "null",
-              "fieldName": "dismissButtonAriaLabel"
+              "default": "'^[0-9#*]*$'",
+              "description": "Regular expression to validate the value of the input element",
+              "fieldName": "pattern"
             },
             {
-              "name": "no-light-dismiss",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "prevent a modal dialog from being dismissed by clicking outside of it.",
-              "fieldName": "noLightDismiss"
+              "description": "Controls the disabled state of the dial pad",
+              "fieldName": "disabled"
             },
             {
-              "name": "no-dismiss-on-esc",
+              "name": "pending",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "prevent a modal dialog from being dismissed by pressing esc",
-              "fieldName": "noDismissOnEsc"
+              "description": "Controls the pending state",
+              "fieldName": "pending"
             },
             {
-              "name": "no-dismiss-button",
+              "name": "call-active",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Remove the element's dismiss button",
-              "fieldName": "noDismissButton"
+              "description": "Controls the active state of the call",
+              "fieldName": "callActive"
             },
             {
-              "name": "non-dismissible",
+              "name": "no-call",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "combines `no-light-dismiss`, `no-dismiss-on-esc`, and `no-dismiss-button`",
-              "fieldName": "nonDismissible"
+              "description": "Removes the call button and functionality",
+              "fieldName": "noCall"
             },
             {
-              "name": "modal",
+              "name": "no-input",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Sets the element's to be opened",
-              "fieldName": "modal"
+              "description": "Removes the phone input element",
+              "fieldName": "noInput"
             },
             {
-              "name": "scrollable-body",
+              "name": "size",
+              "type": {
+                "text": "DialPadSize | undefined"
+              },
+              "description": "Controls the vertical size of the dial pad",
+              "fieldName": "size"
+            },
+            {
+              "name": "end-call-button-label",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "description": "Controls the end call button label",
+              "fieldName": "endCallButtonLabel"
+            },
+            {
+              "name": "call-button-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Controls the call button label",
+              "fieldName": "callButtonLabel"
+            },
+            {
+              "name": "delete-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The aria-label for the delete button",
+              "fieldName": "deleteAriaLabel"
+            },
+            {
+              "name": "autofocus",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes only the element's content area between the header and footer scrollable",
-              "fieldName": "scrollableBody"
+              "description": "Indicates that an element should be focused on page load, or when the Dialog that it is part of\nis displayed. When `no-input` attribute is specified, it will be the first digit button.\nOtherwise, the text field will be focused.`",
+              "fieldName": "autofocus"
             }
           ],
           "mixins": [
             {
               "name": "Localized",
               "module": "/src/shared/patterns"
-            },
-            {
-              "name": "DelegatesAria",
-              "module": "/src/shared/aria/delegates-aria"
             }
           ],
           "superclass": {
@@ -14432,66 +14480,16 @@
           },
           "vividComponent": {
             "public": true,
-            "name": "dialog",
+            "name": "dial-pad",
             "vueModels": [
               {
-                "name": "open",
-                "propName": "open",
+                "name": "modelValue",
+                "propName": "value",
                 "eventNames": [
-                  "open",
-                  "close"
+                  "input",
+                  "@lazy:change"
                 ],
-                "valueMapping": "event.currentTarget.open"
-              }
-            ]
-          },
-          "vividTesting": {
-            "selectors": [
-              {
-                "name": "byHeadline",
-                "args": [
-                  "byHeadline"
-                ]
-              }
-            ],
-            "actions": [
-              {
-                "name": "dismiss",
-                "args": [
-                  "click",
-                  "#dismissButton"
-                ]
-              }
-            ],
-            "queries": [
-              {
-                "name": "open",
-                "args": [
-                  "open",
-                  "true"
-                ]
-              },
-              {
-                "name": "closed",
-                "args": [
-                  "open",
-                  "false"
-                ]
-              },
-              {
-                "name": "headline",
-                "args": [
-                  "headline"
-                ]
-              }
-            ],
-            "refs": [
-              {
-                "name": "dismissButton",
-                "args": [
-                  "shadow",
-                  ".dismiss-button"
-                ]
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -14500,17 +14498,17 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Dialog",
+          "name": "DialPad",
           "declaration": {
-            "name": "Dialog",
-            "module": "src/lib/dialog/dialog.ts"
+            "name": "DialPad",
+            "module": "src/lib/dial-pad/dial-pad.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/dialog/locale.ts",
+      "path": "src/lib/dial-pad/locale.ts",
       "declarations": [],
       "exports": []
     },
@@ -15339,8 +15337,8 @@
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "description": "Determines if the element should receive document focus on page load.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -15352,8 +15350,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "description": "The id of a form to associate the element to.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -15365,8 +15363,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -15392,8 +15390,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -15419,8 +15417,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -15446,8 +15444,8 @@
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -15473,8 +15471,8 @@
               "type": {
                 "text": "'_self' | '_blank' | '_parent' | '_top'"
               },
-              "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -15500,8 +15498,8 @@
               "type": {
                 "text": "'submit' | 'reset' | 'button'"
               },
-              "privacy": "public",
               "description": "The button type.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -15520,7 +15518,7 @@
                 {
                   "name": "previous",
                   "type": {
-                    "text": "'submit' | 'reset' | 'button' | void"
+                    "text": "'submit' | 'reset' | 'button' | undefined"
                   }
                 },
                 {
@@ -15538,7 +15536,6 @@
             {
               "kind": "method",
               "name": "validate",
-              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
@@ -15576,7 +15573,6 @@
               "type": {
                 "text": "HTMLButtonElement"
               },
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "VividFoundationButton",
                 "module": "src/shared/foundation/button/button.ts"
@@ -18289,7 +18285,7 @@
                 {
                   "name": "_",
                   "type": {
-                    "text": "boolean"
+                    "text": "boolean | undefined"
                   }
                 },
                 {
@@ -20585,7 +20581,7 @@
                 {
                   "name": "_",
                   "type": {
-                    "text": "number"
+                    "text": "number | undefined"
                   }
                 },
                 {
@@ -22869,7 +22865,7 @@
                 {
                   "name": "_",
                   "type": {
-                    "text": "boolean"
+                    "text": "boolean | undefined"
                   }
                 },
                 {
@@ -22938,6 +22934,16 @@
               "description": "Whether to update the position of the floating element on every animation frame if required.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "shiftCrossAxis",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether shift can be applied on the cross axis, which may lead to the popup overlapping the anchor.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "strategy",
@@ -23138,6 +23144,15 @@
               "description": "Whether to update the position of the floating element on every animation frame if required.",
               "fieldName": "animationFrame"
             },
+            {
+              "name": "shift-cross-axis",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether shift can be applied on the cross axis, which may lead to the popup overlapping the anchor.",
+              "fieldName": "shiftCrossAxis"
+            },
             {
               "name": "strategy",
               "type": {
@@ -25954,7 +25969,7 @@
               "kind": "field",
               "name": "kind",
               "type": {
-                "text": "'default' | 'autocomplete'"
+                "text": "'default' | 'autocomplete' | 'imageOptions'"
               },
               "default": "'default'"
             },
@@ -40218,6 +40233,14 @@
             "name": "RteViewOptions",
             "module": "./view"
           }
+        },
+        {
+          "kind": "js",
+          "name": "RteScrollValue",
+          "declaration": {
+            "name": "RteScrollValue",
+            "module": "./features/internal/core"
+          }
         }
       ]
     },
@@ -40321,13 +40344,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -40362,7 +40385,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -40379,7 +40402,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -40396,7 +40419,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -40422,7 +40445,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -40850,6 +40873,11 @@
               ],
               "description": "Replaces the entire document with the given new document.\nUnlike reset, this preserves the rest of the editor state. The undo history is preserved, so the user can undo the replacement."
             },
+            {
+              "kind": "method",
+              "name": "scrollIntoView",
+              "description": "Scrolls the cursor into view.\nHas no effect if the editor is not currently mounted."
+            },
             {
               "kind": "field",
               "name": "feature",
@@ -41437,7 +41465,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -41458,7 +41486,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -41568,13 +41596,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -41608,7 +41636,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -41642,7 +41670,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -41735,13 +41763,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -41877,7 +41905,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -41898,7 +41926,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -41919,7 +41947,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -42005,13 +42033,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -42155,7 +42183,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -42189,7 +42217,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -42262,7 +42290,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -42359,13 +42387,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -42412,7 +42440,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -42433,7 +42461,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -42519,7 +42547,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -42595,13 +42623,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -42648,7 +42676,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -42669,7 +42697,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -42703,7 +42731,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -42852,13 +42880,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -42905,7 +42933,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -42926,7 +42954,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -42960,7 +42988,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -43060,13 +43088,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -43087,7 +43115,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -43248,7 +43276,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -43282,7 +43310,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -43355,13 +43383,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -43484,7 +43512,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -43505,7 +43533,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -43539,7 +43567,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -43625,13 +43653,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -43799,7 +43827,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -43820,7 +43848,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -43854,7 +43882,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -43960,13 +43988,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -44110,7 +44138,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -44144,7 +44172,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -44293,13 +44321,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -44346,7 +44374,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -44367,7 +44395,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -44401,7 +44429,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -44487,13 +44515,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -44527,7 +44555,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -44719,7 +44747,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -44979,7 +45007,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -45013,7 +45041,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -45112,13 +45140,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -45249,7 +45277,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -45283,7 +45311,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -45369,7 +45397,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -45432,13 +45460,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -45485,7 +45513,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -45506,7 +45534,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -45540,7 +45568,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -45626,13 +45654,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -45776,7 +45804,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -45810,7 +45838,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -45979,13 +46007,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -46032,7 +46060,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -46053,7 +46081,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -46087,7 +46115,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -46180,13 +46208,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -46207,7 +46235,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -46330,7 +46358,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -46351,7 +46379,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -46385,7 +46413,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -46580,13 +46608,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -46633,7 +46661,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -46654,7 +46682,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -46753,13 +46781,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -46903,7 +46931,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -46937,7 +46965,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -47539,7 +47567,7 @@
             {
               "name": "props",
               "type": {
-                "text": "{\n\t\tvariant?: Prop<'toolbar' | 'toolbar-menu' | 'popover' | 'popover-primary'>;\n\t\tlabel: Prop<string>;\n\t\ticon?: Prop<string>;\n\t\tnoTooltip?: boolean;\n\t\tautofocus?: Prop<boolean>;\n\t\tslot?: string;\n\t\tactive?: Prop<boolean>;\n\t\tdisabled?: Prop<boolean>;\n\t\tconnotation?: Prop<'alert'>;\n\t\tonClick?: () => void | boolean;\n\t}"
+                "text": "{\n\t\tvariant?: Prop<'toolbar' | 'toolbar-menu' | 'popover' | 'popover-primary'>;\n\t\tlabel: Prop<string>;\n\t\ticon?: Prop<string>;\n\t\tnoTooltip?: boolean;\n\t\tautofocus?: Prop<boolean>;\n\t\tslot?: string;\n\t\tactive?: Prop<boolean>;\n\t\tdisabled?: Prop<boolean>;\n\t\tconnotation?: Prop<'alert'>;\n\t\tonClick?: (() => boolean) | (() => void);\n\t}"
               }
             }
           ]
@@ -48038,7 +48066,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48059,7 +48087,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48093,7 +48121,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48155,6 +48183,22 @@
               "name": "disabled",
               "default": "new FeatureState(false)"
             },
+            {
+              "kind": "field",
+              "name": "scrollThreshold",
+              "type": {
+                "text": "RteScrollValue | undefined"
+              },
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "scrollMargin",
+              "type": {
+                "text": "RteScrollValue | undefined"
+              },
+              "default": "undefined"
+            },
             {
               "kind": "method",
               "name": "getStyles",
@@ -48254,13 +48298,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -48307,7 +48351,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48328,7 +48372,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48349,7 +48393,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48506,13 +48550,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -48559,7 +48603,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48580,7 +48624,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48614,7 +48658,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48763,13 +48807,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -48816,7 +48860,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48837,7 +48881,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48871,7 +48915,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48932,7 +48976,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -48953,7 +48997,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -49029,13 +49073,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -49082,7 +49126,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -49116,7 +49160,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -49253,13 +49297,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -49306,7 +49350,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -49327,7 +49371,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -49361,7 +49405,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -49497,13 +49541,13 @@
               },
               "parameters": [
                 {
-                  "name": "textblockAttrs",
+                  "name": "_textblockAttrs",
                   "type": {
                     "text": "TextblockAttrs"
                   }
                 },
                 {
-                  "name": "textblockMarks",
+                  "name": "_textblockMarks",
                   "type": {
                     "text": "TextblockMarks"
                   }
@@ -49537,7 +49581,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -49558,7 +49602,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -49579,7 +49623,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -49613,7 +49657,7 @@
               },
               "parameters": [
                 {
-                  "name": "rte",
+                  "name": "_rte",
                   "type": {
                     "text": "RteInstanceImpl"
                   }
@@ -49667,8 +49711,8 @@
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "description": "Determines if the element should receive document focus on page load."
+              "description": "Determines if the element should receive document focus on page load.",
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -49676,8 +49720,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
-              "description": "The id of a form to associate the element to."
+              "description": "The id of a form to associate the element to.",
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -49685,8 +49729,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details."
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public"
             },
             {
               "kind": "method",
@@ -49704,8 +49748,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details."
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public"
             },
             {
               "kind": "method",
@@ -49723,8 +49767,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details."
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public"
             },
             {
               "kind": "method",
@@ -49742,8 +49786,8 @@
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details."
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public"
             },
             {
               "kind": "method",
@@ -49761,8 +49805,8 @@
               "type": {
                 "text": "'_self' | '_blank' | '_parent' | '_top'"
               },
-              "privacy": "public",
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details."
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "privacy": "public"
             },
             {
               "kind": "method",
@@ -49780,8 +49824,8 @@
               "type": {
                 "text": "'submit' | 'reset' | 'button'"
               },
-              "privacy": "public",
-              "description": "The button type."
+              "description": "The button type.",
+              "privacy": "public"
             },
             {
               "kind": "method",
@@ -49796,7 +49840,7 @@
                 {
                   "name": "previous",
                   "type": {
-                    "text": "'submit' | 'reset' | 'button' | void"
+                    "text": "'submit' | 'reset' | 'button' | undefined"
                   }
                 },
                 {
@@ -49810,7 +49854,6 @@
             {
               "kind": "method",
               "name": "validate",
-              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
@@ -49835,8 +49878,7 @@
               "name": "control",
               "type": {
                 "text": "HTMLButtonElement"
-              },
-              "privacy": "public"
+              }
             },
             {
               "kind": "field",
@@ -50823,7 +50865,7 @@
                   }
                 },
                 {
-                  "name": "currentSelectedIndex",
+                  "name": "_currentSelectedIndex",
                   "type": {
                     "text": "number"
                   }