@vonage/vivid 4.16.1 → 4.17.0

package/custom-elements.json

@@ -173,6 +173,20 @@
                   "text": "void"
                 }
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -263,6 +277,14 @@
             "name": "registerAccordion",
             "module": "libs/components/src/lib/accordion/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcAccordionElement",
+          "declaration": {
+            "name": "Accordion",
+            "module": "libs/components/src/lib/accordion/definition.ts"
+          }
         }
       ]
     },
@@ -369,6 +391,20 @@
               "kind": "field",
               "name": "change",
               "privacy": "private"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -483,6 +519,14 @@
             "name": "registerAccordionItem",
             "module": "libs/components/src/lib/accordion-item/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcAccordionItemElement",
+          "declaration": {
+            "name": "AccordionItem",
+            "module": "libs/components/src/lib/accordion-item/definition.ts"
+          }
         }
       ]
     },
@@ -558,6 +602,20 @@
                 "text": "string | null"
               },
               "default": "null"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -663,6 +721,14 @@
             "name": "registerActionGroup",
             "module": "libs/components/src/lib/action-group/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcActionGroupElement",
+          "declaration": {
+            "name": "ActionGroup",
+            "module": "libs/components/src/lib/action-group/definition.ts"
+          }
         }
       ]
     },
@@ -883,6 +949,20 @@
               "kind": "field",
               "name": "#onTransitionEnd",
               "privacy": "private"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -1037,6 +1117,14 @@
             "name": "registerAlert",
             "module": "libs/components/src/lib/alert/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcAlertElement",
+          "declaration": {
+            "name": "Alert",
+            "module": "libs/components/src/lib/alert/definition.ts"
+          }
         }
       ]
     },
@@ -1269,6 +1357,20 @@
               "kind": "field",
               "name": "#setPausedState",
               "privacy": "private"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -1430,6 +1532,14 @@
             "name": "registerAudioPlayer",
             "module": "libs/components/src/lib/audio-player/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcAudioPlayerElement",
+          "declaration": {
+            "name": "AudioPlayer",
+            "module": "libs/components/src/lib/audio-player/definition.ts"
+          }
         }
       ]
     },
@@ -1573,6 +1683,20 @@
               },
               "description": "avatar name",
               "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -1702,6 +1826,14 @@
             "name": "registerAvatar",
             "module": "libs/components/src/lib/avatar/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcAvatarElement",
+          "declaration": {
+            "name": "Avatar",
+            "module": "libs/components/src/lib/avatar/definition.ts"
+          }
         }
       ]
     },
@@ -2037,6 +2169,20 @@
               },
               "description": "Indicates the badge's text.",
               "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -2142,6 +2288,14 @@
             "name": "registerBadge",
             "module": "libs/components/src/lib/badge/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcBadgeElement",
+          "declaration": {
+            "name": "Badge",
+            "module": "libs/components/src/lib/badge/definition.ts"
+          }
         }
       ]
     },
@@ -2288,6 +2442,20 @@
               "kind": "field",
               "name": "#closeOnKeyDown",
               "privacy": "private"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -2403,6 +2571,14 @@
             "name": "registerBanner",
             "module": "libs/components/src/lib/banner/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcBannerElement",
+          "declaration": {
+            "name": "Banner",
+            "module": "libs/components/src/lib/banner/definition.ts"
+          }
         }
       ]
     },
@@ -2484,6 +2660,20 @@
                 }
               ],
               "description": "Sets ARIA Current for the current node\nIf child node with an anchor tag and with href is found then set aria-current to correct value for the child node,\notherwise apply aria-current to the host element, with an href"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "superclass": {
@@ -2531,6 +2721,14 @@
             "name": "registerBreadcrumb",
             "module": "libs/components/src/lib/breadcrumb/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcBreadcrumbElement",
+          "declaration": {
+            "name": "Breadcrumb",
+            "module": "libs/components/src/lib/breadcrumb/definition.ts"
+          }
         }
       ]
     },
@@ -2549,6 +2747,20 @@
               "type": {
                 "text": "string | undefined"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -2605,6 +2817,14 @@
             "name": "registerBreadcrumbItem",
             "module": "libs/components/src/lib/breadcrumb-item/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcBreadcrumbItemElement",
+          "declaration": {
+            "name": "BreadcrumbItem",
+            "module": "libs/components/src/lib/breadcrumb-item/definition.ts"
+          }
         }
       ]
     },
@@ -3228,6 +3448,20 @@
                 "name": "FormAssociatedButton",
                 "module": "libs/components/src/shared/foundation/button/button.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -3525,6 +3759,14 @@
             "name": "registerButton",
             "module": "libs/components/src/lib/button/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcButtonElement",
+          "declaration": {
+            "name": "Button",
+            "module": "libs/components/src/lib/button/definition.ts"
+          }
         }
       ]
     },
@@ -3608,6 +3850,15 @@
               "description": "The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.\nUnless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "stickyMode",
+              "type": {
+                "text": "Sticky"
+              },
+              "description": "Sticky header and sticky column options",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "#activeCalendarEvent",
@@ -3684,6 +3935,20 @@
                   }
                 }
               ]
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -3718,6 +3983,14 @@
               "default": "false",
               "description": "The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.\nUnless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)",
               "fieldName": "hour12"
+            },
+            {
+              "name": "sticky-mode",
+              "type": {
+                "text": "Sticky"
+              },
+              "description": "Sticky header and sticky column options",
+              "fieldName": "stickyMode"
             }
           ],
           "superclass": {
@@ -3765,6 +4038,14 @@
             "name": "registerCalendar",
             "module": "libs/components/src/lib/calendar/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcCalendarElement",
+          "declaration": {
+            "name": "Calendar",
+            "module": "libs/components/src/lib/calendar/definition.ts"
+          }
         }
       ]
     },
@@ -3953,6 +4234,20 @@
               },
               "description": "event's time duration in 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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -4072,6 +4367,14 @@
             "name": "registerCalendarEvent",
             "module": "libs/components/src/lib/calendar-event/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcCalendarEventElement",
+          "declaration": {
+            "name": "CalendarEvent",
+            "module": "libs/components/src/lib/calendar-event/definition.ts"
+          }
         }
       ]
     },
@@ -4173,6 +4476,20 @@
               "type": {
                 "text": "HTMLElement[] | undefined"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -4278,6 +4595,14 @@
             "name": "registerCard",
             "module": "libs/components/src/lib/card/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcCardElement",
+          "declaration": {
+            "name": "Card",
+            "module": "libs/components/src/lib/card/definition.ts"
+          }
         }
       ]
     },
@@ -4293,6 +4618,20 @@
             {
               "kind": "field",
               "name": "proxy"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [
@@ -4459,6 +4798,20 @@
                 "name": "FormAssociatedCheckbox",
                 "module": "libs/components/src/lib/checkbox/checkbox.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -4583,10 +4936,18 @@
             "name": "registerCheckbox",
             "module": "libs/components/src/lib/checkbox/definition.ts"
           }
-        }
-      ]
-    },
-    {
+        },
+        {
+          "kind": "js",
+          "name": "VwcCheckboxElement",
+          "declaration": {
+            "name": "Checkbox",
+            "module": "libs/components/src/lib/checkbox/definition.ts"
+          }
+        }
+      ]
+    },
+    {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/combobox/combobox.form-associated.ts",
       "declarations": [],
@@ -4913,6 +5274,20 @@
                 "name": "Listbox",
                 "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -5074,6 +5449,14 @@
             "name": "registerCombobox",
             "module": "libs/components/src/lib/combobox/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcComboboxElement",
+          "declaration": {
+            "name": "Combobox",
+            "module": "libs/components/src/lib/combobox/definition.ts"
+          }
         }
       ]
     },
@@ -5331,6 +5714,20 @@
             {
               "kind": "method",
               "name": "#getColumnDataKey"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -5652,6 +6049,20 @@
               "default": "null",
               "description": "Indicates the selected status.",
               "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -6209,6 +6620,20 @@
                   }
                 }
               ]
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -6308,6 +6733,30 @@
             "name": "registerDataGrid",
             "module": "libs/components/src/lib/data-grid/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcDataGridElement",
+          "declaration": {
+            "name": "DataGrid",
+            "module": "libs/components/src/lib/data-grid/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VwcDataGridRowElement",
+          "declaration": {
+            "name": "DataGridRow",
+            "module": "libs/components/src/lib/data-grid/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VwcDataGridCellElement",
+          "declaration": {
+            "name": "DataGridCell",
+            "module": "libs/components/src/lib/data-grid/definition.ts"
+          }
         }
       ]
     },
@@ -6722,6 +7171,14 @@
             "name": "registerDatePicker",
             "module": "libs/components/src/lib/date-picker/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcDatePickerElement",
+          "declaration": {
+            "name": "DatePicker",
+            "module": "libs/components/src/lib/date-picker/definition.ts"
+          }
         }
       ]
     },
@@ -7266,6 +7723,14 @@
             "name": "registerDateRangePicker",
             "module": "libs/components/src/lib/date-range-picker/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcDateRangePickerElement",
+          "declaration": {
+            "name": "DateRangePicker",
+            "module": "libs/components/src/lib/date-range-picker/definition.ts"
+          }
         }
       ]
     },
@@ -7293,6 +7758,14 @@
             "name": "registerDialPad",
             "module": "libs/components/src/lib/dial-pad/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcDialPadElement",
+          "declaration": {
+            "name": "DialPad",
+            "module": "libs/components/src/lib/dial-pad/definition.ts"
+          }
         }
       ]
     },
@@ -7462,6 +7935,20 @@
               "default": "null",
               "privacy": "public",
               "description": ""
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -7679,6 +8166,14 @@
             "name": "registerDialog",
             "module": "libs/components/src/lib/dialog/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcDialogElement",
+          "declaration": {
+            "name": "Dialog",
+            "module": "libs/components/src/lib/dialog/definition.ts"
+          }
         }
       ]
     },
@@ -7887,6 +8382,20 @@
             {
               "kind": "method",
               "name": "#showDialog"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -8080,6 +8589,14 @@
             "name": "registerDivider",
             "module": "libs/components/src/lib/divider/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcDividerElement",
+          "declaration": {
+            "name": "Divider",
+            "module": "libs/components/src/lib/divider/definition.ts"
+          }
         }
       ]
     },
@@ -8119,6 +8636,20 @@
               },
               "description": "The orientation of the divider.",
               "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -8234,6 +8765,20 @@
               "type": {
                 "text": "boolean | undefined"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -8321,6 +8866,14 @@
             "name": "registerEmptyState",
             "module": "libs/components/src/lib/empty-state/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcEmptyStateElement",
+          "declaration": {
+            "name": "EmptyState",
+            "module": "libs/components/src/lib/empty-state/definition.ts"
+          }
         }
       ]
     },
@@ -8468,6 +9021,20 @@
               },
               "description": "option to a new design for the icon circle",
               "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -8565,6 +9132,14 @@
             "name": "registerFab",
             "module": "libs/components/src/lib/fab/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcFabElement",
+          "declaration": {
+            "name": "Fab",
+            "module": "libs/components/src/lib/fab/definition.ts"
+          }
         }
       ]
     },
@@ -8950,6 +9525,20 @@
                 "name": "FormAssociatedButton",
                 "module": "libs/components/src/shared/foundation/button/button.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -9106,6 +9695,14 @@
             "name": "registerFilePicker",
             "module": "libs/components/src/lib/file-picker/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcFilePickerElement",
+          "declaration": {
+            "name": "FilePicker",
+            "module": "libs/components/src/lib/file-picker/definition.ts"
+          }
         }
       ]
     },
@@ -9124,6 +9721,20 @@
               "type": {
                 "text": "HTMLInputElement"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [
@@ -9550,6 +10161,20 @@
                 "name": "FormAssociatedFilePicker",
                 "module": "libs/components/src/lib/file-picker/file-picker.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -9680,6 +10305,14 @@
             "name": "registerHeader",
             "module": "libs/components/src/lib/header/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcHeaderElement",
+          "declaration": {
+            "name": "Header",
+            "module": "libs/components/src/lib/header/definition.ts"
+          }
         }
       ]
     },
@@ -9725,6 +10358,20 @@
               "default": "false",
               "description": "applies scheme alternate to header region",
               "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -9799,6 +10446,14 @@
             "name": "registerIcon",
             "module": "libs/components/src/lib/icon/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcIconElement",
+          "declaration": {
+            "name": "Icon",
+            "module": "libs/components/src/lib/icon/definition.ts"
+          }
         }
       ]
     },
@@ -9919,6 +10574,20 @@
               "kind": "method",
               "name": "nameChanged",
               "async": true
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -10030,6 +10699,14 @@
             "name": "registerLayout",
             "module": "libs/components/src/lib/layout/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcLayoutElement",
+          "declaration": {
+            "name": "Layout",
+            "module": "libs/components/src/lib/layout/definition.ts"
+          }
         }
       ]
     },
@@ -10092,6 +10769,20 @@
               },
               "description": "sets the initial preferred auto-sizing from predefined available options",
               "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -10189,11 +10880,19 @@
             "name": "registerMenu",
             "module": "libs/components/src/lib/menu/definition.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
+        },
+        {
+          "kind": "js",
+          "name": "VwcMenuElement",
+          "declaration": {
+            "name": "Menu",
+            "module": "libs/components/src/lib/menu/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
       "path": "libs/components/src/lib/menu/menu.ts",
       "declarations": [
         {
@@ -10485,6 +11184,72 @@
               "type": {
                 "text": "HTMLElement[] | undefined"
               }
+            },
+            {
+              "kind": "field",
+              "name": "anchor",
+              "type": {
+                "text": "AnchorType | undefined"
+              },
+              "description": "ID or direct reference to the component's anchor element.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#updateAnchorEl",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#observer",
+              "privacy": "private",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#observeMissingAnchor",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#cleanupObserverIfNeeded",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -10553,6 +11318,24 @@
               "default": "false",
               "description": "indicates whether the menu is open",
               "fieldName": "open"
+            },
+            {
+              "name": "anchor",
+              "type": {
+                "text": "AnchorType | undefined"
+              },
+              "description": "ID or direct reference to the component's anchor element.",
+              "fieldName": "anchor",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Anchored",
+              "module": "/libs/components/src/shared/patterns/anchored"
             }
           ],
           "superclass": {
@@ -10601,6 +11384,14 @@
             "module": "libs/components/src/lib/menu-item/definition.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "VwcMenuItemElement",
+          "declaration": {
+            "name": "MenuItem",
+            "module": "libs/components/src/lib/menu-item/definition.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "MenuItemRole",
@@ -10857,6 +11648,20 @@
             {
               "kind": "method",
               "name": "#emitSyntheticClick"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -11002,6 +11807,14 @@
             "name": "registerNav",
             "module": "libs/components/src/lib/nav/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcNavElement",
+          "declaration": {
+            "name": "Nav",
+            "module": "libs/components/src/lib/nav/definition.ts"
+          }
         }
       ]
     },
@@ -11026,7 +11839,23 @@
           "vividComponent": {
             "public": true,
             "name": "nav"
-          }
+          },
+          "members": [
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -11064,6 +11893,14 @@
             "name": "registerNavDisclosure",
             "module": "libs/components/src/lib/nav-disclosure/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcNavDisclosureElement",
+          "declaration": {
+            "name": "NavDisclosure",
+            "module": "libs/components/src/lib/nav-disclosure/definition.ts"
+          }
         }
       ]
     },
@@ -11220,6 +12057,20 @@
               "kind": "field",
               "name": "#onToggle",
               "privacy": "private"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -11317,6 +12168,14 @@
             "name": "registerNavItem",
             "module": "libs/components/src/lib/nav-item/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcNavItemElement",
+          "declaration": {
+            "name": "NavItem",
+            "module": "libs/components/src/lib/nav-item/definition.ts"
+          }
         }
       ]
     },
@@ -11455,6 +12314,20 @@
                 "name": "TextAnchor",
                 "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "superclass": {
@@ -11548,6 +12421,14 @@
             "name": "registerNote",
             "module": "libs/components/src/lib/note/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcNoteElement",
+          "declaration": {
+            "name": "Note",
+            "module": "libs/components/src/lib/note/definition.ts"
+          }
         }
       ]
     },
@@ -11659,6 +12540,20 @@
               "type": {
                 "text": "NoteConnotation | undefined"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -11739,6 +12634,14 @@
             "name": "registerNumberField",
             "module": "libs/components/src/lib/number-field/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcNumberFieldElement",
+          "declaration": {
+            "name": "NumberField",
+            "module": "libs/components/src/lib/number-field/definition.ts"
+          }
         }
       ]
     },
@@ -11760,6 +12663,20 @@
             {
               "kind": "field",
               "name": "proxy"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [
@@ -12081,6 +12998,20 @@
                 "name": "FormAssociatedNumberField",
                 "module": "libs/components/src/lib/number-field/number-field.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -12277,6 +13208,14 @@
             "name": "registerOption",
             "module": "libs/components/src/lib/option/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcOptionElement",
+          "declaration": {
+            "name": "ListboxOption",
+            "module": "libs/components/src/lib/option/definition.ts"
+          }
         }
       ]
     },
@@ -12542,6 +13481,20 @@
               "name": "proxy",
               "default": "new Option(\n\t\t\tthis.text,\n\t\t\t// @ts-expect-error Propery is used before it is assigned\n\t\t\tthis.initialValue,\n\t\t\tthis.defaultSelected,\n\t\t\tthis.selected\n\t\t)",
               "description": ""
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -12737,6 +13690,14 @@
             "name": "registerPagination",
             "module": "libs/components/src/lib/pagination/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcPaginationElement",
+          "declaration": {
+            "name": "Pagination",
+            "module": "libs/components/src/lib/pagination/definition.ts"
+          }
         }
       ]
     },
@@ -12870,6 +13831,20 @@
                   }
                 }
               ]
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -12960,14 +13935,6 @@
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "Popup",
-          "declaration": {
-            "name": "Popup",
-            "module": "./popup"
-          }
-        },
         {
           "kind": "js",
           "name": "Strategy",
@@ -12997,280 +13964,357 @@
             "text": "{\n\tFlip: 'flip',\n\tAutoPlacementHorizontal: 'auto-placement-horizontal',\n\tAutoPlacementVertical: 'auto-placement-vertical',\n}"
           },
           "default": "{\n\tFlip: 'flip',\n\tAutoPlacementHorizontal: 'auto-placement-horizontal',\n\tAutoPlacementVertical: 'auto-placement-vertical',\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PlacementStrategy",
-          "declaration": {
-            "name": "PlacementStrategy",
-            "module": "libs/components/src/lib/popup/popup.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/progress/definition.ts",
-      "declarations": [
+        },
         {
-          "kind": "variable",
-          "name": "registerProgress",
-          "description": "Registers the progress elements with the design system.",
-          "parameters": [
+          "kind": "class",
+          "description": "",
+          "name": "Popup",
+          "slots": [
             {
-              "description": "the prefix to use for the component name",
-              "name": "prefix"
+              "description": "Default slot.",
+              "name": ""
             }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ProgressConnotation",
-          "declaration": {
-            "name": "ProgressConnotation",
-            "module": "./progress"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ProgressShape",
-          "declaration": {
-            "name": "ProgressShape",
-            "module": "./progress"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerProgress",
-          "declaration": {
-            "name": "registerProgress",
-            "module": "libs/components/src/lib/progress/definition.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/progress/progress.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Progress",
-          "cssProperties": [
+          ],
+          "members": [
             {
-              "name": "--vvd-progress-cta-primary",
-              "default": "var(--vvd-color-cta-500)"
+              "kind": "field",
+              "name": "#middleware",
+              "privacy": "private",
+              "type": {
+                "text": "Array<any>"
+              },
+              "readonly": true
             },
             {
-              "name": "--vvd-progress-cta-soft",
-              "default": "var(--vvd-color-cta-100)"
+              "kind": "field",
+              "name": "#cleanup",
+              "privacy": "private",
+              "type": {
+                "text": "() => void | undefined"
+              }
             },
             {
-              "name": "--vvd-progress-alert-primary",
-              "default": "var(--vvd-color-alert-500)"
+              "kind": "field",
+              "name": "popupEl",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
-              "name": "--vvd-progress-alert-soft",
-              "default": "var(--vvd-color-alert-100)"
+              "kind": "field",
+              "name": "arrowEl",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
-              "name": "--vvd-progress-success-primary",
-              "default": "var(--vvd-color-success-500)"
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "indicates whether the popup is open",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-progress-success-soft",
-              "default": "var(--vvd-color-success-100)"
+              "kind": "method",
+              "name": "openChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
-              "name": "--vvd-progress-accent-primary",
-              "default": "var(--vvd-color-canvas-text)"
+              "kind": "field",
+              "name": "dismissible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "adds close button to the popup",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-progress-accent-soft",
-              "default": "var(--vvd-color-neutral-100)"
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "arrow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "adds small triangle to indicate the trigger element",
+              "privacy": "public"
+            },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "alternate",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
-              "default": "null"
+              "default": "false",
+              "description": "set the color-scheme to dark",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "shape",
+              "name": "placement",
               "type": {
-                "text": "ProgressShape | undefined"
+                "text": "Placement | undefined"
               },
-              "description": "Indicates the progress' shape.",
+              "description": "the placement of the popup",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "connotation",
+              "name": "placementStrategy",
               "type": {
-                "text": "ProgressConnotation | undefined"
+                "text": "PlacementStrategyId"
               },
-              "description": "Indicates the progress' connotation.",
+              "description": "The placement strategy of the popup.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "reverse",
+              "name": "animationFrame",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates the progress' reverse status.",
+              "description": "Whether to update the position of the floating element on every animation frame if required.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "strategy",
               "type": {
-                "text": "number | null"
+                "text": "Strategy | undefined"
               },
-              "description": "The value of the progress",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "BaseProgress",
-                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
-              }
+              "default": "'fixed'",
+              "description": "the strategy of the popup",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "min",
+              "name": "anchor",
               "type": {
-                "text": "number"
+                "text": "HTMLElement | undefined"
               },
-              "description": "The minimum value",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "BaseProgress",
-                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
-              }
+              "description": "The element to anchor the popup to.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "#updateAutoUpdate"
+            },
+            {
+              "kind": "method",
+              "name": "#togglePopover"
             },
             {
               "kind": "field",
-              "name": "max",
+              "name": "#lastPositionUpdate",
+              "privacy": "private",
               "type": {
-                "text": "number"
-              },
-              "description": "The maximum value",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "BaseProgress",
-                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+                "text": "Promise<void> | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "#autoUpdateCallback",
+              "privacy": "private"
+            },
             {
               "kind": "method",
-              "name": "maxChanged",
-              "privacy": "private",
-              "description": "",
-              "inheritedFrom": {
-                "name": "BaseProgress",
-                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
-              }
+              "name": "updatePosition",
+              "description": "Updates popup's position",
+              "privacy": "public",
+              "async": true
+            },
+            {
+              "kind": "method",
+              "name": "#assignPopupPosition",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "data",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#assignArrowPosition",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "data",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "paused",
+              "name": "anchorEl",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement | null"
               },
-              "description": "Indicates the progress is paused",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "BaseProgress",
-                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
-              }
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "updatePercentComplete",
-              "privacy": "private",
+              "name": "show",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Shows the popup.\nUnlike toggling the `open` attribute, show() will wait for the popup to become visible and positioned correctly."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "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": "BaseProgress",
-                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+                "name": "VividElement",
+                "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
               }
             }
           ],
           "attributes": [
             {
-              "name": "aria-label",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
-              "default": "null",
-              "fieldName": "ariaLabel"
+              "default": "false",
+              "description": "indicates whether the popup is open",
+              "fieldName": "open"
             },
             {
-              "name": "shape",
               "type": {
-                "text": "ProgressShape | undefined"
+                "text": "boolean"
               },
-              "description": "Indicates the progress' shape.",
-              "fieldName": "shape"
+              "default": "false",
+              "description": "adds close button to the popup",
+              "fieldName": "dismissible"
             },
             {
-              "name": "connotation",
               "type": {
-                "text": "ProgressConnotation | undefined"
+                "text": "boolean"
               },
-              "description": "Indicates the progress' connotation.",
-              "fieldName": "connotation"
+              "default": "false",
+              "description": "adds small triangle to indicate the trigger element",
+              "fieldName": "arrow"
             },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "Indicates the progress' reverse status.",
-              "fieldName": "reverse",
               "default": "false",
-              "inheritedFrom": {
-                "name": "BaseProgress",
-                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
-              }
+              "description": "set the color-scheme to dark",
+              "fieldName": "alternate"
+            },
+            {
+              "type": {
+                "text": "Placement | undefined"
+              },
+              "description": "the placement of the popup",
+              "fieldName": "placement"
+            },
+            {
+              "name": "animation-frame",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to update the position of the floating element on every animation frame if required.",
+              "fieldName": "animationFrame"
+            },
+            {
+              "type": {
+                "text": "Strategy | undefined"
+              },
+              "default": "'fixed'",
+              "description": "the strategy of the popup",
+              "fieldName": "strategy"
             }
           ],
           "superclass": {
-            "name": "BaseProgress",
-            "module": "/libs/components/src/shared/foundation/progress/base-progress"
+            "name": "VividElement",
+            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
           },
           "vividComponent": {
-            "public": true,
-            "name": "progress"
+            "name": "popup"
           }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Progress",
+          "name": "PlacementStrategy",
           "declaration": {
-            "name": "Progress",
-            "module": "libs/components/src/lib/progress/progress.ts"
+            "name": "PlacementStrategy",
+            "module": "libs/components/src/lib/popup/popup.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Popup",
+          "declaration": {
+            "name": "Popup",
+            "module": "libs/components/src/lib/popup/popup.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/progress-ring/definition.ts",
+      "path": "libs/components/src/lib/progress/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "registerProgressRing",
-          "description": "Registers the progress-ring  elements with the design system.",
+          "name": "registerProgress",
+          "description": "Registers the progress elements with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -13282,46 +14326,78 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ProgressRingConnotation",
+          "name": "ProgressConnotation",
           "declaration": {
-            "name": "ProgressRingConnotation",
-            "module": "./progress-ring"
+            "name": "ProgressConnotation",
+            "module": "./progress"
           }
         },
         {
           "kind": "js",
-          "name": "registerProgressRing",
+          "name": "ProgressShape",
           "declaration": {
-            "name": "registerProgressRing",
-            "module": "libs/components/src/lib/progress-ring/definition.ts"
+            "name": "ProgressShape",
+            "module": "./progress"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerProgress",
+          "declaration": {
+            "name": "registerProgress",
+            "module": "libs/components/src/lib/progress/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VwcProgressElement",
+          "declaration": {
+            "name": "Progress",
+            "module": "libs/components/src/lib/progress/definition.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/progress-ring/progress-ring.ts",
+      "path": "libs/components/src/lib/progress/progress.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ProgressRing",
+          "name": "Progress",
           "cssProperties": [
             {
-              "name": "--vvd-progress-ring-cta-firm",
-              "default": "var(--vvd-color-cta-600)"
+              "name": "--vvd-progress-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
             },
             {
-              "name": "--vvd-progress-ring-alert-firm",
-              "default": "var(--vvd-color-alert-600)"
+              "name": "--vvd-progress-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
             },
             {
-              "name": "--vvd-progress-ring-success-firm",
-              "default": "var(--vvd-color-success-600)"
+              "name": "--vvd-progress-alert-primary",
+              "default": "var(--vvd-color-alert-500)"
             },
             {
-              "name": "--vvd-progress-ring-accent-firm",
+              "name": "--vvd-progress-alert-soft",
+              "default": "var(--vvd-color-alert-100)"
+            },
+            {
+              "name": "--vvd-progress-success-primary",
+              "default": "var(--vvd-color-success-500)"
+            },
+            {
+              "name": "--vvd-progress-success-soft",
+              "default": "var(--vvd-color-success-100)"
+            },
+            {
+              "name": "--vvd-progress-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-progress-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
             }
           ],
           "members": [
@@ -13333,19 +14409,33 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "ProgressShape | undefined"
+              },
+              "description": "Indicates the progress' shape.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "connotation",
               "type": {
-                "text": "ProgressRingConnotation | undefined"
-              }
+                "text": "ProgressConnotation | undefined"
+              },
+              "description": "Indicates the progress' connotation.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "reverse",
               "type": {
-                "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the progress' reverse status.",
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -13417,6 +14507,20 @@
                 "name": "BaseProgress",
                 "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -13429,25 +14533,28 @@
               "fieldName": "ariaLabel"
             },
             {
-              "name": "connotation",
+              "name": "shape",
               "type": {
-                "text": "ProgressRingConnotation | undefined"
+                "text": "ProgressShape | undefined"
               },
-              "fieldName": "connotation"
+              "description": "Indicates the progress' shape.",
+              "fieldName": "shape"
             },
             {
-              "name": "size",
+              "name": "connotation",
               "type": {
-                "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+                "text": "ProgressConnotation | undefined"
               },
-              "fieldName": "size"
+              "description": "Indicates the progress' connotation.",
+              "fieldName": "connotation"
             },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "The value of the progress",
-              "fieldName": "value",
+              "description": "Indicates the progress' reverse status.",
+              "fieldName": "reverse",
+              "default": "false",
               "inheritedFrom": {
                 "name": "BaseProgress",
                 "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
@@ -13460,29 +14567,29 @@
           },
           "vividComponent": {
             "public": true,
-            "name": "progress-ring"
+            "name": "progress"
           }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ProgressRing",
+          "name": "Progress",
           "declaration": {
-            "name": "ProgressRing",
-            "module": "libs/components/src/lib/progress-ring/progress-ring.ts"
+            "name": "Progress",
+            "module": "libs/components/src/lib/progress/progress.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/radio/definition.ts",
+      "path": "libs/components/src/lib/progress-ring/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "registerRadio",
-          "description": "Registers the radio elements with the design system.",
+          "name": "registerProgressRing",
+          "description": "Registers the progress-ring  elements with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -13494,52 +14601,308 @@
       "exports": [
         {
           "kind": "js",
-          "name": "registerRadio",
+          "name": "ProgressRingConnotation",
           "declaration": {
-            "name": "registerRadio",
-            "module": "libs/components/src/lib/radio/definition.ts"
+            "name": "ProgressRingConnotation",
+            "module": "./progress-ring"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerProgressRing",
+          "declaration": {
+            "name": "registerProgressRing",
+            "module": "libs/components/src/lib/progress-ring/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VwcProgressRingElement",
+          "declaration": {
+            "name": "ProgressRing",
+            "module": "libs/components/src/lib/progress-ring/definition.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/radio/radio.form-associated.ts",
+      "path": "libs/components/src/lib/progress-ring/progress-ring.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FormAssociatedRadio",
-          "members": [
+          "name": "ProgressRing",
+          "cssProperties": [
             {
-              "kind": "field",
-              "name": "proxy"
+              "name": "--vvd-progress-ring-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
             },
+            {
+              "name": "--vvd-progress-ring-alert-firm",
+              "default": "var(--vvd-color-alert-600)"
+            },
+            {
+              "name": "--vvd-progress-ring-success-firm",
+              "default": "var(--vvd-color-success-600)"
+            },
+            {
+              "name": "--vvd-progress-ring-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "#radioSiblings",
-              "privacy": "private",
+              "name": "ariaLabel",
               "type": {
-                "text": "_Radio[]"
+                "text": "string | null"
               },
-              "readonly": true
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "#validateValueMissingWithSiblings",
-              "privacy": "private"
+              "name": "connotation",
+              "type": {
+                "text": "ProgressRingConnotation | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "#syncSiblingsRequiredValidationStatus",
-              "privacy": "private"
+              "name": "size",
+              "type": {
+                "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "validate"
-            }
-          ],
-          "mixins": [
+              "name": "value",
+              "type": {
+                "text": "number | null"
+              },
+              "description": "The value of the progress",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "BaseProgress",
+                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum value",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "BaseProgress",
+                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum value",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "BaseProgress",
+                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "maxChanged",
+              "privacy": "private",
+              "description": "",
+              "inheritedFrom": {
+                "name": "BaseProgress",
+                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "paused",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Indicates the progress is paused",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "BaseProgress",
+                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updatePercentComplete",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "BaseProgress",
+                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+              }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "ProgressRingConnotation | undefined"
+              },
+              "fieldName": "connotation"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+              },
+              "fieldName": "size"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The value of the progress",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "BaseProgress",
+                "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "BaseProgress",
+            "module": "/libs/components/src/shared/foundation/progress/base-progress"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "progress-ring"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ProgressRing",
+          "declaration": {
+            "name": "ProgressRing",
+            "module": "libs/components/src/lib/progress-ring/progress-ring.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/radio/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "registerRadio",
+          "description": "Registers the radio elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "registerRadio",
+          "declaration": {
+            "name": "registerRadio",
+            "module": "libs/components/src/lib/radio/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VwcRadioElement",
+          "declaration": {
+            "name": "Radio",
+            "module": "libs/components/src/lib/radio/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/radio/radio.form-associated.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FormAssociatedRadio",
+          "members": [
+            {
+              "kind": "field",
+              "name": "proxy"
+            },
+            {
+              "kind": "field",
+              "name": "#radioSiblings",
+              "privacy": "private",
+              "type": {
+                "text": "_Radio[]"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#validateValueMissingWithSiblings",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#syncSiblingsRequiredValidationStatus",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "validate"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            }
+          ],
+          "mixins": [
             {
               "name": "CheckableFormAssociated",
               "module": "/libs/components/src/shared/foundation/form-associated/form-associated"
@@ -13720,6 +15083,20 @@
                 "name": "FormAssociatedRadio",
                 "module": "libs/components/src/lib/radio/radio.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -13818,6 +15195,14 @@
             "name": "registerRadioGroup",
             "module": "libs/components/src/lib/radio-group/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcRadioGroupElement",
+          "declaration": {
+            "name": "RadioGroup",
+            "module": "libs/components/src/lib/radio-group/definition.ts"
+          }
         }
       ]
     },
@@ -13978,6 +15363,20 @@
               "kind": "field",
               "name": "moveLeft",
               "privacy": "private"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -14094,6 +15493,14 @@
             "name": "registerRangeSlider",
             "module": "libs/components/src/lib/range-slider/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcRangeSliderElement",
+          "declaration": {
+            "name": "RangeSlider",
+            "module": "libs/components/src/lib/range-slider/definition.ts"
+          }
         }
       ]
     },
@@ -14115,6 +15522,20 @@
             {
               "kind": "field",
               "name": "proxy"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [
@@ -14548,6 +15969,20 @@
                 "name": "FormAssociatedRangeSlider",
                 "module": "libs/components/src/lib/range-slider/range-slider.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -14729,7 +16164,160 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/searchable-select/definition.ts",
+      "path": "libs/components/src/lib/rich-text-editor/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "richTextEditorDefinition"
+        },
+        {
+          "kind": "variable",
+          "name": "registerRichTextEditor",
+          "description": "Registers the rich-text-editor element with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "richTextEditorDefinition",
+          "declaration": {
+            "name": "richTextEditorDefinition",
+            "module": "libs/components/src/lib/rich-text-editor/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerRichTextEditor",
+          "declaration": {
+            "name": "registerRichTextEditor",
+            "module": "libs/components/src/lib/rich-text-editor/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/rich-text-editor/rich-text-editor.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "RichTextEditor",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the rich text editor's value.",
+              "privacy": "public",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "#editor",
+              "privacy": "private",
+              "type": {
+                "text": "ProseMirrorFacade | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "valueChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#editorWrapperElement",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "selection",
+              "type": {
+                "text": "RichTextEditorSelection | undefined"
+              },
+              "readonly": true
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the rich text editor's value.",
+              "default": "''",
+              "fieldName": "value"
+            }
+          ],
+          "superclass": {
+            "name": "VividElement",
+            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "rich-text-editor"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RichTextEditor",
+          "declaration": {
+            "name": "RichTextEditor",
+            "module": "libs/components/src/lib/rich-text-editor/rich-text-editor.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/searchable-select/definition.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -14751,6 +16339,14 @@
             "name": "registerSearchableSelect",
             "module": "libs/components/src/lib/searchable-select/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcSearchableSelectElement",
+          "declaration": {
+            "name": "SearchableSelect",
+            "module": "libs/components/src/lib/searchable-select/definition.ts"
+          }
         }
       ]
     },
@@ -14816,6 +16412,20 @@
             {
               "kind": "method",
               "name": "_onClickRemove"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -14877,6 +16487,20 @@
             {
               "kind": "field",
               "name": "proxy"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [
@@ -15323,6 +16947,20 @@
                 "name": "FormAssociatedSearchableSelect",
                 "module": "libs/components/src/lib/searchable-select/searchable-select.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -15489,6 +17127,14 @@
             "name": "registerSelect",
             "module": "libs/components/src/lib/select/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcSelectElement",
+          "declaration": {
+            "name": "Select",
+            "module": "libs/components/src/lib/select/definition.ts"
+          }
         }
       ]
     },
@@ -15614,6 +17260,20 @@
                 "name": "Listbox",
                 "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [
@@ -15962,6 +17622,20 @@
                 "name": "Listbox",
                 "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -16156,6 +17830,14 @@
             "name": "registerSelectableBox",
             "module": "libs/components/src/lib/selectable-box/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcSelectableBoxElement",
+          "declaration": {
+            "name": "SelectableBox",
+            "module": "libs/components/src/lib/selectable-box/definition.ts"
+          }
         }
       ]
     },
@@ -16281,6 +17963,20 @@
               "default": "false",
               "description": "Removes the padding around the box's slot content",
               "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -16396,6 +18092,14 @@
             "name": "registerSideDrawer",
             "module": "libs/components/src/lib/side-drawer/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcSideDrawerElement",
+          "declaration": {
+            "name": "SideDrawer",
+            "module": "libs/components/src/lib/side-drawer/definition.ts"
+          }
         }
       ]
     },
@@ -16475,6 +18179,20 @@
                   "text": "void"
                 }
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -16587,6 +18305,14 @@
             "name": "registerSlider",
             "module": "libs/components/src/lib/slider/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcSliderElement",
+          "declaration": {
+            "name": "Slider",
+            "module": "libs/components/src/lib/slider/definition.ts"
+          }
         }
       ]
     },
@@ -16602,6 +18328,20 @@
             {
               "kind": "field",
               "name": "proxy"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [
@@ -16971,6 +18711,20 @@
                 "name": "FormAssociatedSlider",
                 "module": "libs/components/src/lib/slider/slider.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -17167,6 +18921,14 @@
             "name": "registerSplitButton",
             "module": "libs/components/src/lib/split-button/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcSplitButtonElement",
+          "declaration": {
+            "name": "SplitButton",
+            "module": "libs/components/src/lib/split-button/definition.ts"
+          }
         }
       ]
     },
@@ -17490,12 +19252,26 @@
               "default": "null",
               "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
               "privacy": "public"
-            }
-          ],
-          "events": [
+            },
             {
+              "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": "CustomEvent<undefined>"
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
               },
               "description": "Event emitted when the action button is clicked",
               "name": "action-click"
@@ -17654,6 +19430,14 @@
             "name": "registerSwitch",
             "module": "libs/components/src/lib/switch/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcSwitchElement",
+          "declaration": {
+            "name": "Switch",
+            "module": "libs/components/src/lib/switch/definition.ts"
+          }
         }
       ]
     },
@@ -17669,6 +19453,20 @@
             {
               "kind": "field",
               "name": "proxy"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [
@@ -17889,6 +19687,20 @@
                 "name": "FormAssociatedSwitch",
                 "module": "libs/components/src/lib/switch/switch.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -18005,6 +19817,14 @@
             "name": "registerTab",
             "module": "libs/components/src/lib/tab/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcTabElement",
+          "declaration": {
+            "name": "Tab",
+            "module": "libs/components/src/lib/tab/definition.ts"
+          }
         }
       ]
     },
@@ -18164,6 +19984,20 @@
                   }
                 }
               ]
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -18267,6 +20101,14 @@
             "name": "registerTabPanel",
             "module": "libs/components/src/lib/tab-panel/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcTabPanelElement",
+          "declaration": {
+            "name": "TabPanel",
+            "module": "libs/components/src/lib/tab-panel/definition.ts"
+          }
         }
       ]
     },
@@ -18291,7 +20133,23 @@
           "vividComponent": {
             "public": true,
             "name": "tab-panel"
-          }
+          },
+          "members": [
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -18329,6 +20187,14 @@
             "name": "registerTabs",
             "module": "libs/components/src/lib/tabs/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcTabsElement",
+          "declaration": {
+            "name": "Tabs",
+            "module": "libs/components/src/lib/tabs/definition.ts"
+          }
         }
       ]
     },
@@ -18717,6 +20583,20 @@
                   }
                 }
               ]
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -18880,6 +20760,14 @@
             "name": "registerTag",
             "module": "libs/components/src/lib/tag/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcTagElement",
+          "declaration": {
+            "name": "Tag",
+            "module": "libs/components/src/lib/tag/definition.ts"
+          }
         }
       ]
     },
@@ -19066,6 +20954,20 @@
                   "text": "void"
                 }
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -19195,6 +21097,14 @@
             "name": "registerTagGroup",
             "module": "libs/components/src/lib/tag-group/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcTagGroupElement",
+          "declaration": {
+            "name": "TagGroup",
+            "module": "libs/components/src/lib/tag-group/definition.ts"
+          }
         }
       ]
     },
@@ -19220,6 +21130,20 @@
                 "text": "string | null"
               },
               "default": "null"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -19337,6 +21261,20 @@
               },
               "description": "The appearance Text-Anchor should have.",
               "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -19417,6 +21355,14 @@
             "name": "registerTextArea",
             "module": "libs/components/src/lib/text-area/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcTextAreaElement",
+          "declaration": {
+            "name": "TextArea",
+            "module": "libs/components/src/lib/text-area/definition.ts"
+          }
         }
       ]
     },
@@ -19432,6 +21378,20 @@
             {
               "kind": "field",
               "name": "proxy"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [
@@ -19729,6 +21689,20 @@
                 "name": "FormAssociatedTextArea",
                 "module": "libs/components/src/lib/text-area/text-area.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -19919,6 +21893,14 @@
             "name": "registerTextField",
             "module": "libs/components/src/lib/text-field/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcTextFieldElement",
+          "declaration": {
+            "name": "TextField",
+            "module": "libs/components/src/lib/text-field/definition.ts"
+          }
         }
       ]
     },
@@ -19934,6 +21916,20 @@
             {
               "kind": "field",
               "name": "proxy"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [
@@ -20228,6 +22224,20 @@
                 "name": "FormAssociatedTextField",
                 "module": "libs/components/src/lib/text-field/text-field.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -20463,6 +22473,14 @@
             "name": "registerTimePicker",
             "module": "libs/components/src/lib/time-picker/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcTimePickerElement",
+          "declaration": {
+            "name": "TimePicker",
+            "module": "libs/components/src/lib/time-picker/definition.ts"
+          }
         }
       ]
     },
@@ -20484,6 +22502,20 @@
             {
               "kind": "field",
               "name": "proxy"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [
@@ -20662,30 +22694,6 @@
               "kind": "method",
               "name": "#openPopupIfPossible"
             },
-            {
-              "kind": "method",
-              "name": "#scrollToItem",
-              "parameters": [
-                {
-                  "name": "picker",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "selectedValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "position",
-                  "type": {
-                    "text": "'nearest' | 'start'"
-                  }
-                }
-              ]
-            },
             {
               "kind": "field",
               "name": "value",
@@ -20717,6 +22725,20 @@
                 "name": "FormAssociatedTimePicker",
                 "module": "libs/components/src/lib/time-picker/time-picker.form-associated.ts"
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -20843,6 +22865,14 @@
             "name": "registerToggletip",
             "module": "libs/components/src/lib/toggletip/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcToggletipElement",
+          "declaration": {
+            "name": "Toggletip",
+            "module": "libs/components/src/lib/toggletip/definition.ts"
+          }
         }
       ]
     },
@@ -20994,28 +23024,94 @@
               "kind": "field",
               "name": "#closeOnEscape",
               "privacy": "private"
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "headline",
+              "kind": "field",
+              "name": "anchor",
               "type": {
-                "text": "string | undefined"
+                "text": "AnchorType | undefined"
               },
-              "description": "the optional title of the toggletip",
-              "fieldName": "headline"
+              "description": "ID or direct reference to the component's anchor element.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
             },
             {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "toggle color scheme",
-              "fieldName": "alternate"
+              "kind": "field",
+              "name": "#updateAnchorEl",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
             },
             {
+              "kind": "field",
+              "name": "#observer",
+              "privacy": "private",
               "type": {
-                "text": "Placement | undefined"
+                "text": "MutationObserver | undefined"
+              },
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#observeMissingAnchor",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#cleanupObserverIfNeeded",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "headline",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "the optional title of the toggletip",
+              "fieldName": "headline"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "toggle color scheme",
+              "fieldName": "alternate"
+            },
+            {
+              "type": {
+                "text": "Placement | undefined"
               },
               "default": "'right'",
               "description": "placement of the toggletip",
@@ -21028,6 +23124,24 @@
               "default": "false",
               "description": "indicates whether the toggletip is open",
               "fieldName": "open"
+            },
+            {
+              "name": "anchor",
+              "type": {
+                "text": "AnchorType | undefined"
+              },
+              "description": "ID or direct reference to the component's anchor element.",
+              "fieldName": "anchor",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Anchored",
+              "module": "/libs/components/src/shared/patterns/anchored"
             }
           ],
           "superclass": {
@@ -21075,6 +23189,14 @@
             "name": "registerTooltip",
             "module": "libs/components/src/lib/tooltip/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcTooltipElement",
+          "declaration": {
+            "name": "Tooltip",
+            "module": "libs/components/src/lib/tooltip/definition.ts"
+          }
         }
       ]
     },
@@ -21159,6 +23281,72 @@
               "kind": "field",
               "name": "#closeOnEscape",
               "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "anchor",
+              "type": {
+                "text": "AnchorType | undefined"
+              },
+              "description": "ID or direct reference to the component's anchor element.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#updateAnchorEl",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#observer",
+              "privacy": "private",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#observeMissingAnchor",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#cleanupObserverIfNeeded",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -21182,6 +23370,24 @@
               },
               "default": "false",
               "fieldName": "open"
+            },
+            {
+              "name": "anchor",
+              "type": {
+                "text": "AnchorType | undefined"
+              },
+              "description": "ID or direct reference to the component's anchor element.",
+              "fieldName": "anchor",
+              "inheritedFrom": {
+                "name": "Anchored",
+                "module": "libs/components/src/shared/patterns/anchored.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Anchored",
+              "module": "/libs/components/src/shared/patterns/anchored"
             }
           ],
           "superclass": {
@@ -21229,6 +23435,14 @@
             "name": "registerTreeItem",
             "module": "libs/components/src/lib/tree-item/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcTreeItemElement",
+          "declaration": {
+            "name": "TreeItem",
+            "module": "libs/components/src/lib/tree-item/definition.ts"
+          }
         }
       ]
     },
@@ -21384,6 +23598,20 @@
               "description": "Whether the tree is nested",
               "privacy": "public",
               "readonly": true
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -21489,6 +23717,14 @@
             "name": "registerTreeView",
             "module": "libs/components/src/lib/tree-view/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcTreeViewElement",
+          "declaration": {
+            "name": "TreeView",
+            "module": "libs/components/src/lib/tree-view/definition.ts"
+          }
         }
       ]
     },
@@ -21638,6 +23874,20 @@
                   "text": "HTMLElement[]"
                 }
               }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -21703,6 +23953,14 @@
             "name": "registerVideoPlayer",
             "module": "libs/components/src/lib/video-player/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcVideoPlayerElement",
+          "declaration": {
+            "name": "VideoPlayer",
+            "module": "libs/components/src/lib/video-player/definition.ts"
+          }
         }
       ]
     },
@@ -21837,6 +24095,20 @@
             {
               "kind": "method",
               "name": "#setupPlayerEvents"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "events": [
@@ -22090,6 +24362,94 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/rich-text-editor/facades/prose-mirror-vivid.schema.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "schema",
+            "module": "libs/components/src/lib/rich-text-editor/facades/prose-mirror-vivid.schema.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/rich-text-editor/facades/vivid-prose-mirror.facade.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ProseMirrorFacade",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#view",
+              "privacy": "private",
+              "type": {
+                "text": "EditorView | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "init",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "replaceContent",
+              "parameters": [
+                {
+                  "name": "content",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "selection",
+              "return": {
+                "type": {
+                  "text": "RichTextEditorSelection"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "position",
+                  "optional": true,
+                  "type": {
+                    "text": "RichTextEditorSelection"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ProseMirrorFacade",
+          "declaration": {
+            "name": "ProseMirrorFacade",
+            "module": "libs/components/src/lib/rich-text-editor/facades/vivid-prose-mirror.facade.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/time-picker/inline-time-picker/columns.ts",
@@ -22291,6 +24651,33 @@
             {
               "kind": "method",
               "name": "scrollSelectedOptionsToTop"
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ]
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "superclass": {
@@ -23080,7 +25467,21 @@
                 "name": "FormAssociatedButton",
                 "module": "libs/components/src/shared/foundation/button/button.form-associated.ts"
               }
-            }
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            }
           ],
           "attributes": [
             {
@@ -23372,6 +25773,20 @@
               "name": "setSelectedOptions",
               "privacy": "public",
               "description": "Sets an option as selected and gives it focus."
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -23854,6 +26269,20 @@
               "kind": "method",
               "name": "updatePercentComplete",
               "privacy": "private"
+            },
+            {
+              "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": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -24045,6 +26474,18 @@
           "kind": "class",
           "description": "Base class for all Vivid elements.",
           "name": "VividElement",
+          "members": [
+            {
+              "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"
+              }
+            }
+          ],
           "superclass": {
             "name": "FASTElement",
             "package": "@microsoft/fast-element"
@@ -24063,6 +26504,485 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/patterns/anchored.ts",
+      "declarations": [
+        {
+          "kind": "mixin",
+          "description": "Mixin for elements that are anchored to another element.\nThe anchor can be specified either through the anchor slot or by using the anchor prop with an ID or direct reference.\nThe resolved anchor element is available as `_anchorEl` while the element is connected.",
+          "name": "Anchored",
+          "members": [
+            {
+              "kind": "field",
+              "name": "anchor",
+              "type": {
+                "text": "AnchorType | undefined"
+              },
+              "description": "ID or direct reference to the component's anchor element.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "#updateAnchorEl",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#observer",
+              "privacy": "private",
+              "type": {
+                "text": "MutationObserver | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#observeMissingAnchor",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#cleanupObserverIfNeeded",
+              "privacy": "private"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "Base",
+              "type": {
+                "text": "T"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "anchor",
+              "type": {
+                "text": "AnchorType | undefined"
+              },
+              "description": "ID or direct reference to the component's anchor element.",
+              "fieldName": "anchor"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "anchorSlotTemplateFactory"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Anchored",
+          "declaration": {
+            "name": "Anchored",
+            "module": "libs/components/src/shared/patterns/anchored.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "anchorSlotTemplateFactory",
+          "declaration": {
+            "name": "anchorSlotTemplateFactory",
+            "module": "libs/components/src/shared/patterns/anchored.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/patterns/chevron.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "chevronTemplateFactory",
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "VividElementDefinitionContext"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "chevronTemplateFactory",
+          "declaration": {
+            "name": "chevronTemplateFactory",
+            "module": "libs/components/src/shared/patterns/chevron.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/patterns/localized.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Localized",
+          "members": [
+            {
+              "kind": "field",
+              "name": "locale",
+              "type": {
+                "text": "Locale"
+              },
+              "readonly": true
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Localized",
+          "declaration": {
+            "name": "Localized",
+            "module": "libs/components/src/shared/patterns/localized.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/patterns/trapped-focus.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TrappedFocus",
+          "members": [
+            {
+              "kind": "field",
+              "name": "ignoredEvents",
+              "privacy": "private",
+              "static": true,
+              "default": "new WeakSet<Event>()"
+            },
+            {
+              "kind": "method",
+              "name": "ignoreEvent",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TrappedFocus",
+          "declaration": {
+            "name": "TrappedFocus",
+            "module": "libs/components/src/shared/patterns/trapped-focus.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/patterns/form-elements/form-elements.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FormElementHelperText",
+          "members": [
+            {
+              "kind": "field",
+              "name": "helperText",
+              "type": {
+                "text": "string | undefined"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "helper-text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "helperText"
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FormElementSuccessText",
+          "members": [
+            {
+              "kind": "field",
+              "name": "successText",
+              "type": {
+                "text": "string | undefined"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "success-text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "successText"
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FormElementCharCount",
+          "members": [
+            {
+              "kind": "field",
+              "name": "charCount",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "char-count",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "charCount"
+            }
+          ]
+        },
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "formElements",
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "errorValidationMessage",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Will hold the error message that should currently be visible in the UI.\nNote: Cannot be a getter because this.validationMessage is not observable"
+            },
+            {
+              "kind": "field",
+              "name": "#forceErrorDisplay",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#hasBeenTouched",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#handleInvalidEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "formResetCallback"
+            },
+            {
+              "kind": "field",
+              "name": "validate"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "constructor",
+              "type": {
+                "text": "T"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "label"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getFeedbackTemplate",
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "VividElementDefinitionContext"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "errorText",
+          "members": [
+            {
+              "kind": "field",
+              "name": "errorText",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#blockValidateCalls",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "errorTextChanged",
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newErrorText",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#forceCustomError",
+              "parameters": [
+                {
+                  "name": "errorMessage",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#clearCustomErrorAndRevalidate"
+            },
+            {
+              "kind": "field",
+              "name": "_validate"
+            },
+            {
+              "kind": "field",
+              "name": "validate"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "constructor",
+              "type": {
+                "text": "T"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "error-text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "errorText"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FormElementHelperText",
+          "declaration": {
+            "name": "FormElementHelperText",
+            "module": "libs/components/src/shared/patterns/form-elements/form-elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FormElementSuccessText",
+          "declaration": {
+            "name": "FormElementSuccessText",
+            "module": "libs/components/src/shared/patterns/form-elements/form-elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FormElementCharCount",
+          "declaration": {
+            "name": "FormElementCharCount",
+            "module": "libs/components/src/shared/patterns/form-elements/form-elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "formElements",
+          "declaration": {
+            "name": "formElements",
+            "module": "libs/components/src/shared/patterns/form-elements/form-elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getFeedbackTemplate",
+          "declaration": {
+            "name": "getFeedbackTemplate",
+            "module": "libs/components/src/shared/patterns/form-elements/form-elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorText",
+          "declaration": {
+            "name": "errorText",
+            "module": "libs/components/src/shared/patterns/form-elements/form-elements.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/shared/date-picker/date-picker-base.ts",