@vonage/vivid 4.19.0-preview.0 → 4.19.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",
@@ -708,95 +538,271 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/alert/alert.ts",
+      "path": "libs/components/src/lib/action-group/action-group.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Alert",
+          "name": "ActionGroup",
           "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",
+              "name": "--vvd-action-group-accent-primary",
               "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-action-group-accent-intermediate",
+              "default": "var(--vvd-color-neutral-500)"
             },
             {
-              "name": "--vvd-alert-accent-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "name": "--vvd-action-group-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
             }
           ],
           "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"
+              "description": "Default slot.",
+              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dismissButtonAriaLabel",
+              "name": "shape",
               "type": {
-                "text": "| string\n\t\t| null"
+                "text": "ActionGroupShape | undefined"
               },
-              "default": "null",
-              "description": "Allows setting a custom aria-label for the dismiss button.",
+              "description": "The shape the ActionGroup should have.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "#timeoutID",
-              "privacy": "private",
+              "name": "appearance",
               "type": {
-                "text": "NodeJS.Timeout | undefined"
-              }
-            },
+                "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",
+              "type": {
+                "text": "NodeJS.Timeout | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "removable",
@@ -4814,7 +4820,7 @@
                 "eventNames": [
                   "change"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).checked"
+                "valueMapping": "event.currentTarget.checked"
               }
             ]
           }
@@ -5319,7 +5325,7 @@
                 "eventNames": [
                   "change"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -6969,7 +6975,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           },
@@ -7527,7 +7533,7 @@
                 "eventNames": [
                   "input:start"
                 ],
-                "valueMapping": "(event.target as any).start"
+                "valueMapping": "event.currentTarget.start"
               },
               {
                 "name": "end",
@@ -7535,7 +7541,7 @@
                 "eventNames": [
                   "input:end"
                 ],
-                "valueMapping": "(event.target as any).end"
+                "valueMapping": "event.currentTarget.end"
               }
             ]
           }
@@ -8140,7 +8146,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -8181,6 +8187,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"
+          }
         }
       ]
     },
@@ -8567,7 +8581,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as any).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -8988,7 +9002,7 @@
                   "open",
                   "close"
                 ],
-                "valueMapping": "(event.target as any).open"
+                "valueMapping": "event.currentTarget.open"
               }
             ]
           }
@@ -12206,7 +12220,7 @@
                 "eventNames": [
                   "change"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).checked"
+                "valueMapping": "event.currentTarget.checked"
               }
             ]
           }
@@ -13603,7 +13617,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -13886,22 +13900,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
             },
             {
@@ -13964,11 +13971,12 @@
               "fieldName": "_text"
             },
             {
-              "name": "highlight-text",
+              "name": "matched-text",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "highlightText"
+              "description": "Text to highlighted as matching a search query.",
+              "fieldName": "matchedText"
             }
           ],
           "superclass": {
@@ -14182,6 +14190,16 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "#constrainedSelectedIndex",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#constrainSelectedIndex"
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -15782,7 +15800,7 @@
                 "eventNames": [
                   "change"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -16467,7 +16485,7 @@
                 "eventNames": [
                   "input:start"
                 ],
-                "valueMapping": "(event.target as any).start"
+                "valueMapping": "event.currentTarget.start"
               },
               {
                 "name": "end",
@@ -16475,7 +16493,7 @@
                 "eventNames": [
                   "input:end"
                 ],
-                "valueMapping": "(event.target as any).end"
+                "valueMapping": "event.currentTarget.end"
               }
             ]
           }
@@ -16528,6 +16546,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 +16561,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 +16629,15 @@
               "kind": "method",
               "name": "selectionEndChanged"
             },
+            {
+              "kind": "field",
+              "name": "#selectionChangedByUser",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "#handleSelectionChange",
@@ -16605,6 +16648,23 @@
               "name": "#handleChange",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "#handleInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setTextSize",
+              "parameters": [
+                {
+                  "name": "size",
+                  "type": {
+                    "text": "'title' | 'subtitle' | 'body'"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -16649,6 +16709,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",
@@ -16938,7 +17006,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 +17159,7 @@
             {
               "kind": "field",
               "name": "searchText",
+              "description": "The current search text of the component.",
               "readonly": true
             },
             {
@@ -17150,10 +17219,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 +17231,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "Whether the component is in a loading state."
             },
             {
               "kind": "method",
@@ -17335,7 +17406,7 @@
                 "text": "CustomEvent<undefined>"
               },
               "description": "Fired when the search text changes",
-              "name": "input:search-text"
+              "name": "search-text-change"
             },
             {
               "type": {
@@ -17410,6 +17481,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the component is in a loading state.",
               "fieldName": "loading"
             },
             {
@@ -17435,7 +17507,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               },
               {
                 "name": "values",
@@ -17443,7 +17515,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as any).values"
+                "valueMapping": "event.currentTarget.values"
               }
             ]
           }
@@ -18086,7 +18158,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -19101,7 +19173,7 @@
                 "eventNames": [
                   "change"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -19128,12 +19200,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/split-button/definition.ts",
+      "path": "libs/components/src/lib/switch/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "registerSplitButton",
-          "description": "Registers the button elements with the design system.",
+          "name": "registerSwitch",
+          "description": "Registers the switch elements with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -19145,358 +19217,268 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SplitButtonAppearance",
-          "declaration": {
-            "name": "SplitButtonAppearance",
-            "module": "./split-button"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SplitButtonConnotation",
+          "name": "SwitchConnotation",
           "declaration": {
-            "name": "SplitButtonConnotation",
-            "module": "./split-button"
+            "name": "SwitchConnotation",
+            "module": "./switch"
           }
         },
         {
           "kind": "js",
-          "name": "SplitButtonShape",
+          "name": "registerSwitch",
           "declaration": {
-            "name": "SplitButtonShape",
-            "module": "./split-button"
+            "name": "registerSwitch",
+            "module": "libs/components/src/lib/switch/definition.ts"
           }
         },
         {
           "kind": "js",
-          "name": "SplitButtonSize",
+          "name": "VwcSwitchElement",
           "declaration": {
-            "name": "SplitButtonSize",
-            "module": "./split-button"
+            "name": "Switch",
+            "module": "libs/components/src/lib/switch/definition.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/switch/switch.form-associated.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "registerSplitButton",
-          "declaration": {
-            "name": "registerSplitButton",
-            "module": "libs/components/src/lib/split-button/definition.ts"
+          "kind": "class",
+          "description": "",
+          "name": "FormAssociatedSwitch",
+          "members": [
+            {
+              "kind": "field",
+              "name": "proxy"
+            },
+            {
+              "kind": "field",
+              "name": "VIVID_VERSION",
+              "static": true,
+              "default": "__PACKAGE_VERSION__",
+              "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "CheckableFormAssociated",
+              "module": "/libs/components/src/shared/foundation/form-associated/form-associated"
+            }
+          ],
+          "superclass": {
+            "name": "_Switch",
+            "module": "libs/components/src/lib/switch/switch.form-associated.ts"
           }
-        },
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "VwcSplitButtonElement",
+          "name": "FormAssociatedSwitch",
           "declaration": {
-            "name": "SplitButton",
-            "module": "libs/components/src/lib/split-button/definition.ts"
+            "name": "FormAssociatedSwitch",
+            "module": "libs/components/src/lib/switch/switch.form-associated.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/split-button/locale.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/split-button/split-button.ts",
+      "path": "libs/components/src/lib/switch/switch.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SplitButton",
+          "name": "Switch",
           "cssProperties": [
             {
-              "name": "--vvd-split-button-cta-primary",
-              "default": "var(--vvd-color-cta-500)"
-            },
-            {
-              "name": "--vvd-split-button-cta-primary-text",
+              "name": "--vvd-switch-cta-primary-text",
               "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-split-button-cta-primary-increment",
-              "default": "var(--vvd-color-cta-600)"
-            },
-            {
-              "name": "--vvd-split-button-cta-contrast",
-              "default": "var(--vvd-color-cta-800)"
-            },
-            {
-              "name": "--vvd-split-button-cta-fierce",
-              "default": "var(--vvd-color-cta-700)"
+              "name": "--vvd-switch-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
             },
             {
-              "name": "--vvd-split-button-cta-firm",
+              "name": "--vvd-switch-cta-primary-increment",
               "default": "var(--vvd-color-cta-600)"
             },
             {
-              "name": "--vvd-split-button-cta-soft",
-              "default": "var(--vvd-color-cta-100)"
+              "name": "--vvd-switch-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
             },
             {
-              "name": "--vvd-split-button-cta-faint",
-              "default": "var(--vvd-color-cta-50)"
+              "name": "--vvd-switch-cta-intermediate",
+              "default": "var(--vvd-color-cta-500)"
             },
             {
-              "name": "--vvd-split-button-success-primary",
-              "default": "var(--vvd-color-success-500)"
+              "name": "--vvd-switch-cta-fierce",
+              "default": "var(--vvd-color-cta-700)"
             },
             {
-              "name": "--vvd-split-button-success-primary-text",
+              "name": "--vvd-switch-alert-primary-text",
               "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-split-button-success-primary-increment",
-              "default": "var(--vvd-color-success-600)"
-            },
-            {
-              "name": "--vvd-split-button-success-contrast",
-              "default": "var(--vvd-color-success-800)"
-            },
-            {
-              "name": "--vvd-split-button-success-fierce",
-              "default": "var(--vvd-color-success-700)"
+              "name": "--vvd-switch-alert-primary",
+              "default": "var(--vvd-color-alert-500)"
             },
             {
-              "name": "--vvd-split-button-success-firm",
-              "default": "var(--vvd-color-success-600)"
+              "name": "--vvd-switch-alert-primary-increment",
+              "default": "var(--vvd-color-alert-600)"
             },
             {
-              "name": "--vvd-split-button-success-soft",
-              "default": "var(--vvd-color-success-100)"
+              "name": "--vvd-switch-alert-firm",
+              "default": "var(--vvd-color-alert-600)"
             },
             {
-              "name": "--vvd-split-button-success-faint",
-              "default": "var(--vvd-color-success-50)"
+              "name": "--vvd-switch-alert-intermediate",
+              "default": "var(--vvd-color-alert-500)"
             },
             {
-              "name": "--vvd-split-button-alert-primary",
-              "default": "var(--vvd-color-alert-500)"
+              "name": "--vvd-switch-alert-fierce",
+              "default": "var(--vvd-color-alert-700)"
             },
             {
-              "name": "--vvd-split-button-alert-primary-text",
+              "name": "--vvd-switch-success-primary-text",
               "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-split-button-alert-primary-increment",
-              "default": "var(--vvd-color-alert-600)"
+              "name": "--vvd-switch-success-primary",
+              "default": "var(--vvd-color-success-500)"
             },
             {
-              "name": "--vvd-split-button-alert-contrast",
-              "default": "var(--vvd-color-alert-800)"
+              "name": "--vvd-switch-success-primary-increment",
+              "default": "var(--vvd-color-success-600)"
             },
             {
-              "name": "--vvd-split-button-alert-fierce",
-              "default": "var(--vvd-color-alert-700)"
+              "name": "--vvd-switch-success-firm",
+              "default": "var(--vvd-color-success-600)"
             },
             {
-              "name": "--vvd-split-button-alert-firm",
-              "default": "var(--vvd-color-alert-600)"
+              "name": "--vvd-switch-success-intermediate",
+              "default": "var(--vvd-color-success-500)"
             },
             {
-              "name": "--vvd-split-button-alert-soft",
-              "default": "var(--vvd-color-alert-100)"
+              "name": "--vvd-switch-success-fierce",
+              "default": "var(--vvd-color-success-700)"
             },
             {
-              "name": "--vvd-split-button-alert-faint",
-              "default": "var(--vvd-color-alert-50)"
+              "name": "--vvd-switch-announcement-primary-text",
+              "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-split-button-announcement-primary",
+              "name": "--vvd-switch-announcement-primary",
               "default": "var(--vvd-color-announcement-500)"
             },
             {
-              "name": "--vvd-split-button-announcement-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "name": "--vvd-switch-announcement-primary-increment",
+              "default": "var(--vvd-color-announcement-600)"
             },
             {
-              "name": "--vvd-split-button-announcement-primary-increment",
+              "name": "--vvd-switch-announcement-firm",
               "default": "var(--vvd-color-announcement-600)"
             },
             {
-              "name": "--vvd-split-button-announcement-contrast",
-              "default": "var(--vvd-color-announcement-800)"
+              "name": "--vvd-switch-announcement-intermediate",
+              "default": "var(--vvd-color-announcement-500)"
             },
             {
-              "name": "--vvd-split-button-announcement-fierce",
+              "name": "--vvd-switch-announcement-fierce",
               "default": "var(--vvd-color-announcement-700)"
             },
             {
-              "name": "--vvd-split-button-announcement-firm",
-              "default": "var(--vvd-color-announcement-600)"
+              "name": "--vvd-switch-accent-primary-text",
+              "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-split-button-announcement-soft",
-              "default": "var(--vvd-color-announcement-100)"
+              "name": "--vvd-switch-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-split-button-announcement-faint",
-              "default": "var(--vvd-color-announcement-50)"
+              "name": "--vvd-switch-accent-primary-increment",
+              "default": "var(--vvd-color-neutral-800)"
             },
             {
-              "name": "--vvd-split-button-accent-primary",
+              "name": "--vvd-switch-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-split-button-accent-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "name": "--vvd-switch-accent-intermediate",
+              "default": "var(--vvd-color-neutral-500)"
             },
             {
-              "name": "--vvd-split-button-accent-primary-increment",
-              "default": "var(--vvd-color-neutral-800)"
-            },
-            {
-              "name": "--vvd-split-button-accent-contrast",
-              "default": "var(--vvd-color-neutral-800)"
-            },
-            {
-              "name": "--vvd-split-button-accent-fierce",
+              "name": "--vvd-switch-accent-fierce",
               "default": "var(--vvd-color-neutral-700)"
-            },
-            {
-              "name": "--vvd-split-button-accent-firm",
-              "default": "var(--vvd-color-canvas-text)"
-            },
-            {
-              "name": "--vvd-split-button-accent-soft",
-              "default": "var(--vvd-color-neutral-100)"
-            },
-            {
-              "name": "--vvd-split-button-accent-faint",
-              "default": "var(--vvd-color-neutral-50)"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default slot.",
-              "name": ""
-            },
-            {
-              "description": "Add an icon to the component.",
-              "name": "icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "_action",
-              "type": {
-                "text": "HTMLButtonElement"
-              },
-              "description": "Action HTML button element",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "action",
-              "type": {
-                "text": "HTMLButtonElement"
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_indicator",
+              "name": "label",
               "type": {
-                "text": "HTMLButtonElement"
+                "text": "string | undefined"
               },
-              "description": "Indicator HTML button element",
+              "description": "Indicates the switch's label.",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "indicator",
-              "type": {
-                "text": "HTMLButtonElement"
-              },
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "connotation",
               "type": {
-                "text": "SplitButtonConnotation | undefined"
-              },
-              "description": "The connotation the split button should have.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "SplitButtonShape | undefined"
-              },
-              "description": "The shape the split button should have.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "appearance",
-              "type": {
-                "text": "SplitButtonAppearance | undefined"
-              },
-              "description": "The appearance the split button should have.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SplitButtonSize | undefined"
+                "text": "SwitchConnotation | undefined"
               },
-              "description": "The size the split button should have.",
+              "description": "Indicates the switch's connotation.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "readOnly",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Indicates the split button's label.",
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
               "privacy": "public"
             },
             {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Indicates the split button's icon.",
-              "privacy": "public"
+              "kind": "method",
+              "name": "updateForm",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "field",
-              "name": "splitIndicator",
+              "name": "defaultChecked",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'chevron-down-line'",
-              "description": "Indicates the split button's icon indicator.",
-              "privacy": "public"
+              "default": "!!this.checkedAttribute"
             },
             {
               "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates if the button is disabled.",
-              "privacy": "public"
+              "name": "checked"
             },
             {
               "kind": "field",
-              "name": "indicatorAriaLabel",
-              "type": {
-                "text": "| string\n\t\t| null"
-              },
-              "default": "null",
-              "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
-              "privacy": "public"
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "FormAssociatedSwitch",
+                "module": "libs/components/src/lib/switch/switch.form-associated.ts"
+              }
             },
             {
               "kind": "field",
@@ -19518,92 +19500,34 @@
               "type": {
                 "text": "CustomEvent<undefined>"
               },
-              "description": "Event emitted when the action button is clicked",
-              "name": "action-click"
-            },
-            {
-              "type": {
-                "text": "CustomEvent<undefined>"
-              },
-              "description": "Event emitted when the indicator button is clicked",
-              "name": "indicator-click"
+              "description": "Emits a custom change event when the checked state changes",
+              "name": "change"
             }
           ],
           "attributes": [
-            {
-              "name": "connotation",
-              "type": {
-                "text": "SplitButtonConnotation | undefined"
-              },
-              "description": "The connotation the split button should have.",
-              "fieldName": "connotation"
-            },
-            {
-              "name": "shape",
-              "type": {
-                "text": "SplitButtonShape | undefined"
-              },
-              "description": "The shape the split button should have.",
-              "fieldName": "shape"
-            },
-            {
-              "name": "appearance",
-              "type": {
-                "text": "SplitButtonAppearance | undefined"
-              },
-              "description": "The appearance the split button should have.",
-              "fieldName": "appearance"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "SplitButtonSize | undefined"
-              },
-              "description": "The size the split button should have.",
-              "fieldName": "size"
-            },
             {
               "name": "label",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Indicates the split button's label.",
+              "description": "Indicates the switch's label.",
               "fieldName": "label"
             },
             {
-              "name": "icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Indicates the split button's icon.",
-              "fieldName": "icon"
-            },
-            {
-              "name": "split-indicator",
+              "name": "connotation",
               "type": {
-                "text": "string"
+                "text": "SwitchConnotation | undefined"
               },
-              "default": "'chevron-down-line'",
-              "description": "Indicates the split button's icon indicator.",
-              "fieldName": "splitIndicator"
+              "description": "Indicates the switch's connotation.",
+              "fieldName": "connotation"
             },
             {
-              "name": "disabled",
+              "name": "readonly",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Indicates if the button is disabled.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "indicator-aria-label",
-              "type": {
-                "text": "| string\n\t\t| null"
-              },
-              "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"
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "fieldName": "readOnly"
             }
           ],
           "mixins": [
@@ -19613,34 +19537,44 @@
             }
           ],
           "superclass": {
-            "name": "VividElement",
-            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+            "name": "FormAssociatedSwitch",
+            "module": "/libs/components/src/lib/switch/switch.form-associated"
           },
           "vividComponent": {
             "public": true,
-            "name": "split-button"
+            "name": "switch",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "propName": "checked",
+                "eventNames": [
+                  "change"
+                ],
+                "valueMapping": "event.currentTarget.checked"
+              }
+            ]
           }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SplitButton",
+          "name": "Switch",
           "declaration": {
-            "name": "SplitButton",
-            "module": "libs/components/src/lib/split-button/split-button.ts"
+            "name": "Switch",
+            "module": "libs/components/src/lib/switch/switch.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/switch/definition.ts",
+      "path": "libs/components/src/lib/split-button/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "registerSwitch",
-          "description": "Registers the switch elements with the design system.",
+          "name": "registerSplitButton",
+          "description": "Registers the button elements with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -19652,268 +19586,358 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SwitchConnotation",
+          "name": "SplitButtonAppearance",
           "declaration": {
-            "name": "SwitchConnotation",
-            "module": "./switch"
+            "name": "SplitButtonAppearance",
+            "module": "./split-button"
           }
         },
         {
           "kind": "js",
-          "name": "registerSwitch",
+          "name": "SplitButtonConnotation",
           "declaration": {
-            "name": "registerSwitch",
-            "module": "libs/components/src/lib/switch/definition.ts"
-          }
+            "name": "SplitButtonConnotation",
+            "module": "./split-button"
+          }
         },
         {
           "kind": "js",
-          "name": "VwcSwitchElement",
+          "name": "SplitButtonShape",
           "declaration": {
-            "name": "Switch",
-            "module": "libs/components/src/lib/switch/definition.ts"
+            "name": "SplitButtonShape",
+            "module": "./split-button"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/switch/switch.form-associated.ts",
-      "declarations": [
+        },
         {
-          "kind": "class",
-          "description": "",
-          "name": "FormAssociatedSwitch",
-          "members": [
-            {
-              "kind": "field",
-              "name": "proxy"
-            },
-            {
-              "kind": "field",
-              "name": "VIVID_VERSION",
-              "static": true,
-              "default": "__PACKAGE_VERSION__",
-              "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "VividElement",
-                "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "CheckableFormAssociated",
-              "module": "/libs/components/src/shared/foundation/form-associated/form-associated"
-            }
-          ],
-          "superclass": {
-            "name": "_Switch",
-            "module": "libs/components/src/lib/switch/switch.form-associated.ts"
+          "kind": "js",
+          "name": "SplitButtonSize",
+          "declaration": {
+            "name": "SplitButtonSize",
+            "module": "./split-button"
           }
-        }
-      ],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "FormAssociatedSwitch",
+          "name": "registerSplitButton",
           "declaration": {
-            "name": "FormAssociatedSwitch",
-            "module": "libs/components/src/lib/switch/switch.form-associated.ts"
+            "name": "registerSplitButton",
+            "module": "libs/components/src/lib/split-button/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VwcSplitButtonElement",
+          "declaration": {
+            "name": "SplitButton",
+            "module": "libs/components/src/lib/split-button/definition.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/switch/switch.ts",
+      "path": "libs/components/src/lib/split-button/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/split-button/split-button.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Switch",
+          "name": "SplitButton",
           "cssProperties": [
             {
-              "name": "--vvd-switch-cta-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "name": "--vvd-split-button-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
             },
             {
-              "name": "--vvd-switch-cta-primary",
-              "default": "var(--vvd-color-cta-500)"
+              "name": "--vvd-split-button-cta-primary-text",
+              "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-switch-cta-primary-increment",
+              "name": "--vvd-split-button-cta-primary-increment",
               "default": "var(--vvd-color-cta-600)"
             },
             {
-              "name": "--vvd-switch-cta-firm",
+              "name": "--vvd-split-button-cta-contrast",
+              "default": "var(--vvd-color-cta-800)"
+            },
+            {
+              "name": "--vvd-split-button-cta-fierce",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-split-button-cta-firm",
               "default": "var(--vvd-color-cta-600)"
             },
             {
-              "name": "--vvd-switch-cta-intermediate",
-              "default": "var(--vvd-color-cta-500)"
+              "name": "--vvd-split-button-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
             },
             {
-              "name": "--vvd-switch-cta-fierce",
-              "default": "var(--vvd-color-cta-700)"
+              "name": "--vvd-split-button-cta-faint",
+              "default": "var(--vvd-color-cta-50)"
             },
             {
-              "name": "--vvd-switch-alert-primary-text",
+              "name": "--vvd-split-button-success-primary",
+              "default": "var(--vvd-color-success-500)"
+            },
+            {
+              "name": "--vvd-split-button-success-primary-text",
               "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-switch-alert-primary",
-              "default": "var(--vvd-color-alert-500)"
+              "name": "--vvd-split-button-success-primary-increment",
+              "default": "var(--vvd-color-success-600)"
             },
             {
-              "name": "--vvd-switch-alert-primary-increment",
-              "default": "var(--vvd-color-alert-600)"
+              "name": "--vvd-split-button-success-contrast",
+              "default": "var(--vvd-color-success-800)"
             },
             {
-              "name": "--vvd-switch-alert-firm",
-              "default": "var(--vvd-color-alert-600)"
+              "name": "--vvd-split-button-success-fierce",
+              "default": "var(--vvd-color-success-700)"
             },
             {
-              "name": "--vvd-switch-alert-intermediate",
-              "default": "var(--vvd-color-alert-500)"
+              "name": "--vvd-split-button-success-firm",
+              "default": "var(--vvd-color-success-600)"
             },
             {
-              "name": "--vvd-switch-alert-fierce",
-              "default": "var(--vvd-color-alert-700)"
+              "name": "--vvd-split-button-success-soft",
+              "default": "var(--vvd-color-success-100)"
             },
             {
-              "name": "--vvd-switch-success-primary-text",
+              "name": "--vvd-split-button-success-faint",
+              "default": "var(--vvd-color-success-50)"
+            },
+            {
+              "name": "--vvd-split-button-alert-primary",
+              "default": "var(--vvd-color-alert-500)"
+            },
+            {
+              "name": "--vvd-split-button-alert-primary-text",
               "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-switch-success-primary",
-              "default": "var(--vvd-color-success-500)"
+              "name": "--vvd-split-button-alert-primary-increment",
+              "default": "var(--vvd-color-alert-600)"
             },
             {
-              "name": "--vvd-switch-success-primary-increment",
-              "default": "var(--vvd-color-success-600)"
+              "name": "--vvd-split-button-alert-contrast",
+              "default": "var(--vvd-color-alert-800)"
             },
             {
-              "name": "--vvd-switch-success-firm",
-              "default": "var(--vvd-color-success-600)"
+              "name": "--vvd-split-button-alert-fierce",
+              "default": "var(--vvd-color-alert-700)"
             },
             {
-              "name": "--vvd-switch-success-intermediate",
-              "default": "var(--vvd-color-success-500)"
+              "name": "--vvd-split-button-alert-firm",
+              "default": "var(--vvd-color-alert-600)"
             },
             {
-              "name": "--vvd-switch-success-fierce",
-              "default": "var(--vvd-color-success-700)"
+              "name": "--vvd-split-button-alert-soft",
+              "default": "var(--vvd-color-alert-100)"
             },
             {
-              "name": "--vvd-switch-announcement-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "name": "--vvd-split-button-alert-faint",
+              "default": "var(--vvd-color-alert-50)"
             },
             {
-              "name": "--vvd-switch-announcement-primary",
+              "name": "--vvd-split-button-announcement-primary",
               "default": "var(--vvd-color-announcement-500)"
             },
             {
-              "name": "--vvd-switch-announcement-primary-increment",
-              "default": "var(--vvd-color-announcement-600)"
+              "name": "--vvd-split-button-announcement-primary-text",
+              "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-switch-announcement-firm",
+              "name": "--vvd-split-button-announcement-primary-increment",
               "default": "var(--vvd-color-announcement-600)"
             },
             {
-              "name": "--vvd-switch-announcement-intermediate",
-              "default": "var(--vvd-color-announcement-500)"
+              "name": "--vvd-split-button-announcement-contrast",
+              "default": "var(--vvd-color-announcement-800)"
             },
             {
-              "name": "--vvd-switch-announcement-fierce",
+              "name": "--vvd-split-button-announcement-fierce",
               "default": "var(--vvd-color-announcement-700)"
             },
             {
-              "name": "--vvd-switch-accent-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "name": "--vvd-split-button-announcement-firm",
+              "default": "var(--vvd-color-announcement-600)"
             },
             {
-              "name": "--vvd-switch-accent-primary",
+              "name": "--vvd-split-button-announcement-soft",
+              "default": "var(--vvd-color-announcement-100)"
+            },
+            {
+              "name": "--vvd-split-button-announcement-faint",
+              "default": "var(--vvd-color-announcement-50)"
+            },
+            {
+              "name": "--vvd-split-button-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-switch-accent-primary-increment",
+              "name": "--vvd-split-button-accent-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-split-button-accent-primary-increment",
               "default": "var(--vvd-color-neutral-800)"
             },
             {
-              "name": "--vvd-switch-accent-firm",
+              "name": "--vvd-split-button-accent-contrast",
+              "default": "var(--vvd-color-neutral-800)"
+            },
+            {
+              "name": "--vvd-split-button-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
+            {
+              "name": "--vvd-split-button-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-switch-accent-intermediate",
-              "default": "var(--vvd-color-neutral-500)"
+              "name": "--vvd-split-button-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-split-button-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            },
+            {
+              "description": "Add an icon to the component.",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_action",
+              "type": {
+                "text": "HTMLButtonElement"
+              },
+              "description": "Action HTML button element",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "action",
+              "type": {
+                "text": "HTMLButtonElement"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_indicator",
+              "type": {
+                "text": "HTMLButtonElement"
+              },
+              "description": "Indicator HTML button element",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "indicator",
+              "type": {
+                "text": "HTMLButtonElement"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "SplitButtonConnotation | undefined"
+              },
+              "description": "The connotation the split button should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "SplitButtonShape | undefined"
+              },
+              "description": "The shape the split button should have.",
+              "privacy": "public"
             },
-            {
-              "name": "--vvd-switch-accent-fierce",
-              "default": "var(--vvd-color-neutral-700)"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "appearance",
               "type": {
-                "text": "string | undefined"
+                "text": "SplitButtonAppearance | undefined"
               },
-              "description": "Indicates the switch's label.",
+              "description": "The appearance the split button should have.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "connotation",
+              "name": "size",
               "type": {
-                "text": "SwitchConnotation | undefined"
+                "text": "SplitButtonSize | undefined"
               },
-              "description": "Indicates the switch's connotation.",
+              "description": "The size the split button should have.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "description": "Indicates the split button's label.",
               "privacy": "public"
             },
             {
-              "kind": "method",
-              "name": "updateForm",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the split button's icon.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "defaultChecked",
+              "name": "splitIndicator",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "!!this.checkedAttribute"
+              "default": "'chevron-down-line'",
+              "description": "Indicates the split button's icon indicator.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "checked"
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates if the button is disabled.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "proxy",
-              "inheritedFrom": {
-                "name": "FormAssociatedSwitch",
-                "module": "libs/components/src/lib/switch/switch.form-associated.ts"
-              }
+              "name": "indicatorAriaLabel",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -19935,34 +19959,92 @@
               "type": {
                 "text": "CustomEvent<undefined>"
               },
-              "description": "Emits a custom change event when the checked state changes",
-              "name": "change"
+              "description": "Event emitted when the action button is clicked",
+              "name": "action-click"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Event emitted when the indicator button is clicked",
+              "name": "indicator-click"
             }
           ],
           "attributes": [
+            {
+              "name": "connotation",
+              "type": {
+                "text": "SplitButtonConnotation | undefined"
+              },
+              "description": "The connotation the split button should have.",
+              "fieldName": "connotation"
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "SplitButtonShape | undefined"
+              },
+              "description": "The shape the split button should have.",
+              "fieldName": "shape"
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "SplitButtonAppearance | undefined"
+              },
+              "description": "The appearance the split button should have.",
+              "fieldName": "appearance"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "SplitButtonSize | undefined"
+              },
+              "description": "The size the split button should have.",
+              "fieldName": "size"
+            },
             {
               "name": "label",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Indicates the switch's label.",
+              "description": "Indicates the split button's label.",
               "fieldName": "label"
             },
             {
-              "name": "connotation",
+              "name": "icon",
               "type": {
-                "text": "SwitchConnotation | undefined"
+                "text": "string | undefined"
               },
-              "description": "Indicates the switch's connotation.",
-              "fieldName": "connotation"
+              "description": "Indicates the split button's icon.",
+              "fieldName": "icon"
             },
             {
-              "name": "readonly",
+              "name": "split-indicator",
+              "type": {
+                "text": "string"
+              },
+              "default": "'chevron-down-line'",
+              "description": "Indicates the split button's icon indicator.",
+              "fieldName": "splitIndicator"
+            },
+            {
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
-              "fieldName": "readOnly"
+              "default": "false",
+              "description": "Indicates if the button is disabled.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "indicator-aria-label",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "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"
             }
           ],
           "mixins": [
@@ -19972,32 +20054,22 @@
             }
           ],
           "superclass": {
-            "name": "FormAssociatedSwitch",
-            "module": "/libs/components/src/lib/switch/switch.form-associated"
+            "name": "VividElement",
+            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
           },
           "vividComponent": {
             "public": true,
-            "name": "switch",
-            "vueModels": [
-              {
-                "name": "modelValue",
-                "propName": "checked",
-                "eventNames": [
-                  "change"
-                ],
-                "valueMapping": "(event.target as HTMLInputElement).checked"
-              }
-            ]
+            "name": "split-button"
           }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Switch",
+          "name": "SplitButton",
           "declaration": {
-            "name": "Switch",
-            "module": "libs/components/src/lib/switch/switch.ts"
+            "name": "SplitButton",
+            "module": "libs/components/src/lib/split-button/split-button.ts"
           }
         }
       ]
@@ -22053,7 +22125,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -22608,7 +22680,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -23099,7 +23171,7 @@
                 "eventNames": [
                   "input"
                 ],
-                "valueMapping": "(event.target as HTMLInputElement).value"
+                "valueMapping": "event.currentTarget.value"
               }
             ]
           }
@@ -24698,7 +24770,7 @@
             },
             {
               "kind": "field",
-              "name": "#handleBlueEvent",
+              "name": "#handleChangeEvent",
               "privacy": "private"
             },
             {
@@ -24770,6 +24842,18 @@
               "kind": "field",
               "name": "#dispatchEvent",
               "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setSelectionTag",
+              "parameters": [
+                {
+                  "name": "tag",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             }
           ]
         }
@@ -24785,6 +24869,102 @@
         }
       ]
     },
+    {
+      "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/shared/foundation/anchor/anchor.ts",