@vonage/vivid 4.19.0-preview.0 → 4.20.0

package/custom-elements.json

@@ -2,6 +2,12 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/tag-name-map.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/accordion/accordion.ts",
@@ -288,182 +294,6 @@
         }
       ]
     },
-    {
-      "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": "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",
@@ -568,6 +398,33 @@
               "name": "change",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "iconTrailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -648,6 +505,37 @@
               },
               "description": "The size the accordion-item should have.",
               "fieldName": "size"
+            },
+            {
+              "name": "icon-trailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "fieldName": "iconTrailing",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AffixIconWithTrailing",
+              "module": "/libs/components/src/shared/patterns/affix"
             }
           ],
           "superclass": {
@@ -706,6 +594,182 @@
         }
       ]
     },
+    {
+      "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": "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",
@@ -835,15 +899,6 @@
               "description": "The main text of the Alert.",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The icon to display in the Alert. Takes precedence over the connotation's icon.",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "timeoutms",
@@ -924,6 +979,19 @@
               "name": "#onTransitionEnd",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -997,14 +1065,6 @@
               "description": "The main text of the Alert.",
               "fieldName": "text"
             },
-            {
-              "name": "icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The icon to display in the Alert. Takes precedence over the connotation's icon.",
-              "fieldName": "icon"
-            },
             {
               "type": {
                 "text": "number"
@@ -1036,6 +1096,28 @@
               "default": "false",
               "description": "Open state of the Alert.",
               "fieldName": "open"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns/affix"
+            },
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
             }
           ],
           "superclass": {
@@ -1437,6 +1519,12 @@
               "fieldName": "playbackRates"
             }
           ],
+          "mixins": [
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
@@ -2144,6 +2232,33 @@
               "description": "Indicates the badge's text.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "iconTrailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -2191,6 +2306,37 @@
               },
               "description": "Indicates the badge's text.",
               "fieldName": "text"
+            },
+            {
+              "name": "icon-trailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "fieldName": "iconTrailing",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AffixIconWithTrailing",
+              "module": "/libs/components/src/shared/patterns/affix"
             }
           ],
           "superclass": {
@@ -2402,6 +2548,19 @@
               "name": "#closeOnKeyDown",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -2460,9 +2619,29 @@
                 "text": "BannerConnotation | undefined"
               },
               "fieldName": "connotation"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
             }
           ],
           "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns"
+            },
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            },
             {
               "name": "DelegatesAria",
               "module": "/libs/components/src/shared/aria/delegates-aria"
@@ -3138,6 +3317,33 @@
               "description": "Indicates the target's rel.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "iconTrailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "autofocus",
@@ -3565,6 +3771,31 @@
               "description": "Indicates the target's rel.",
               "fieldName": "target"
             },
+            {
+              "name": "icon-trailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "fieldName": "iconTrailing",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "name": "form",
               "type": {
@@ -3638,6 +3869,12 @@
               }
             }
           ],
+          "mixins": [
+            {
+              "name": "AffixIconWithTrailing",
+              "module": "/libs/components/src/shared/patterns/affix"
+            }
+          ],
           "superclass": {
             "name": "VividFoundationButton",
             "module": "/libs/components/src/shared/foundation/button/button.js"
@@ -4814,7 +5051,7 @@
                 "eventNames": [
                   "change"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).checked"
+                "valueMapping": "event.currentTarget.checked"
               }
             ]
           }
@@ -5097,6 +5334,19 @@
               "description": "Filter available options by text value.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -5293,6 +5543,18 @@
               "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
               "fieldName": "placeholder"
             },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "type": {
                 "text": "boolean"
@@ -5305,6 +5567,12 @@
               }
             }
           ],
+          "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns"
+            }
+          ],
           "superclass": {
             "name": "FormAssociatedCombobox",
             "module": "/libs/components/src/lib/combobox/combobox.form-associated"
@@ -5319,7 +5587,7 @@
                 "eventNames": [
                   "change"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -6969,7 +7237,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           },
@@ -7527,7 +7795,7 @@
                 "eventNames": [
                   "input:start"
                 ],
-                "valueMapping": "(event.target as any).start"
+                "valueMapping": "event.currentTarget.start"
               },
               {
                 "name": "end",
@@ -7535,7 +7803,7 @@
                 "eventNames": [
                   "input:end"
                 ],
-                "valueMapping": "(event.target as any).end"
+                "valueMapping": "event.currentTarget.end"
               }
             ]
           }
@@ -8140,7 +8408,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -8181,6 +8449,14 @@
             "name": "registerDateTimePicker",
             "module": "libs/components/src/lib/date-time-picker/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcDateTimePickerElement",
+          "declaration": {
+            "name": "DateTimePicker",
+            "module": "libs/components/src/lib/date-time-picker/definition.ts"
+          }
         }
       ]
     },
@@ -8553,6 +8829,12 @@
               "fieldName": "callButtonLabel"
             }
           ],
+          "mixins": [
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
@@ -8567,7 +8849,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as any).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -8968,6 +9250,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            },
             {
               "name": "DelegatesAria",
               "module": "/libs/components/src/shared/aria/delegates-aria"
@@ -8988,7 +9274,7 @@
                   "open",
                   "close"
                 ],
-                "valueMapping": "(event.target as any).open"
+                "valueMapping": "event.currentTarget.open"
               }
             ]
           }
@@ -9711,6 +9997,33 @@
               "description": "Indicates the fab's label.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "iconTrailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "autofocus",
@@ -10018,6 +10331,31 @@
               "description": "Indicates the fab's label.",
               "fieldName": "label"
             },
+            {
+              "name": "icon-trailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "fieldName": "iconTrailing",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "type": {
                 "text": "boolean"
@@ -10102,6 +10440,12 @@
               }
             }
           ],
+          "mixins": [
+            {
+              "name": "AffixIconWithTrailing",
+              "module": "/libs/components/src/shared/patterns/affix"
+            }
+          ],
           "superclass": {
             "name": "VividFoundationButton",
             "module": "/libs/components/src/shared/foundation/button"
@@ -10706,6 +11050,12 @@
               "fieldName": "fileTooBigError"
             }
           ],
+          "mixins": [
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            }
+          ],
           "superclass": {
             "name": "FormAssociatedFilePicker",
             "module": "/libs/components/src/lib/file-picker/file-picker.form-associated"
@@ -11217,7 +11567,7 @@
               "kind": "field",
               "name": "autoSizing",
               "type": {
-                "text": "AUTO_SIZING | undefined"
+                "text": "'fit' | 'fill' | undefined"
               },
               "description": "sets the initial preferred auto-sizing from predefined available options",
               "privacy": "public"
@@ -11273,7 +11623,7 @@
             {
               "name": "auto-sizing",
               "type": {
-                "text": "AUTO_SIZING | undefined"
+                "text": "'fit' | 'fill' | undefined"
               },
               "description": "sets the initial preferred auto-sizing from predefined available options",
               "fieldName": "autoSizing"
@@ -12045,7 +12395,7 @@
               "kind": "field",
               "name": "checkedAppearance",
               "type": {
-                "text": "CheckAppearance | undefined"
+                "text": "| 'normal'\n\t\t| 'tick-only' | undefined"
               },
               "description": "Controls the appearance of the check indicator.",
               "privacy": "public"
@@ -12089,6 +12439,19 @@
               "kind": "method",
               "name": "#emitSyntheticClick"
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -12186,10 +12549,28 @@
             {
               "name": "check-appearance",
               "type": {
-                "text": "CheckAppearance | undefined"
+                "text": "| 'normal'\n\t\t| 'tick-only' | undefined"
               },
               "description": "Controls the appearance of the check indicator.",
               "fieldName": "checkedAppearance"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns/affix"
             }
           ],
           "superclass": {
@@ -12206,7 +12587,7 @@
                 "eventNames": [
                   "change"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).checked"
+                "valueMapping": "event.currentTarget.checked"
               }
             ]
           }
@@ -12490,6 +12871,19 @@
               "name": "#onToggle",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -12545,9 +12939,25 @@
               "default": "false",
               "description": "Indicates whether the nav-disclosure is open",
               "fieldName": "open"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
             }
           ],
           "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns/affix"
+            },
             {
               "name": "DelegatesAria",
               "module": "/libs/components/src/shared/aria/delegates-aria"
@@ -12706,6 +13116,19 @@
               "kind": "method",
               "name": "getBodyTemplate"
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "text",
@@ -12760,6 +13183,12 @@
               }
             }
           ],
+          "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns/affix"
+            }
+          ],
           "superclass": {
             "name": "TextAnchor",
             "module": "/libs/components/src/lib/text-anchor/text-anchor"
@@ -12769,6 +13198,18 @@
             "name": "nav-item"
           },
           "attributes": [
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "name": "text",
               "type": {
@@ -12966,9 +13407,22 @@
             },
             {
               "kind": "field",
-              "name": "connotation",
+              "name": "connotation",
+              "type": {
+                "text": "NoteConnotation | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
               "type": {
-                "text": "NoteConnotation | undefined"
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
               }
             },
             {
@@ -13001,6 +13455,24 @@
                 "text": "NoteConnotation | undefined"
               },
               "fieldName": "connotation"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns"
             }
           ],
           "superclass": {
@@ -13421,6 +13893,19 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -13581,9 +14066,29 @@
                 "text": "string | undefined"
               },
               "fieldName": "autoComplete"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
             }
           ],
           "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns"
+            },
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            },
             {
               "name": "DelegatesAria",
               "module": "/libs/components/src/shared/aria/delegates-aria"
@@ -13603,7 +14108,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -13886,22 +14391,15 @@
             },
             {
               "kind": "field",
-              "name": "_internalHighlightText",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "highlightText",
+              "name": "matchedText",
               "type": {
                 "text": "string | undefined"
-              }
+              },
+              "description": "Text to highlighted as matching a search query."
             },
             {
               "kind": "field",
-              "name": "_highlightTextToUse",
+              "name": "_hasMatchedText",
               "readonly": true
             },
             {
@@ -13910,6 +14408,33 @@
               "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": "iconTrailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -13964,11 +14489,43 @@
               "fieldName": "_text"
             },
             {
-              "name": "highlight-text",
+              "name": "matched-text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Text to highlighted as matching a search query.",
+              "fieldName": "matchedText"
+            },
+            {
+              "name": "icon-trailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "fieldName": "iconTrailing",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "name": "icon",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "highlightText"
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AffixIconWithTrailing",
+              "module": "/libs/components/src/shared/patterns/affix"
             }
           ],
           "superclass": {
@@ -14182,6 +14739,16 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "#constrainedSelectedIndex",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#constrainSelectedIndex"
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -15782,7 +16349,7 @@
                 "eventNames": [
                   "change"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -16453,6 +17020,12 @@
               "fieldName": "pin"
             }
           ],
+          "mixins": [
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            }
+          ],
           "superclass": {
             "name": "FormAssociatedRangeSlider",
             "module": "/libs/components/src/lib/range-slider/range-slider.form-associated"
@@ -16467,7 +17040,7 @@
                 "eventNames": [
                   "input:start"
                 ],
-                "valueMapping": "(event.target as any).start"
+                "valueMapping": "event.currentTarget.start"
               },
               {
                 "name": "end",
@@ -16475,7 +17048,7 @@
                 "eventNames": [
                   "input:end"
                 ],
-                "valueMapping": "(event.target as any).end"
+                "valueMapping": "event.currentTarget.end"
               }
             ]
           }
@@ -16528,6 +17101,14 @@
             "name": "registerRichTextEditor",
             "module": "libs/components/src/lib/rich-text-editor/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcRichTextEditorElement",
+          "declaration": {
+            "name": "RichTextEditor",
+            "module": "libs/components/src/lib/rich-text-editor/definition.ts"
+          }
         }
       ]
     },
@@ -16535,6 +17116,14 @@
       "kind": "javascript-module",
       "path": "libs/components/src/lib/rich-text-editor/rich-text-editor.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "RichTextEditorTextSizes",
+          "type": {
+            "text": "{\n\ttitle: 'h2',\n\tsubtitle: 'h3',\n\tbody: 'p',\n}"
+          },
+          "default": "{\n\ttitle: 'h2',\n\tsubtitle: 'h3',\n\tbody: 'p',\n}"
+        },
         {
           "kind": "class",
           "description": "",
@@ -16595,6 +17184,15 @@
               "kind": "method",
               "name": "selectionEndChanged"
             },
+            {
+              "kind": "field",
+              "name": "#selectionChangedByUser",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "#handleSelectionChange",
@@ -16605,6 +17203,35 @@
               "name": "#handleChange",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "#handleInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setTextSize",
+              "parameters": [
+                {
+                  "name": "size",
+                  "type": {
+                    "text": "'title' | 'subtitle' | 'body'"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setSelectionDecoration",
+              "parameters": [
+                {
+                  "name": "decoration",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -16649,6 +17276,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "RichTextEditorTextSizes",
+          "declaration": {
+            "name": "RichTextEditorTextSizes",
+            "module": "libs/components/src/lib/rich-text-editor/rich-text-editor.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "RichTextEditor",
@@ -16802,6 +17437,12 @@
               "fieldName": "disabled"
             }
           ],
+          "mixins": [
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
@@ -16938,7 +17579,7 @@
               "name": "no-matches"
             },
             {
-              "description": "Message that appears when no options are loading.",
+              "description": "Message that appears there are no options to display and the component is in a loading state.",
               "name": "loading-options"
             }
           ],
@@ -17091,6 +17732,7 @@
             {
               "kind": "field",
               "name": "searchText",
+              "description": "The current search text of the component.",
               "readonly": true
             },
             {
@@ -17150,10 +17792,11 @@
             },
             {
               "kind": "field",
-              "name": "filterOption",
+              "name": "optionFilter",
               "type": {
                 "text": "(\n\t\toption: ListboxOption,\n\t\tsearchText: string\n\t) => boolean | undefined"
-              }
+              },
+              "description": "Function to filter the options to display."
             },
             {
               "kind": "field",
@@ -17161,7 +17804,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "Whether the component is in a loading state."
             },
             {
               "kind": "method",
@@ -17299,6 +17943,33 @@
               "privacy": "private",
               "default": "new ResizeObserver(() => {\n\t\tthis.#updateTagLayout();\n\t})"
             },
+            {
+              "kind": "field",
+              "name": "iconTrailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -17335,7 +18006,7 @@
                 "text": "CustomEvent<undefined>"
               },
               "description": "Fired when the search text changes",
-              "name": "input:search-text"
+              "name": "search-text-change"
             },
             {
               "type": {
@@ -17410,6 +18081,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the component is in a loading state.",
               "fieldName": "loading"
             },
             {
@@ -17419,6 +18091,41 @@
               "default": "false",
               "description": "Adds a clear button to the input field that clears the selected values.",
               "fieldName": "clearable"
+            },
+            {
+              "name": "icon-trailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "fieldName": "iconTrailing",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AffixIconWithTrailing",
+              "module": "/libs/components/src/shared/patterns"
+            },
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
             }
           ],
           "superclass": {
@@ -17435,7 +18142,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               },
               {
                 "name": "values",
@@ -17443,7 +18150,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as any).values"
+                "valueMapping": "event.currentTarget.values"
               }
             ]
           }
@@ -17870,6 +18577,33 @@
               "kind": "method",
               "name": "formResetCallback"
             },
+            {
+              "kind": "field",
+              "name": "iconTrailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -18070,6 +18804,37 @@
               },
               "description": "The placeholder attribute.",
               "fieldName": "placeholder"
+            },
+            {
+              "name": "icon-trailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "fieldName": "iconTrailing",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AffixIconWithTrailing",
+              "module": "/libs/components/src/shared/patterns"
             }
           ],
           "superclass": {
@@ -18086,7 +18851,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -19082,6 +19847,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            },
             {
               "name": "DelegatesAria",
               "module": "/libs/components/src/shared/aria/delegates-aria"
@@ -19101,7 +19870,7 @@
                 "eventNames": [
                   "change"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -19459,15 +20228,6 @@
               "description": "Indicates the split button's label.",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Indicates the split button's icon.",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "splitIndicator",
@@ -19498,6 +20258,19 @@
               "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -19570,14 +20343,6 @@
               "description": "Indicates the split button's label.",
               "fieldName": "label"
             },
-            {
-              "name": "icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Indicates the split button's icon.",
-              "fieldName": "icon"
-            },
             {
               "name": "split-indicator",
               "type": {
@@ -19604,9 +20369,29 @@
               "default": "null",
               "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
               "fieldName": "indicatorAriaLabel"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
             }
           ],
           "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns/affix"
+            },
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            },
             {
               "name": "DelegatesAria",
               "module": "/libs/components/src/shared/aria/delegates-aria"
@@ -19985,7 +20770,7 @@
                 "eventNames": [
                   "change"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).checked"
+                "valueMapping": "event.currentTarget.checked"
               }
             ]
           }
@@ -20210,6 +20995,33 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "iconTrailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -20279,6 +21091,41 @@
               },
               "default": "null",
               "fieldName": "ariaSelected"
+            },
+            {
+              "name": "icon-trailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "fieldName": "iconTrailing",
+              "inheritedFrom": {
+                "name": "AffixIconWithTrailing",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AffixIconWithTrailing",
+              "module": "/libs/components/src/shared/patterns/affix"
+            },
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
             }
           ],
           "superclass": {
@@ -21180,6 +22027,19 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -21275,6 +22135,24 @@
               "default": "false",
               "description": "indicates whether the tag is selected",
               "fieldName": "selected"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns/affix"
             }
           ],
           "superclass": {
@@ -21475,6 +22353,19 @@
               "description": "The appearance Text-Anchor should have.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -21514,9 +22405,25 @@
               },
               "description": "The appearance Text-Anchor should have.",
               "fieldName": "appearance"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
             }
           ],
           "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns/affix"
+            },
             {
               "name": "DelegatesAria",
               "module": "/libs/components/src/shared/aria/delegates-aria"
@@ -22053,7 +22960,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -22442,6 +23349,19 @@
               "kind": "method",
               "name": "#updateMirroredHelperText"
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "proxy",
@@ -22586,9 +23506,25 @@
               },
               "description": "Hints at the type of data that might be entered by the user while editing the element or its contents.\nThis allows a browser to display an appropriate virtual keyboard.",
               "fieldName": "inputMode"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
             }
           ],
           "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns"
+            },
             {
               "name": "DelegatesAria",
               "module": "/libs/components/src/shared/aria/delegates-aria"
@@ -22608,7 +23544,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -23099,7 +24035,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -23882,6 +24818,19 @@
               "privacy": "public",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -23945,6 +24894,24 @@
               "default": "false",
               "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
               "fieldName": "disabled"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns/affix"
             }
           ],
           "superclass": {
@@ -24471,6 +25438,12 @@
               "fieldName": "skipBy"
             }
           ],
+          "mixins": [
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
@@ -24648,13 +25621,19 @@
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/rich-text-editor/facades/prose-mirror-vivid.schema.ts",
-      "declarations": [],
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "extendedSchema",
+          "default": "new Schema({\n\tnodes: basicSchema.spec.nodes,\n\tmarks: {\n\t\t...basicSchema.spec.marks.toObject(),\n\t\t...customMarks,\n\t},\n})"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "schema",
+            "name": "extendedSchema",
             "module": "libs/components/src/lib/rich-text-editor/facades/prose-mirror-vivid.schema.ts"
           }
         }
@@ -24686,6 +25665,10 @@
                 "text": "EditorView | undefined"
               }
             },
+            {
+              "kind": "method",
+              "name": "#verifyViewInitiation"
+            },
             {
               "kind": "field",
               "name": "#onSelectionChange",
@@ -24698,7 +25681,7 @@
             },
             {
               "kind": "field",
-              "name": "#handleBlueEvent",
+              "name": "#handleChangeEvent",
               "privacy": "private"
             },
             {
@@ -24745,42 +25728,162 @@
             },
             {
               "kind": "field",
-              "name": "#eventHandler",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "addEventListener",
-              "parameters": [
-                {
-                  "name": "eventName",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "callback",
-                  "type": {
-                    "text": "EventListenerOrEventListenerObject"
-                  }
-                }
-              ]
+              "name": "#eventHandler",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "addEventListener",
+              "parameters": [
+                {
+                  "name": "eventName",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "callback",
+                  "type": {
+                    "text": "EventListenerOrEventListenerObject"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#dispatchEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setSelectionTag",
+              "parameters": [
+                {
+                  "name": "tag",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setSelectionDecoration",
+              "parameters": [
+                {
+                  "name": "decoration",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ProseMirrorFacade",
+          "declaration": {
+            "name": "ProseMirrorFacade",
+            "module": "libs/components/src/lib/rich-text-editor/facades/vivid-prose-mirror.facade.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/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": "#dispatchEvent",
-              "privacy": "private"
+              "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": "ProseMirrorFacade",
+          "name": "MenuBar",
           "declaration": {
-            "name": "ProseMirrorFacade",
-            "module": "libs/components/src/lib/rich-text-editor/facades/vivid-prose-mirror.facade.ts"
+            "name": "MenuBar",
+            "module": "libs/components/src/lib/rich-text-editor/menubar/menubar.ts"
           }
         }
       ]
@@ -25762,6 +26865,186 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/patterns/affix.ts",
+      "declarations": [
+        {
+          "kind": "mixin",
+          "description": "A mixin class implementing prefix elements.\nThese are generally used to decorate text elements with icons or other visual indicators.",
+          "name": "AffixIcon",
+          "members": [
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "Base",
+              "type": {
+                "text": "T"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon"
+            }
+          ]
+        },
+        {
+          "kind": "mixin",
+          "description": "A mixin class implementing icon affix (prefix or suffix) alignment.",
+          "name": "AffixIconWithTrailing",
+          "members": [
+            {
+              "kind": "field",
+              "name": "iconTrailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "libs/components/src/shared/patterns/affix.ts"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "Base",
+              "type": {
+                "text": "T"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "icon-trailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the icon affix alignment.",
+              "fieldName": "iconTrailing"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "IconWrapper",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n\tSlot: false,\n\tSpan: true,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "IconAriaHidden",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n\tHidden: 'true',\n\tVisible: 'false',\n}"
+        },
+        {
+          "kind": "function",
+          "name": "affixIconTemplateFactory",
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "VividElementDefinitionContext"
+              },
+              "description": "element definition context"
+            }
+          ],
+          "description": "The template for the prefixed element.\nFor use with AffixIcon",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AffixIcon",
+          "declaration": {
+            "name": "AffixIcon",
+            "module": "libs/components/src/shared/patterns/affix.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AffixIconWithTrailing",
+          "declaration": {
+            "name": "AffixIconWithTrailing",
+            "module": "libs/components/src/shared/patterns/affix.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IconWrapper",
+          "declaration": {
+            "name": "IconWrapper",
+            "module": "libs/components/src/shared/patterns/affix.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IconAriaHidden",
+          "declaration": {
+            "name": "IconAriaHidden",
+            "module": "libs/components/src/shared/patterns/affix.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "affixIconTemplateFactory",
+          "declaration": {
+            "name": "affixIconTemplateFactory",
+            "module": "libs/components/src/shared/patterns/affix.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/shared/patterns/anchored.ts",
@@ -25880,17 +27163,15 @@
       "path": "libs/components/src/shared/patterns/localized.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
+          "kind": "mixin",
+          "description": "Mixin for elements that need to access the current locale.",
           "name": "Localized",
-          "members": [
+          "parameters": [
             {
-              "kind": "field",
-              "name": "locale",
+              "name": "Base",
               "type": {
-                "text": "Locale"
-              },
-              "readonly": true
+                "text": "T"
+              }
             }
           ]
         }
@@ -25911,34 +27192,40 @@
       "path": "libs/components/src/shared/patterns/trapped-focus.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "TrappedFocus",
-          "members": [
+          "kind": "function",
+          "name": "ignoreEventInFocusTraps",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "ignoredEvents",
-              "privacy": "private",
-              "static": true,
-              "default": "new WeakSet<Event>()"
-            },
+              "name": "event",
+              "type": {
+                "text": "Event"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "mixin",
+          "description": "Mixin for elements that trap focus.",
+          "name": "TrappedFocus",
+          "parameters": [
             {
-              "kind": "method",
-              "name": "ignoreEvent",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "Base",
+              "type": {
+                "text": "T"
+              }
             }
           ]
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "ignoreEventInFocusTraps",
+          "declaration": {
+            "name": "ignoreEventInFocusTraps",
+            "module": "libs/components/src/shared/patterns/trapped-focus.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "TrappedFocus",
@@ -26491,6 +27778,16 @@
               "fieldName": "readOnly"
             }
           ],
+          "mixins": [
+            {
+              "name": "TrappedFocus",
+              "module": "/libs/components/src/shared/patterns"
+            },
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            }
+          ],
           "superclass": {
             "name": "FormAssociatedPickerField",
             "module": "/libs/components/src/shared/picker-field/picker-field.form-associated"
@@ -27163,6 +28460,12 @@
               }
             }
           ],
+          "mixins": [
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"