@vonage/vivid 4.22.0 → 4.23.0

package/custom-elements.json

@@ -294,6 +294,194 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/action-group/action-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ActionGroup",
+          "cssProperties": [
+            {
+              "name": "--vvd-action-group-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-action-group-accent-intermediate",
+              "default": "var(--vvd-color-neutral-500)"
+            },
+            {
+              "name": "--vvd-action-group-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "ActionGroupShape | undefined"
+              },
+              "description": "The shape the ActionGroup should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "ActionGroupAppearance | undefined"
+              },
+              "description": "The appearance the ActionGroup should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "tight",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether action group should have padding.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.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": "shape",
+              "type": {
+                "text": "ActionGroupShape | undefined"
+              },
+              "description": "The shape the ActionGroup should have.",
+              "fieldName": "shape"
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "ActionGroupAppearance | undefined"
+              },
+              "description": "The appearance the ActionGroup should have.",
+              "fieldName": "appearance"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether action group should have padding.",
+              "fieldName": "tight"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "DelegatesAria",
+              "module": "/libs/components/src/shared/aria/delegates-aria"
+            }
+          ],
+          "superclass": {
+            "name": "VividElement",
+            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "action-group"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ActionGroup",
+          "declaration": {
+            "name": "ActionGroup",
+            "module": "libs/components/src/lib/action-group/action-group.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/action-group/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "registerActionGroup",
+          "description": "Registers the action-group elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ActionGroupShape",
+          "declaration": {
+            "name": "ActionGroupShape",
+            "module": "./action-group"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ActionGroupAppearance",
+          "declaration": {
+            "name": "ActionGroupAppearance",
+            "module": "./action-group"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerActionGroup",
+          "declaration": {
+            "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"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/accordion-item/accordion-item.ts",
@@ -596,267 +784,91 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/action-group/action-group.ts",
+      "path": "libs/components/src/lib/alert/alert.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ActionGroup",
+          "name": "Alert",
           "cssProperties": [
             {
-              "name": "--vvd-action-group-accent-primary",
+              "name": "--vvd-alert-success-primary",
+              "default": "var(--vvd-color-success-500)"
+            },
+            {
+              "name": "--vvd-alert-success-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-alert-information-primary",
+              "default": "var(--vvd-color-information-500)"
+            },
+            {
+              "name": "--vvd-alert-information-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-alert-alert-primary",
+              "default": "var(--vvd-color-alert-500)"
+            },
+            {
+              "name": "--vvd-alert-alert-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-alert-warning-primary",
+              "default": "var(--vvd-color-warning-300)"
+            },
+            {
+              "name": "--vvd-alert-warning-primary-text",
               "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-action-group-accent-intermediate",
-              "default": "var(--vvd-color-neutral-500)"
+              "name": "--vvd-alert-announcement-primary",
+              "default": "var(--vvd-color-announcement-500)"
             },
             {
-              "name": "--vvd-action-group-accent-faint",
-              "default": "var(--vvd-color-neutral-50)"
+              "name": "--vvd-alert-announcement-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-alert-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-alert-accent-primary-text",
+              "default": "var(--vvd-color-canvas)"
             }
           ],
           "slots": [
             {
-              "description": "Default slot.",
-              "name": ""
+              "description": "The main content of the Alert.",
+              "name": "main"
+            },
+            {
+              "description": "Add action items to the Alert using this slot.",
+              "name": "action-items"
+            },
+            {
+              "description": "Add an icon to the component.",
+              "name": "icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "shape",
+              "name": "dismissButtonAriaLabel",
               "type": {
-                "text": "ActionGroupShape | undefined"
+                "text": "| string\n\t\t| null"
               },
-              "description": "The shape the ActionGroup should have.",
+              "default": "null",
+              "description": "Allows setting a custom aria-label for the dismiss button.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "appearance",
-              "type": {
-                "text": "ActionGroupAppearance | undefined"
-              },
-              "description": "The appearance the ActionGroup should have.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "tight",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether action group should have padding.",
-              "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": [
-            {
-              "name": "shape",
-              "type": {
-                "text": "ActionGroupShape | undefined"
-              },
-              "description": "The shape the ActionGroup should have.",
-              "fieldName": "shape"
-            },
-            {
-              "name": "appearance",
-              "type": {
-                "text": "ActionGroupAppearance | undefined"
-              },
-              "description": "The appearance the ActionGroup should have.",
-              "fieldName": "appearance"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether action group should have padding.",
-              "fieldName": "tight"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "DelegatesAria",
-              "module": "/libs/components/src/shared/aria/delegates-aria"
-            }
-          ],
-          "superclass": {
-            "name": "VividElement",
-            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
-          },
-          "vividComponent": {
-            "public": true,
-            "name": "action-group"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ActionGroup",
-          "declaration": {
-            "name": "ActionGroup",
-            "module": "libs/components/src/lib/action-group/action-group.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/action-group/definition.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "registerActionGroup",
-          "description": "Registers the action-group elements with the design system.",
-          "parameters": [
-            {
-              "description": "the prefix to use for the component name",
-              "name": "prefix"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ActionGroupShape",
-          "declaration": {
-            "name": "ActionGroupShape",
-            "module": "./action-group"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ActionGroupAppearance",
-          "declaration": {
-            "name": "ActionGroupAppearance",
-            "module": "./action-group"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerActionGroup",
-          "declaration": {
-            "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"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/alert/alert.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Alert",
-          "cssProperties": [
-            {
-              "name": "--vvd-alert-success-primary",
-              "default": "var(--vvd-color-success-500)"
-            },
-            {
-              "name": "--vvd-alert-success-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-alert-information-primary",
-              "default": "var(--vvd-color-information-500)"
-            },
-            {
-              "name": "--vvd-alert-information-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-alert-alert-primary",
-              "default": "var(--vvd-color-alert-500)"
-            },
-            {
-              "name": "--vvd-alert-alert-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-alert-warning-primary",
-              "default": "var(--vvd-color-warning-300)"
-            },
-            {
-              "name": "--vvd-alert-warning-primary-text",
-              "default": "var(--vvd-color-canvas-text)"
-            },
-            {
-              "name": "--vvd-alert-announcement-primary",
-              "default": "var(--vvd-color-announcement-500)"
-            },
-            {
-              "name": "--vvd-alert-announcement-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-alert-accent-primary",
-              "default": "var(--vvd-color-canvas-text)"
-            },
-            {
-              "name": "--vvd-alert-accent-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The main content of the Alert.",
-              "name": "main"
-            },
-            {
-              "description": "Add action items to the Alert using this slot.",
-              "name": "action-items"
-            },
-            {
-              "description": "Add an icon to the component.",
-              "name": "icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dismissButtonAriaLabel",
-              "type": {
-                "text": "| string\n\t\t| null"
-              },
-              "default": "null",
-              "description": "Allows setting a custom aria-label for the dismiss button.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "#timeoutID",
-              "privacy": "private",
+              "name": "#timeoutID",
+              "privacy": "private",
               "type": {
                 "text": "NodeJS.Timeout | undefined"
               }
@@ -2561,6 +2573,18 @@
                 "module": "libs/components/src/shared/patterns/affix.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -2790,6 +2814,18 @@
               ],
               "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": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -2805,6 +2841,12 @@
               }
             }
           ],
+          "mixins": [
+            {
+              "name": "DelegatesAria",
+              "module": "/libs/components/src/shared/aria/delegates-aria"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
@@ -2877,6 +2919,18 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -3603,6 +3657,18 @@
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -4430,7 +4496,19 @@
             },
             {
               "kind": "field",
-              "name": "VIVID_VERSION",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.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`.",
@@ -4499,6 +4577,12 @@
               "fieldName": "duration"
             }
           ],
+          "mixins": [
+            {
+              "name": "DelegatesAria",
+              "module": "/libs/components/src/shared/aria/delegates-aria"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
@@ -4966,6 +5050,18 @@
               "kind": "method",
               "name": "ariaCheckedChanged"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -9113,6 +9209,18 @@
               "kind": "method",
               "name": "#showDialog"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -9369,6 +9477,18 @@
               "description": "The orientation of the divider.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -10283,6 +10403,18 @@
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -10957,6 +11089,18 @@
               },
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -11061,6 +11205,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "DelegatesAria",
+              "module": "/libs/components/src/shared/aria/delegates-aria"
+            },
             {
               "name": "Localized",
               "module": "/libs/components/src/shared/patterns"
@@ -11171,6 +11319,18 @@
               "description": "applies scheme alternate to header region",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -11205,6 +11365,12 @@
               "fieldName": "alternate"
             }
           ],
+          "mixins": [
+            {
+              "name": "DelegatesAria",
+              "module": "/libs/components/src/shared/aria/delegates-aria"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
@@ -11734,7 +11900,7 @@
               "kind": "field",
               "name": "menuItems",
               "type": {
-                "text": "Element[] | undefined"
+                "text": "HTMLElement[] | undefined"
               },
               "privacy": "private"
             },
@@ -11847,12 +12013,6 @@
                   "type": {
                     "text": "number"
                   }
-                },
-                {
-                  "name": "adjustment",
-                  "type": {
-                    "text": "number"
-                  }
                 }
               ]
             },
@@ -12041,6 +12201,18 @@
                 "module": "libs/components/src/shared/patterns/anchored.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -12450,6 +12622,18 @@
               "kind": "method",
               "name": "#emitSyntheticClick"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'host'",
+              "type": {
+                "text": "'host'"
+              },
+              "inheritedFrom": {
+                "name": "HostSemantics",
+                "module": "libs/components/src/shared/aria/host-semantics.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "icon",
@@ -12580,6 +12764,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "HostSemantics",
+              "module": "/libs/components/src/shared/aria/host-semantics"
+            },
             {
               "name": "AffixIcon",
               "module": "/libs/components/src/shared/patterns/affix"
@@ -12665,6 +12853,12 @@
               "name": ""
             }
           ],
+          "mixins": [
+            {
+              "name": "DelegatesAria",
+              "module": "/libs/components/src/shared/aria/delegates-aria"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
@@ -12674,6 +12868,18 @@
             "name": "nav"
           },
           "members": [
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -12896,6 +13102,18 @@
                 "module": "libs/components/src/shared/patterns/affix.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -13180,6 +13398,18 @@
                 "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -13918,6 +14148,18 @@
                 "module": "libs/components/src/shared/patterns/affix.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -14429,6 +14671,18 @@
               "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": "_vividAriaBehaviour",
+              "default": "'host'",
+              "type": {
+                "text": "'host'"
+              },
+              "inheritedFrom": {
+                "name": "HostSemantics",
+                "module": "libs/components/src/shared/aria/host-semantics.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "iconTrailing",
@@ -14552,6 +14806,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "HostSemantics",
+              "module": "/libs/components/src/shared/aria/host-semantics"
+            },
             {
               "name": "AffixIconWithTrailing",
               "module": "/libs/components/src/shared/patterns/affix"
@@ -15375,6 +15633,18 @@
               "description": "Indicates the progress' reverse status.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -15602,6 +15872,18 @@
                 "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -16290,6 +16572,18 @@
               "name": "moveLeft",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'host'",
+              "type": {
+                "text": "'host'"
+              },
+              "inheritedFrom": {
+                "name": "HostSemantics",
+                "module": "libs/components/src/shared/aria/host-semantics.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -16364,6 +16658,12 @@
               "fieldName": "orientation"
             }
           ],
+          "mixins": [
+            {
+              "name": "HostSemantics",
+              "module": "/libs/components/src/shared/aria/host-semantics"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
@@ -17213,6 +17513,17 @@
               "kind": "method",
               "name": "selectionEndChanged"
             },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "placeholderChanged"
+            },
             {
               "kind": "field",
               "name": "#handleSelectionChange",
@@ -17252,6 +17563,26 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "setSelectionTextSize",
+              "parameters": [
+                {
+                  "name": "textSize",
+                  "type": {
+                    "text": "RICH_TEXT_EDITOR_MENUBAR_TEXT_SIZES"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "selectionStyles",
+              "type": {
+                "text": "SelectionStyles"
+              },
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "focus"
@@ -17287,6 +17618,13 @@
               },
               "default": "null",
               "fieldName": "selectionEnd"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "placeholder"
             }
           ],
           "superclass": {
@@ -17978,6 +18316,18 @@
               "privacy": "private",
               "default": "new ResizeObserver(() => {\n\t\tthis.#updateTagLayout();\n\t})"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "iconTrailing",
@@ -18154,6 +18504,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "DelegatesAria",
+              "module": "/libs/components/src/shared/aria/delegates-aria"
+            },
             {
               "name": "AffixIconWithTrailing",
               "module": "/libs/components/src/shared/patterns"
@@ -18612,6 +18966,18 @@
               "kind": "method",
               "name": "formResetCallback"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'host'",
+              "type": {
+                "text": "'host'"
+              },
+              "inheritedFrom": {
+                "name": "HostSemantics",
+                "module": "libs/components/src/shared/aria/host-semantics.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "iconTrailing",
@@ -18867,6 +19233,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "HostSemantics",
+              "module": "/libs/components/src/shared/aria/host-semantics"
+            },
             {
               "name": "AffixIconWithTrailing",
               "module": "/libs/components/src/shared/patterns"
@@ -19053,6 +19423,18 @@
               "description": "Removes the padding around the box's slot content",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -19775,6 +20157,18 @@
               "name": "#onMouseOut",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -20306,6 +20700,18 @@
                 "module": "libs/components/src/shared/patterns/affix.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -20727,6 +21133,18 @@
               "kind": "field",
               "name": "checked"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -21030,6 +21448,18 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'host'",
+              "type": {
+                "text": "'host'"
+              },
+              "inheritedFrom": {
+                "name": "HostSemantics",
+                "module": "libs/components/src/shared/aria/host-semantics.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "iconTrailing",
@@ -21154,6 +21584,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "HostSemantics",
+              "module": "/libs/components/src/shared/aria/host-semantics"
+            },
             {
               "name": "AffixIconWithTrailing",
               "module": "/libs/components/src/shared/patterns/affix"
@@ -21233,6 +21667,12 @@
               "name": ""
             }
           ],
+          "mixins": [
+            {
+              "name": "HostSemantics",
+              "module": "/libs/components/src/shared/aria/host-semantics"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
@@ -21244,15 +21684,27 @@
           "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`.",
+              "name": "_vividAriaBehaviour",
+              "default": "'host'",
               "type": {
-                "text": "string"
+                "text": "'host'"
               },
               "inheritedFrom": {
-                "name": "VividElement",
+                "name": "HostSemantics",
+                "module": "libs/components/src/shared/aria/host-semantics.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"
               }
             }
@@ -22086,6 +22538,18 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "icon",
@@ -22209,6 +22673,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "DelegatesAria",
+              "module": "/libs/components/src/shared/aria/delegates-aria"
+            },
             {
               "name": "AffixIcon",
               "module": "/libs/components/src/shared/patterns/affix"
@@ -22299,6 +22767,18 @@
             "name": "tag-group"
           },
           "members": [
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -22425,6 +22905,18 @@
                 "module": "libs/components/src/shared/patterns/affix.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -22867,6 +23359,18 @@
                 "text": "Reflector<this, HTMLTextAreaElement> | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -23362,31 +23866,12 @@
             },
             {
               "kind": "method",
-              "name": "#handleLabelChange",
-              "parameters": [
-                {
-                  "name": "labelEl",
-                  "type": {
-                    "text": "HTMLLabelElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "#reflectToInput",
-              "privacy": "private",
-              "type": {
-                "text": "Reflector<this, HTMLInputElement> | undefined"
-              }
+              "name": "focus"
             },
             {
               "kind": "field",
-              "name": "#helperTextMirrorEl",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | undefined"
-              }
+              "name": "#randomId",
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -23396,10 +23881,6 @@
                 "text": "MutationObserver | undefined"
               }
             },
-            {
-              "kind": "method",
-              "name": "focus"
-            },
             {
               "kind": "method",
               "name": "#updateHelperTextMutationObserver"
@@ -23421,6 +23902,18 @@
                 "module": "libs/components/src/shared/patterns/affix.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -24877,6 +25370,18 @@
               "privacy": "public",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'host'",
+              "type": {
+                "text": "'host'"
+              },
+              "inheritedFrom": {
+                "name": "HostSemantics",
+                "module": "libs/components/src/shared/aria/host-semantics.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "icon",
@@ -24968,6 +25473,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "HostSemantics",
+              "module": "/libs/components/src/shared/aria/host-semantics"
+            },
             {
               "name": "AffixIcon",
               "module": "/libs/components/src/shared/patterns/affix"
@@ -25184,6 +25693,18 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'host'",
+              "type": {
+                "text": "'host'"
+              },
+              "inheritedFrom": {
+                "name": "HostSemantics",
+                "module": "libs/components/src/shared/aria/host-semantics.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -25209,6 +25730,12 @@
               "fieldName": "renderCollapsedNodes"
             }
           ],
+          "mixins": [
+            {
+              "name": "HostSemantics",
+              "module": "/libs/components/src/shared/aria/host-semantics"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element.js"
@@ -25677,102 +26204,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/rich-text-editor/menubar/definition.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "menuBarDefinition"
-        },
-        {
-          "kind": "variable",
-          "name": "registerMenuBar",
-          "description": "Registers the menubar element with the design system.",
-          "parameters": [
-            {
-              "description": "the prefix to use for the component name",
-              "name": "prefix"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "menuBarDefinition",
-          "declaration": {
-            "name": "menuBarDefinition",
-            "module": "libs/components/src/lib/rich-text-editor/menubar/definition.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerMenuBar",
-          "declaration": {
-            "name": "registerMenuBar",
-            "module": "libs/components/src/lib/rich-text-editor/menubar/definition.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/rich-text-editor/menubar/menubar.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "MenuBar",
-          "members": [
-            {
-              "kind": "field",
-              "name": "menuItems",
-              "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": [
-            {
-              "name": "menu-items",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "menuItems"
-            }
-          ],
-          "superclass": {
-            "name": "VividElement",
-            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MenuBar",
-          "declaration": {
-            "name": "MenuBar",
-            "module": "libs/components/src/lib/rich-text-editor/menubar/menubar.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/rich-text-editor/facades/prose-mirror-vivid.schema.ts",
@@ -25798,6 +26229,21 @@
       "kind": "javascript-module",
       "path": "libs/components/src/lib/rich-text-editor/facades/vivid-prose-mirror.facade.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "placeholderPluginKey",
+          "default": "new PluginKey('placeholderPlugin')"
+        },
+        {
+          "kind": "function",
+          "name": "createPlaceholderPlugin",
+          "parameters": [
+            {
+              "name": "placeholder",
+              "default": "DEFAULT_TEXT_EDITOR_PLACEHOLDER"
+            }
+          ]
+        },
         {
           "kind": "class",
           "description": "",
@@ -25851,6 +26297,19 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "updatePlaceholder",
+              "parameters": [
+                {
+                  "name": "placeholderText",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "replaceContent",
@@ -25932,11 +26391,61 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "#getSelectionBlockType"
+            },
+            {
+              "kind": "method",
+              "name": "#getSelectionTextDecoration"
+            },
+            {
+              "kind": "method",
+              "name": "#getSelectionTextSize"
+            },
+            {
+              "kind": "method",
+              "name": "getSelectionStyles",
+              "return": {
+                "type": {
+                  "text": "SelectionStyles"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setTextSize",
+              "parameters": [
+                {
+                  "name": "size",
+                  "default": "'normal'",
+                  "type": {
+                    "text": "RICH_TEXT_EDITOR_MENUBAR_TEXT_SIZES"
+                  }
+                }
+              ]
             }
           ]
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "placeholderPluginKey",
+          "declaration": {
+            "name": "placeholderPluginKey",
+            "module": "libs/components/src/lib/rich-text-editor/facades/vivid-prose-mirror.facade.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createPlaceholderPlugin",
+          "declaration": {
+            "name": "createPlaceholderPlugin",
+            "module": "libs/components/src/lib/rich-text-editor/facades/vivid-prose-mirror.facade.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "ProseMirrorFacade",
@@ -25949,169 +26458,167 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/shared/foundation/anchor/anchor.ts",
+      "path": "libs/components/src/lib/rich-text-editor/menubar/consts.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
-          "name": "Anchor",
-          "members": [
-            {
-              "kind": "field",
-              "name": "download",
-              "type": {
-                "text": "string"
-              },
-              "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "hreflang",
-              "type": {
-                "text": "string"
-              },
-              "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public"
-            },
+          "kind": "variable",
+          "name": "TEXT_DECORATION_ITEMS",
+          "type": {
+            "text": "array"
+          },
+          "default": "[\n\t{\n\t\ttext: 'Bold',\n\t\ticon: 'bold-line',\n\t\tvalue: 'bold',\n\t},\n\t{\n\t\ttext: 'Italic',\n\t\ticon: 'italic-line',\n\t\tvalue: 'italics',\n\t},\n\t{\n\t\ttext: 'Underline',\n\t\ticon: 'underline-line',\n\t\tvalue: 'underline',\n\t},\n\t{\n\t\ttext: 'Strikethrough',\n\t\ticon: 'strikethrough-line',\n\t\tvalue: 'strikethrough',\n\t},\n\t{\n\t\ttext: 'Monospace',\n\t\ticon: 'monospace-line',\n\t\tvalue: 'monospace',\n\t},\n]"
+        },
+        {
+          "kind": "variable",
+          "name": "TEXT_SIZES",
+          "type": {
+            "text": "array"
+          },
+          "default": "[\n\t{\n\t\ttext: 'Extra Large',\n\t\tvalue: 'extra-large',\n\t},\n\t{\n\t\ttext: 'Large',\n\t\tvalue: 'large',\n\t},\n\t{\n\t\ttext: 'Normal',\n\t\tvalue: 'normal',\n\t},\n\t{\n\t\ttext: 'Small',\n\t\tvalue: 'small',\n\t},\n]"
+        },
+        {
+          "kind": "variable",
+          "name": "MENU_BAR_ITEMS",
+          "type": {
+            "text": "{\n\t[key: string]: {\n\t\tregisterStateProperty?: (menuBar: MenuBar) => void;\n\t\trender: (context: VividElementDefinitionContext) => ViewTemplate<any, any>;\n\t};\n}"
+          },
+          "default": "{\n\ttextBlock: {\n\t\tregisterStateProperty: function (menuBar: MenuBar) {\n\t\t\tmenuBar.addEventListener('text-styles-changed', textBlockEventHandler);\n\t\t},\n\t\trender: function (context) {\n\t\t\tconst selectTag = context.tagFor(Select);\n\t\t\tconst optionTag = context.tagFor(ListboxOption);\n\t\t\tconst tooltipTag = context.tagFor(Tooltip);\n\n\t\t\treturn html`\n\t\t<${tooltipTag} text=\"Text Block Type\" placement=\"top\">\n\t\t\t<${selectTag}\n                scale=\"condensed\"\n                shape=\"rounded\"\n                appearance=\"ghost\"\n\t\t\t\tslot=\"anchor\"\n\t\t\t\ttrigger=\"auto\"\n\t\t\t\tid=\"text-block\"\n\t\t\t\taria-label=\"Text Block\"\n\t\t\t\tplacement=\"bottom-end\"\n\t\t\t\tvalue=\"${(_, { parent }) => parent.textBlockType}\"\n\t\t\t\t@change=\"${(_, { parent, event }) =>\n\t\t\t\t\tnotifyMenuBarChange(\n\t\t\t\t\t\tparent,\n\t\t\t\t\t\t'text-block-selected',\n\t\t\t\t\t\t(event.target as HTMLSelectElement).value\n\t\t\t\t\t)}\"\n\t\t\t>\n\t\t\t\t<${optionTag}\n\t\t\t\t\ttext=\"Title\"\n\t\t\t\t\tvalue=\"title\"\n\t\t\t\t\tinternal-part\n\t\t\t\t\tclass=\"title\"\n\t\t\t\t\tconnotation=\"cta\"\n\t\t\t\t></${optionTag}>\n\t\t\t\t<${optionTag}\n\t\t\t\t\ttext=\"Subtitle\"\n\t\t\t\t\tvalue=\"subtitle\"\n\t\t\t\t\tinternal-part\n\t\t\t\t\tclass=\"subtitle\"\n\t\t\t\t\tconnotation=\"cta\"\n\t\t\t\t></${optionTag}>\n\t\t\t\t<${optionTag}\n\t\t\t\t\ttext=\"Body\"\n\t\t\t\t\tvalue=\"body\"\n\t\t\t\t\tinternal-part\n\t\t\t\t\tclass=\"body\"\n\t\t\t\t\tconnotation=\"cta\"\n\t\t\t\t></${optionTag}>\n\t\t\t</${selectTag}>\n\t\t</${tooltipTag}>\n\t\t`;\n\t\t},\n\t},\n\ttextDecoration: {\n\t\tregisterStateProperty: function (menuBar) {\n\t\t\tmenuBar.addEventListener(\n\t\t\t\t'text-styles-changed',\n\t\t\t\ttextDecorationEventHandler\n\t\t\t);\n\t\t},\n\t\trender: function (context) {\n\t\t\tconst buttonTag = context.tagFor(Button);\n\t\t\tconst tooltipTag = context.tagFor(Tooltip);\n\t\t\treturn html`\n\t\t\t\t<span id=\"text-decoration\">\n\t\t\t\t\t${repeat(\n\t\t\t\t\t\t(_) => TEXT_DECORATION_ITEMS,\n\t\t\t\t\t\thtml`\n                        <${tooltipTag} text=\"${(x) => x.text}\" placement=\"top\">\n                            <${buttonTag}\n                                class=\"selection-button\"\n                                slot=\"anchor\"\n                                aria-label=\"${(x) => x.text}\"\n                                size=\"super-condensed\"\n                                appearance=\"ghost-light\"\n                                shape=\"rounded\"\n                                icon=\"${(x) => x.icon}\"\n                                @click=\"${(x, c) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnotifyMenuBarChange(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tc.parentContext.parent,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'text-decoration-selected',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tx.value\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\"')}\"\n                            ></${buttonTag}>\n                        </${tooltipTag}>\n\t\t\t\t`\n\t\t\t\t\t)}\n\t\t\t\t</span>\n\t\t\t`;\n\t\t},\n\t},\n\ttextSize: {\n\t\tregisterStateProperty: function (menuBar) {\n\t\t\tmenuBar.addEventListener('text-styles-changed', textSizeEventHandler);\n\t\t},\n\t\trender: function (context) {\n\t\t\tconst menuTag = context.tagFor(Menu);\n\t\t\tconst buttonTag = context.tagFor(Button);\n\t\t\tconst tooltipTag = context.tagFor(Tooltip);\n\t\t\tconst menuItemTag = context.tagFor(MenuItem);\n\t\t\treturn html`\n                    <${menuTag}\n\t\t\t\t\t\tauto-dismiss\n                        trigger=\"auto\"\n                        id=\"text-size\"\n                        aria-label=\"Text Size\"\n                        placement=\"bottom-end\"\n                    >\n\t\t\t\t\t\t<${tooltipTag} slot=\"anchor\" text=\"Text Size\" placement=\"top\">\n                            <${buttonTag}\n                                slot=\"anchor\"\n                                aria-label=\"Open text size menu\"\n                                size=\"super-condensed\"\n                                appearance=\"ghost-light\"\n                                shape=\"pill\"\n                                icon=\"text-size-line\"\n                            ></${buttonTag}>\n\t\t\t\t\t\t</${tooltipTag}>\n\t\t\t\t\t\t${repeat(\n\t\t\t\t\t\t\t(_) => TEXT_SIZES,\n\t\t\t\t\t\t\thtml`\n\t\t\t\t\t\t\t<${menuItemTag}\n\t\t\t\t\t\t\t\tcheck-appearance=\"tick-only\"\n\t\t\t\t\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t\t\t\t\t\ttext=\"${(x) => x.text}\"\n\t\t\t\t\t\t\t\tvalue=\"${(x) => x.value}\"\n\t\t\t\t\t\t\t\tinternal-part\n\t\t\t\t\t\t\t\tclass=\"menubar-selector-menuitem\"\n\t\t\t\t\t\t\t\tconnotation=\"cta\"\n\t\t\t\t\t\t\t\t@click=\"${(x, c) =>\n\t\t\t\t\t\t\t\t\tnotifyMenuBarChange(\n\t\t\t\t\t\t\t\t\t\tc.parentContext.parent,\n\t\t\t\t\t\t\t\t\t\t'text-size-selected',\n\t\t\t\t\t\t\t\t\t\tx.value\n\t\t\t\t\t\t\t\t\t)}\"\n                        ></${menuItemTag}>\n\t\t\t\t\t\t\t`\n\t\t\t\t\t\t)}\n                    </${menuTag}>\n                `;\n\t\t},\n\t},\n\tdivider: {\n\t\trender: function (context) {\n\t\t\tconst dividerTag = context.tagFor(Divider);\n\t\t\treturn html`\n\t\t\t\t<${dividerTag} class=\"divider\" orientation=\"vertical\"></${dividerTag}>\n\t\t\t`;\n\t\t},\n\t},\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TEXT_DECORATION_ITEMS",
+          "declaration": {
+            "name": "TEXT_DECORATION_ITEMS",
+            "module": "libs/components/src/lib/rich-text-editor/menubar/consts.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TEXT_SIZES",
+          "declaration": {
+            "name": "TEXT_SIZES",
+            "module": "libs/components/src/lib/rich-text-editor/menubar/consts.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MENU_BAR_ITEMS",
+          "declaration": {
+            "name": "MENU_BAR_ITEMS",
+            "module": "libs/components/src/lib/rich-text-editor/menubar/consts.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/rich-text-editor/menubar/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "menuBarDefinition"
+        },
+        {
+          "kind": "variable",
+          "name": "registerMenuBar",
+          "description": "Registers the menubar element with the design system.",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "ping",
-              "type": {
-                "text": "string"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public"
-            },
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "menuBarDefinition",
+          "declaration": {
+            "name": "menuBarDefinition",
+            "module": "libs/components/src/lib/rich-text-editor/menubar/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerMenuBar",
+          "declaration": {
+            "name": "registerMenuBar",
+            "module": "libs/components/src/lib/rich-text-editor/menubar/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/rich-text-editor/menubar/menubar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "MenuBar",
+          "members": [
             {
               "kind": "field",
-              "name": "referrerpolicy",
+              "name": "menuItems",
               "type": {
-                "text": "string"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public"
+                "text": "string | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "rel",
-              "type": {
-                "text": "string"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public"
+              "name": "#textEditorElement",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "#updateTextStyleState",
+              "privacy": "private",
               "type": {
-                "text": "'_self' | '_blank' | '_parent' | '_top'"
+                "text": "EventListener"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public"
+              "default": "(() => {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('text-styles-changed', {\n\t\t\t\tdetail: this.#textEditorElement?.selectionStyles,\n\t\t\t})\n\t\t);\n\t})"
             },
             {
               "kind": "field",
-              "name": "type",
+              "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"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "control",
-              "type": {
-                "text": "HTMLAnchorElement | undefined"
-              },
-              "description": "References the root element"
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "download",
-              "type": {
-                "text": "string"
-              },
-              "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "download"
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "href"
-            },
-            {
-              "name": "hreflang",
-              "type": {
-                "text": "string"
-              },
-              "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "hreflang"
-            },
-            {
-              "name": "ping",
-              "type": {
-                "text": "string"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "ping"
-            },
-            {
-              "name": "referrerpolicy",
-              "type": {
-                "text": "string"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "referrerpolicy"
-            },
-            {
-              "name": "rel",
-              "type": {
-                "text": "string"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "rel"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "'_self' | '_blank' | '_parent' | '_top'"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "target"
-            },
-            {
-              "name": "type",
+              "name": "menu-items",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "type"
+              "fieldName": "menuItems"
             }
-          ]
+          ],
+          "superclass": {
+            "name": "VividElement",
+            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Anchor",
+          "name": "MenuBar",
           "declaration": {
-            "name": "Anchor",
-            "module": "libs/components/src/shared/foundation/anchor/anchor.ts"
+            "name": "MenuBar",
+            "module": "libs/components/src/lib/rich-text-editor/menubar/menubar.ts"
           }
         }
       ]
@@ -26324,6 +26831,18 @@
               "privacy": "private",
               "description": "Overrides the focus call for where delegatesFocus is unsupported.\nThis check works for Chrome, Edge Chromium, FireFox, and Safari\nRelevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              },
+              "inheritedFrom": {
+                "name": "DelegatesAria",
+                "module": "libs/components/src/shared/aria/delegates-aria.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -26436,23 +26955,192 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/shared/foundation/form-associated/form-associated.ts",
+      "path": "libs/components/src/shared/foundation/anchor/anchor.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "supportsElementInternals"
-        },
-        {
-          "kind": "function",
-          "name": "FormAssociated",
-          "return": {
-            "type": {
-              "text": "T"
-            }
-          },
-          "parameters": [
+          "kind": "class",
+          "description": "Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
+          "name": "Anchor",
+          "members": [
             {
-              "name": "BaseCtor",
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "string"
+              },
+              "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "hreflang",
+              "type": {
+                "text": "string"
+              },
+              "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "ping",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "referrerpolicy",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "'_self' | '_blank' | '_parent' | '_top'"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "control",
+              "type": {
+                "text": "HTMLAnchorElement | undefined"
+              },
+              "description": "References the root element"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "download",
+              "type": {
+                "text": "string"
+              },
+              "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "download"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "href"
+            },
+            {
+              "name": "hreflang",
+              "type": {
+                "text": "string"
+              },
+              "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "hreflang"
+            },
+            {
+              "name": "ping",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "ping"
+            },
+            {
+              "name": "referrerpolicy",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "referrerpolicy"
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "rel"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "'_self' | '_blank' | '_parent' | '_top'"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "target"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "type"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Anchor",
+          "declaration": {
+            "name": "Anchor",
+            "module": "libs/components/src/shared/foundation/anchor/anchor.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/foundation/form-associated/form-associated.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "supportsElementInternals"
+        },
+        {
+          "kind": "function",
+          "name": "FormAssociated",
+          "return": {
+            "type": {
+              "text": "T"
+            }
+          },
+          "parameters": [
+            {
+              "name": "BaseCtor",
               "type": {
                 "text": "T"
               }
@@ -26904,6 +27592,36 @@
               "type": {
                 "text": "string"
               }
+            },
+            {
+              "kind": "field",
+              "name": "specialHandling",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "AriaMixin",
+                "module": "libs/components/src/shared/aria/aria-mixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "type": {
+                "text": "VividAriaBehaviour"
+              },
+              "default": "'default'",
+              "inheritedFrom": {
+                "name": "AriaMixin",
+                "module": "libs/components/src/shared/aria/aria-mixin.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AriaMixin",
+              "module": "/libs/components/src/shared/aria/aria-mixin"
             }
           ],
           "superclass": {
@@ -27425,113 +28143,708 @@
           ],
           "parameters": [
             {
-              "name": "constructor",
+              "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/aria/aria-change-subscription.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "subscribeToAriaPropertyChanges",
+          "parameters": [
+            {
+              "name": "source",
+              "type": {
+                "text": "AriaMixinElement"
+              }
+            },
+            {
+              "name": "listener",
+              "type": {
+                "text": "AriaChangeSubscriber"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "unsubscribeFromAriaPropertyChanges",
+          "parameters": [
+            {
+              "name": "source",
+              "type": {
+                "text": "AriaMixinElement"
+              }
+            },
+            {
+              "name": "listener",
+              "type": {
+                "text": "AriaChangeSubscriber"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "publishAriaPropertyChange",
+          "parameters": [
+            {
+              "name": "source",
+              "type": {
+                "text": "AriaMixinElement"
+              }
+            },
+            {
+              "name": "changedAriaProperty",
+              "type": {
+                "text": "AriaPropertyName"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "subscribeToAriaPropertyChanges",
+          "declaration": {
+            "name": "subscribeToAriaPropertyChanges",
+            "module": "libs/components/src/shared/aria/aria-change-subscription.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "unsubscribeFromAriaPropertyChanges",
+          "declaration": {
+            "name": "unsubscribeFromAriaPropertyChanges",
+            "module": "libs/components/src/shared/aria/aria-change-subscription.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "publishAriaPropertyChange",
+          "declaration": {
+            "name": "publishAriaPropertyChange",
+            "module": "libs/components/src/shared/aria/aria-change-subscription.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/aria/aria-mixin.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ariaMixinProperties",
+          "type": {
+            "text": "[\n\t'role',\n\t'ariaAtomic',\n\t'ariaAutoComplete',\n\t'ariaBusy',\n\t'ariaChecked',\n\t'ariaColCount',\n\t'ariaColIndex',\n\t'ariaColIndexText',\n\t'ariaColSpan',\n\t'ariaCurrent',\n\t'ariaDescription',\n\t'ariaDisabled',\n\t'ariaExpanded',\n\t'ariaHasPopup',\n\t'ariaHidden',\n\t'ariaInvalid',\n\t'ariaKeyShortcuts',\n\t'ariaLabel',\n\t'ariaLevel',\n\t'ariaLive',\n\t'ariaModal',\n\t'ariaMultiLine',\n\t'ariaMultiSelectable',\n\t'ariaOrientation',\n\t'ariaPlaceholder',\n\t'ariaPosInSet',\n\t'ariaPressed',\n\t'ariaReadOnly',\n\t'ariaRequired',\n\t'ariaRoleDescription',\n\t'ariaRowCount',\n\t'ariaRowIndex',\n\t'ariaRowIndexText',\n\t'ariaRowSpan',\n\t'ariaSelected',\n\t'ariaSetSize',\n\t'ariaSort',\n\t'ariaValueMax',\n\t'ariaValueMin',\n\t'ariaValueNow',\n\t'ariaValueText',\n\t'ariaRelevant', // Non-standard\n]"
+          },
+          "default": "[\n\t'role',\n\t'ariaAtomic',\n\t'ariaAutoComplete',\n\t'ariaBusy',\n\t'ariaChecked',\n\t'ariaColCount',\n\t'ariaColIndex',\n\t'ariaColIndexText',\n\t'ariaColSpan',\n\t'ariaCurrent',\n\t'ariaDescription',\n\t'ariaDisabled',\n\t'ariaExpanded',\n\t'ariaHasPopup',\n\t'ariaHidden',\n\t'ariaInvalid',\n\t'ariaKeyShortcuts',\n\t'ariaLabel',\n\t'ariaLevel',\n\t'ariaLive',\n\t'ariaModal',\n\t'ariaMultiLine',\n\t'ariaMultiSelectable',\n\t'ariaOrientation',\n\t'ariaPlaceholder',\n\t'ariaPosInSet',\n\t'ariaPressed',\n\t'ariaReadOnly',\n\t'ariaRequired',\n\t'ariaRoleDescription',\n\t'ariaRowCount',\n\t'ariaRowIndex',\n\t'ariaRowIndexText',\n\t'ariaRowSpan',\n\t'ariaSelected',\n\t'ariaSetSize',\n\t'ariaSort',\n\t'ariaValueMax',\n\t'ariaValueMin',\n\t'ariaValueNow',\n\t'ariaValueText',\n\t'ariaRelevant', // Non-standard\n]",
+          "description": "Properties of the ARIAMixin (see: https://www.w3.org/TR/wai-aria-1.3/#ARIAMixin) which is applied to Element.\nIDREF properties are omitted."
+        },
+        {
+          "kind": "function",
+          "name": "ariaAttributeName",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "ariaPropertyName",
+              "type": {
+                "text": "AriaPropertyName"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "mixin",
+          "description": "Mixin for all components. Declares all ARIA attributes.",
+          "name": "AriaMixin",
+          "members": [
+            {
+              "kind": "field",
+              "name": "specialHandling",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "type": {
+                "text": "VividAriaBehaviour"
+              },
+              "default": "'default'"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "Base",
+              "type": {
+                "text": "T"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ariaMixinProperties",
+          "declaration": {
+            "name": "ariaMixinProperties",
+            "module": "libs/components/src/shared/aria/aria-mixin.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ariaAttributeName",
+          "declaration": {
+            "name": "ariaAttributeName",
+            "module": "libs/components/src/shared/aria/aria-mixin.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AriaMixin",
+          "declaration": {
+            "name": "AriaMixin",
+            "module": "libs/components/src/shared/aria/aria-mixin.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/aria/delegate-aria-behavior.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DelegateAriaBehavior",
+          "members": [
+            {
+              "kind": "field",
+              "name": "boundProperties",
+              "type": {
+                "text": "BoundAriaProperties<T>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "forwardedProperties",
+              "type": {
+                "text": "Set<AriaPropertyName>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "isMitigationDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "source",
+              "type": {
+                "text": "DelegatesAriaElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "bind",
+              "parameters": [
+                {
+                  "name": "source",
+                  "type": {
+                    "text": "DelegatesAriaElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "unbind"
+            },
+            {
+              "kind": "field",
+              "name": "bindingBehaviours",
+              "type": {
+                "text": "AttributeBindingBehavior[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "method",
+              "name": "bindPropertiesToTarget",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "source",
+                  "type": {
+                    "text": "DelegatesAriaElement"
+                  }
+                },
+                {
+                  "name": "boundProperties",
+                  "type": {
+                    "text": "BoundAriaProperties<T>"
+                  }
+                },
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "releasePropertyBindings",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "source",
+                  "type": {
+                    "text": "DelegatesAriaElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "startForwardingPropertiesToTarget",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "source",
+                  "type": {
+                    "text": "DelegatesAriaElement"
+                  }
+                },
+                {
+                  "name": "delegatedProperties",
+                  "type": {
+                    "text": "Set<AriaPropertyName>"
+                  }
+                },
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "stopForwardingPropertiesToTarget",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "source",
+                  "type": {
+                    "text": "DelegatesAriaElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "onSourceAriaPropertyChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "forwardPropertyToTarget",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "property",
+                  "type": {
+                    "text": "AriaPropertyName"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "BoundValue"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "mitigateAccessibilityIssues",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "source",
+                  "type": {
+                    "text": "AriaMixinElement"
+                  }
+                }
+              ],
+              "description": "Sets role to presentation unless there are properties present that prohibit it.\nUsing role=\"presentation\" will cause non-global states or properties to be ignored.\nSee: https://www.w3.org/TR/wai-aria-1.3/#conflict_resolution_presentation_none"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DelegateAriaBehavior",
+          "declaration": {
+            "name": "DelegateAriaBehavior",
+            "module": "libs/components/src/shared/aria/delegate-aria-behavior.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/aria/delegates-aria.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "delegateAria",
+          "return": {
+            "type": {
+              "text": "CaptureType<T>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "boundProperties",
+              "default": "{}",
               "type": {
-                "text": "T"
+                "text": "BoundAriaProperties<T>"
               }
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "label",
+              "name": "options",
+              "default": "{}",
               "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "label"
+                "text": "DelegateAriaOptions"
+              }
             }
-          ]
+          ],
+          "description": "Directive to delegate ARIA properties to the target element."
         },
         {
-          "kind": "function",
-          "name": "getFeedbackTemplate",
+          "kind": "mixin",
+          "description": "Mixin for components that delegate ARIA properties to an element inside the\nshadow root.",
+          "name": "DelegatesAria",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'delegate'",
+              "type": {
+                "text": "'delegate'"
+              }
+            }
+          ],
           "parameters": [
             {
-              "name": "context",
+              "name": "Base",
               "type": {
-                "text": "VividElementDefinitionContext"
+                "text": "T"
               }
             }
           ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "delegateAria",
+          "declaration": {
+            "name": "delegateAria",
+            "module": "libs/components/src/shared/aria/delegates-aria.ts"
+          }
         },
         {
-          "kind": "mixin",
+          "kind": "js",
+          "name": "DelegatesAria",
+          "declaration": {
+            "name": "DelegatesAria",
+            "module": "libs/components/src/shared/aria/delegates-aria.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/aria/host-semantics-behavior.ts",
+      "declarations": [
+        {
+          "kind": "class",
           "description": "",
-          "name": "errorText",
+          "name": "HostSemanticsBehavior",
           "members": [
             {
               "kind": "field",
-              "name": "errorText",
+              "name": "boundProperties",
               "type": {
-                "text": "string | undefined"
-              }
+                "text": "BoundAriaProperties<T>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "bind",
+              "parameters": [
+                {
+                  "name": "source",
+                  "type": {
+                    "text": "HostSemanticsElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "unbind",
+              "parameters": [
+                {
+                  "name": "source",
+                  "type": {
+                    "text": "HostSemanticsElement"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "#blockValidateCalls",
-              "privacy": "private",
+              "name": "bindingBehaviours",
               "type": {
-                "text": "boolean"
+                "text": "Behavior[]"
               },
-              "default": "false"
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "method",
-              "name": "errorTextChanged",
+              "name": "bindPropertiesToTarget",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "_",
+                  "name": "source",
                   "type": {
-                    "text": "string"
+                    "text": "HostSemanticsElement"
                   }
                 },
                 {
-                  "name": "newErrorText",
+                  "name": "boundProperties",
                   "type": {
-                    "text": "string | undefined"
+                    "text": "BoundAriaProperties<T>"
+                  }
+                },
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLElement"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#forceCustomError",
+              "name": "releasePropertyBindings",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "errorMessage",
+                  "name": "source",
                   "type": {
-                    "text": "string"
+                    "text": "HostSemanticsElement"
                   }
                 }
               ]
-            },
-            {
-              "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"
             }
           ]
         }
@@ -27539,79 +28852,50 @@
       "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",
+          "name": "HostSemanticsBehavior",
           "declaration": {
-            "name": "errorText",
-            "module": "libs/components/src/shared/patterns/form-elements/form-elements.ts"
+            "name": "HostSemanticsBehavior",
+            "module": "libs/components/src/shared/aria/host-semantics-behavior.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/shared/aria/delegates-aria.ts",
+      "path": "libs/components/src/shared/aria/host-semantics.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "ariaAttributeName",
+          "name": "applyHostSemantics",
           "return": {
             "type": {
-              "text": "string"
+              "text": "CaptureType<T>"
             }
           },
           "parameters": [
             {
-              "name": "ariaPropertyName",
+              "name": "boundProperties",
+              "default": "{}",
               "type": {
-                "text": "AriaPropertyName"
+                "text": "BoundAriaProperties<T>"
               }
             }
           ]
         },
         {
           "kind": "mixin",
-          "description": "Mixin for components that delegate ARIA properties to an element inside the\nshadow root.",
-          "name": "DelegatesAria",
+          "description": "Mixin for components that place semantics on the host element.",
+          "name": "HostSemantics",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'host'",
+              "type": {
+                "text": "'host'"
+              }
+            }
+          ],
           "parameters": [
             {
               "name": "Base",
@@ -27625,18 +28909,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ariaAttributeName",
+          "name": "applyHostSemantics",
           "declaration": {
-            "name": "ariaAttributeName",
-            "module": "libs/components/src/shared/aria/delegates-aria.ts"
+            "name": "applyHostSemantics",
+            "module": "libs/components/src/shared/aria/host-semantics.ts"
           }
         },
         {
           "kind": "js",
-          "name": "DelegatesAria",
+          "name": "HostSemantics",
           "declaration": {
-            "name": "DelegatesAria",
-            "module": "libs/components/src/shared/aria/delegates-aria.ts"
+            "name": "HostSemantics",
+            "module": "libs/components/src/shared/aria/host-semantics.ts"
           }
         }
       ]
@@ -27673,6 +28957,30 @@
                 "name": "VividElement",
                 "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
               }
+            },
+            {
+              "kind": "field",
+              "name": "specialHandling",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "type": {
+                "text": "VividAriaBehaviour"
+              },
+              "default": "'default'",
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [
@@ -27808,6 +29116,30 @@
                 "name": "VividElement",
                 "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
               }
+            },
+            {
+              "kind": "field",
+              "name": "specialHandling",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "type": {
+                "text": "VividAriaBehaviour"
+              },
+              "default": "'default'",
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "attributes": [
@@ -28517,6 +29849,30 @@
                 "name": "VividElement",
                 "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
               }
+            },
+            {
+              "kind": "field",
+              "name": "specialHandling",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "type": {
+                "text": "VividAriaBehaviour"
+              },
+              "default": "'default'",
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
             }
           ],
           "mixins": [