@vonage/vivid 4.19.0 → 4.21.0

package/custom-elements.json

@@ -398,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",
@@ -478,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": {
@@ -841,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",
@@ -930,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",
@@ -1003,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"
@@ -1042,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": {
@@ -1443,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"
@@ -2150,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",
@@ -2197,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": {
@@ -2408,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",
@@ -2466,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"
@@ -3144,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",
@@ -3571,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": {
@@ -3644,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"
@@ -5103,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",
@@ -5299,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"
@@ -5311,6 +5567,12 @@
               }
             }
           ],
+          "mixins": [
+            {
+              "name": "AffixIcon",
+              "module": "/libs/components/src/shared/patterns"
+            }
+          ],
           "superclass": {
             "name": "FormAssociatedCombobox",
             "module": "/libs/components/src/lib/combobox/combobox.form-associated"
@@ -8567,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"
@@ -8982,6 +9250,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            },
             {
               "name": "DelegatesAria",
               "module": "/libs/components/src/shared/aria/delegates-aria"
@@ -9725,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",
@@ -10032,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"
@@ -10116,6 +10440,12 @@
               }
             }
           ],
+          "mixins": [
+            {
+              "name": "AffixIconWithTrailing",
+              "module": "/libs/components/src/shared/patterns/affix"
+            }
+          ],
           "superclass": {
             "name": "VividFoundationButton",
             "module": "/libs/components/src/shared/foundation/button"
@@ -10720,9 +11050,15 @@
               "fieldName": "fileTooBigError"
             }
           ],
-          "superclass": {
-            "name": "FormAssociatedFilePicker",
-            "module": "/libs/components/src/lib/file-picker/file-picker.form-associated"
+          "mixins": [
+            {
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            }
+          ],
+          "superclass": {
+            "name": "FormAssociatedFilePicker",
+            "module": "/libs/components/src/lib/file-picker/file-picker.form-associated"
           },
           "vividComponent": {
             "public": true,
@@ -11231,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"
@@ -11287,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"
@@ -12059,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"
@@ -12103,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",
@@ -12200,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": {
@@ -12504,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",
@@ -12559,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"
@@ -12720,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",
@@ -12774,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"
@@ -12783,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": {
@@ -12985,6 +13412,19 @@
                 "text": "NoteConnotation | 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": "VIVID_VERSION",
@@ -13015,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": {
@@ -13435,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",
@@ -13595,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"
@@ -13917,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",
@@ -13977,6 +14495,37 @@
               },
               "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"
+              },
+              "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": {
@@ -16471,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"
@@ -16665,6 +17220,18 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "setSelectionDecoration",
+              "parameters": [
+                {
+                  "name": "decoration",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -16870,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"
@@ -17370,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",
@@ -17491,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": {
@@ -17942,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",
@@ -18142,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": {
@@ -19155,7 +19848,11 @@
           ],
           "mixins": [
             {
-              "name": "DelegatesAria",
+              "name": "Localized",
+              "module": "/libs/components/src/shared/patterns"
+            },
+            {
+              "name": "DelegatesAria",
               "module": "/libs/components/src/shared/aria/delegates-aria"
             }
           ],
@@ -19200,12 +19897,12 @@
     },
     {
       "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",
@@ -19217,267 +19914,361 @@
       "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-switch-accent-fierce",
-              "default": "var(--vvd-color-neutral-700)"
+              "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": "label",
+              "name": "_action",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLButtonElement"
               },
-              "description": "Indicates the switch's label.",
+              "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": "SwitchConnotation | undefined"
+                "text": "SplitButtonConnotation | undefined"
               },
-              "description": "Indicates the switch's connotation.",
+              "description": "The connotation the split button should have.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "shape",
               "type": {
-                "text": "boolean"
+                "text": "SplitButtonShape | 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": "The shape the split button should have.",
               "privacy": "public"
             },
             {
-              "kind": "method",
-              "name": "updateForm",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "SplitButtonAppearance | undefined"
+              },
+              "description": "The appearance the split button should have.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "defaultChecked",
+              "name": "size",
+              "type": {
+                "text": "SplitButtonSize | undefined"
+              },
+              "description": "The size the split button should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the split button's label.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "splitIndicator",
+              "type": {
+                "text": "string"
+              },
+              "default": "'chevron-down-line'",
+              "description": "Indicates the split button's icon indicator.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "default": "!!this.checkedAttribute"
+              "default": "false",
+              "description": "Indicates if the button is disabled.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "checked"
+              "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",
-              "name": "proxy",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the custom element should have.",
+              "privacy": "public",
               "inheritedFrom": {
-                "name": "FormAssociatedSwitch",
-                "module": "libs/components/src/lib/switch/switch.form-associated.ts"
+                "name": "AffixIcon",
+                "module": "libs/components/src/shared/patterns/affix.ts"
               }
             },
             {
@@ -19500,81 +20291,141 @@
               "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": "split-indicator",
               "type": {
-                "text": "SwitchConnotation | undefined"
+                "text": "string"
               },
-              "description": "Indicates the switch's connotation.",
-              "fieldName": "connotation"
+              "default": "'chevron-down-line'",
+              "description": "Indicates the split button's icon indicator.",
+              "fieldName": "splitIndicator"
             },
             {
-              "name": "readonly",
+              "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"
+            },
+            {
+              "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"
             }
           ],
           "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.currentTarget.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"
           }
         }
       ]
     },
     {
       "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",
@@ -19586,358 +20437,268 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SplitButtonAppearance",
-          "declaration": {
-            "name": "SplitButtonAppearance",
-            "module": "./split-button"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SplitButtonConnotation",
-          "declaration": {
-            "name": "SplitButtonConnotation",
-            "module": "./split-button"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SplitButtonShape",
-          "declaration": {
-            "name": "SplitButtonShape",
-            "module": "./split-button"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SplitButtonSize",
+          "name": "SwitchConnotation",
           "declaration": {
-            "name": "SplitButtonSize",
-            "module": "./split-button"
+            "name": "SwitchConnotation",
+            "module": "./switch"
           }
         },
         {
           "kind": "js",
-          "name": "registerSplitButton",
+          "name": "registerSwitch",
           "declaration": {
-            "name": "registerSplitButton",
-            "module": "libs/components/src/lib/split-button/definition.ts"
+            "name": "registerSwitch",
+            "module": "libs/components/src/lib/switch/definition.ts"
           }
         },
         {
           "kind": "js",
-          "name": "VwcSplitButtonElement",
+          "name": "VwcSwitchElement",
           "declaration": {
-            "name": "SplitButton",
-            "module": "libs/components/src/lib/split-button/definition.ts"
+            "name": "Switch",
+            "module": "libs/components/src/lib/switch/definition.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.form-associated.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SplitButton",
-          "cssProperties": [
+          "name": "FormAssociatedSwitch",
+          "members": [
             {
-              "name": "--vvd-split-button-cta-primary",
-              "default": "var(--vvd-color-cta-500)"
+              "kind": "field",
+              "name": "proxy"
             },
             {
-              "name": "--vvd-split-button-cta-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
+              "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": "--vvd-split-button-cta-primary-increment",
-              "default": "var(--vvd-color-cta-600)"
-            },
+              "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": "FormAssociatedSwitch",
+          "declaration": {
+            "name": "FormAssociatedSwitch",
+            "module": "libs/components/src/lib/switch/switch.form-associated.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/switch/switch.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Switch",
+          "cssProperties": [
             {
-              "name": "--vvd-split-button-cta-contrast",
-              "default": "var(--vvd-color-cta-800)"
+              "name": "--vvd-switch-cta-primary-text",
+              "default": "var(--vvd-color-canvas)"
             },
             {
-              "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-split-button-success-firm",
-              "default": "var(--vvd-color-success-600)"
-            },
-            {
-              "name": "--vvd-split-button-success-soft",
-              "default": "var(--vvd-color-success-100)"
-            },
-            {
-              "name": "--vvd-split-button-success-faint",
-              "default": "var(--vvd-color-success-50)"
-            },
-            {
-              "name": "--vvd-split-button-alert-primary",
+              "name": "--vvd-switch-alert-primary",
               "default": "var(--vvd-color-alert-500)"
             },
             {
-              "name": "--vvd-split-button-alert-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "name": "--vvd-switch-alert-primary-increment",
+              "default": "var(--vvd-color-alert-600)"
             },
             {
-              "name": "--vvd-split-button-alert-primary-increment",
+              "name": "--vvd-switch-alert-firm",
               "default": "var(--vvd-color-alert-600)"
             },
             {
-              "name": "--vvd-split-button-alert-contrast",
-              "default": "var(--vvd-color-alert-800)"
+              "name": "--vvd-switch-alert-intermediate",
+              "default": "var(--vvd-color-alert-500)"
             },
             {
-              "name": "--vvd-split-button-alert-fierce",
+              "name": "--vvd-switch-alert-fierce",
               "default": "var(--vvd-color-alert-700)"
             },
             {
-              "name": "--vvd-split-button-alert-firm",
-              "default": "var(--vvd-color-alert-600)"
+              "name": "--vvd-switch-success-primary-text",
+              "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-split-button-alert-soft",
-              "default": "var(--vvd-color-alert-100)"
+              "name": "--vvd-switch-success-primary",
+              "default": "var(--vvd-color-success-500)"
             },
             {
-              "name": "--vvd-split-button-alert-faint",
-              "default": "var(--vvd-color-alert-50)"
+              "name": "--vvd-switch-success-primary-increment",
+              "default": "var(--vvd-color-success-600)"
             },
             {
-              "name": "--vvd-split-button-announcement-primary",
-              "default": "var(--vvd-color-announcement-500)"
+              "name": "--vvd-switch-success-firm",
+              "default": "var(--vvd-color-success-600)"
             },
             {
-              "name": "--vvd-split-button-announcement-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "name": "--vvd-switch-success-intermediate",
+              "default": "var(--vvd-color-success-500)"
             },
             {
-              "name": "--vvd-split-button-announcement-primary-increment",
-              "default": "var(--vvd-color-announcement-600)"
+              "name": "--vvd-switch-success-fierce",
+              "default": "var(--vvd-color-success-700)"
             },
             {
-              "name": "--vvd-split-button-announcement-contrast",
-              "default": "var(--vvd-color-announcement-800)"
+              "name": "--vvd-switch-announcement-primary-text",
+              "default": "var(--vvd-color-canvas)"
             },
             {
-              "name": "--vvd-split-button-announcement-fierce",
-              "default": "var(--vvd-color-announcement-700)"
+              "name": "--vvd-switch-announcement-primary",
+              "default": "var(--vvd-color-announcement-500)"
             },
             {
-              "name": "--vvd-split-button-announcement-firm",
+              "name": "--vvd-switch-announcement-primary-increment",
               "default": "var(--vvd-color-announcement-600)"
             },
             {
-              "name": "--vvd-split-button-announcement-soft",
-              "default": "var(--vvd-color-announcement-100)"
+              "name": "--vvd-switch-announcement-firm",
+              "default": "var(--vvd-color-announcement-600)"
             },
             {
-              "name": "--vvd-split-button-announcement-faint",
-              "default": "var(--vvd-color-announcement-50)"
+              "name": "--vvd-switch-announcement-intermediate",
+              "default": "var(--vvd-color-announcement-500)"
             },
             {
-              "name": "--vvd-split-button-accent-primary",
-              "default": "var(--vvd-color-canvas-text)"
+              "name": "--vvd-switch-announcement-fierce",
+              "default": "var(--vvd-color-announcement-700)"
             },
             {
-              "name": "--vvd-split-button-accent-primary-text",
+              "name": "--vvd-switch-accent-primary-text",
               "default": "var(--vvd-color-canvas)"
             },
             {
-              "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",
-              "default": "var(--vvd-color-neutral-700)"
-            },
-            {
-              "name": "--vvd-split-button-accent-firm",
+              "name": "--vvd-switch-accent-primary",
               "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",
-              "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"
-            },
-            {
-              "kind": "field",
-              "name": "appearance",
-              "type": {
-                "text": "SplitButtonAppearance | undefined"
-              },
-              "description": "The appearance the split button should have.",
-              "privacy": "public"
+              "name": "--vvd-switch-accent-primary-increment",
+              "default": "var(--vvd-color-neutral-800)"
             },
             {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SplitButtonSize | undefined"
-              },
-              "description": "The size the split button should have.",
-              "privacy": "public"
+              "name": "--vvd-switch-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-switch-accent-intermediate",
+              "default": "var(--vvd-color-neutral-500)"
             },
+            {
+              "name": "--vvd-switch-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
               "name": "label",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Indicates the split button's label.",
+              "description": "Indicates the switch's label.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "connotation",
               "type": {
-                "text": "string | undefined"
+                "text": "SwitchConnotation | undefined"
               },
-              "description": "Indicates the split button's icon.",
+              "description": "Indicates the switch's connotation.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "splitIndicator",
+              "name": "readOnly",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'chevron-down-line'",
-              "description": "Indicates the split button's icon indicator.",
+              "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": "method",
+              "name": "updateForm",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "defaultChecked",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Indicates if the button is disabled.",
-              "privacy": "public"
+              "default": "!!this.checkedAttribute"
             },
             {
               "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": "checked"
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "FormAssociatedSwitch",
+                "module": "libs/components/src/lib/switch/switch.form-associated.ts"
+              }
             },
             {
               "kind": "field",
@@ -19959,92 +20720,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": [
@@ -20054,22 +20757,32 @@
             }
           ],
           "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"
           }
         }
       ]
@@ -20282,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",
@@ -20351,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": {
@@ -21252,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",
@@ -21347,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": {
@@ -21547,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",
@@ -21586,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"
@@ -22514,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",
@@ -22658,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"
@@ -23954,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",
@@ -24017,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": {
@@ -24543,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"
@@ -24720,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"
           }
         }
@@ -24758,6 +25665,10 @@
                 "text": "EditorView | undefined"
               }
             },
+            {
+              "kind": "method",
+              "name": "#verifyViewInitiation"
+            },
             {
               "kind": "field",
               "name": "#onSelectionChange",
@@ -24854,6 +25765,18 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "setSelectionDecoration",
+              "parameters": [
+                {
+                  "name": "decoration",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             }
           ]
         }
@@ -25942,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",
@@ -26060,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"
+              }
             }
           ]
         }
@@ -26091,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",
@@ -26671,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"
@@ -27343,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"