@vonage/vivid 3.51.0 → 3.52.0

package/custom-elements.json

@@ -8,7 +8,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for accordion",
+          "description": "",
           "name": "Accordion",
           "slots": [
             {
@@ -39,6 +39,10 @@
           "superclass": {
             "name": "FastAccordion",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "accordion"
           }
         }
       ],
@@ -195,6 +199,10 @@
           "superclass": {
             "name": "FASTAccordionItem",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "accordion-item"
           }
         }
       ],
@@ -242,7 +250,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for action-group",
+          "description": "",
           "name": "ActionGroup",
           "cssProperties": [
             {
@@ -355,6 +363,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "action-group"
           }
         }
       ],
@@ -418,7 +430,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for alert",
+          "description": "",
           "name": "Alert",
           "cssProperties": [
             {
@@ -481,7 +493,7 @@
               "kind": "field",
               "name": "dismissButtonAriaLabel",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null"
             },
@@ -635,7 +647,7 @@
             {
               "name": "dismiss-button-aria-label",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null",
               "fieldName": "dismissButtonAriaLabel"
@@ -716,6 +728,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "alert"
           }
         }
       ],
@@ -777,7 +793,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for appearance-ui",
+          "description": "",
           "name": "AppearanceUi",
           "cssProperties": [
             {
@@ -1281,6 +1297,9 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "name": "appearance-ui"
           }
         }
       ],
@@ -1340,14 +1359,14 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for audio-player",
+          "description": "",
           "name": "AudioPlayer",
           "members": [
             {
               "kind": "field",
               "name": "playButtonAriaLabel",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null"
             },
@@ -1355,7 +1374,7 @@
               "kind": "field",
               "name": "pauseButtonAriaLabel",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null"
             },
@@ -1410,7 +1429,7 @@
             {
               "name": "play-button-aria-label",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null",
               "fieldName": "playButtonAriaLabel"
@@ -1418,7 +1437,7 @@
             {
               "name": "pause-button-aria-label",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null",
               "fieldName": "pauseButtonAriaLabel"
@@ -1466,6 +1485,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "audio-player"
           }
         }
       ],
@@ -1722,6 +1745,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "avatar"
           }
         }
       ],
@@ -1801,7 +1828,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for badge",
+          "description": "",
           "name": "Badge",
           "cssProperties": [
             {
@@ -2078,6 +2105,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "badge"
           }
         }
       ],
@@ -2162,7 +2193,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for banner",
+          "description": "",
           "name": "Banner",
           "cssProperties": [
             {
@@ -2221,7 +2252,7 @@
               "kind": "field",
               "name": "dismissButtonAriaLabel",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null"
             },
@@ -2305,7 +2336,7 @@
             {
               "name": "dismiss-aria-label",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null",
               "fieldName": "dismissButtonAriaLabel"
@@ -2364,6 +2395,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "banner"
           }
         }
       ],
@@ -2425,7 +2460,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for breadcrumb",
+          "description": "",
           "name": "Breadcrumb",
           "slots": [
             {
@@ -2436,6 +2471,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "breadcrumb"
           }
         }
       ],
@@ -2483,7 +2522,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for breadcrumb-item",
+          "description": "",
           "name": "BreadcrumbItem",
           "members": [
             {
@@ -2506,6 +2545,10 @@
           "superclass": {
             "name": "FastBreadcrumbItem",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "breadcrumb-item"
           }
         }
       ],
@@ -2553,7 +2596,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for button",
+          "description": "",
           "name": "Button",
           "cssProperties": [
             {
@@ -2756,6 +2799,16 @@
               "description": "Displays the button in pending state.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Displays the button in active state.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -2887,6 +2940,15 @@
               "description": "Displays the button in pending state.",
               "fieldName": "pending"
             },
+            {
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Displays the button in active state.",
+              "fieldName": "active"
+            },
             {
               "name": "label",
               "type": {
@@ -2955,6 +3017,10 @@
           "superclass": {
             "name": "FoundationButton",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "button"
           }
         }
       ],
@@ -3034,7 +3100,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for calendar",
+          "description": "",
           "name": "Calendar",
           "slots": [
             {
@@ -3223,6 +3289,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "calendar"
           }
         }
       ],
@@ -3270,7 +3340,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for calendar-event",
+          "description": "",
           "name": "CalendarEvent",
           "cssProperties": [
             {
@@ -3510,6 +3580,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "calendar-event"
           }
         }
       ],
@@ -3573,7 +3647,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for card",
+          "description": "",
           "name": "Card",
           "slots": [
             {
@@ -3720,6 +3794,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "card"
           }
         }
       ],
@@ -3783,7 +3861,7 @@
         },
         {
           "kind": "class",
-          "description": "Base class for checkbox",
+          "description": "",
           "name": "Checkbox",
           "cssProperties": [
             {
@@ -3897,6 +3975,18 @@
           "superclass": {
             "name": "FoundationCheckbox",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "checkbox",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "current-checked",
+                "eventName": "change",
+                "valueMapping": "(event.target as HTMLInputElement).checked"
+              }
+            ]
           }
         }
       ],
@@ -3952,7 +4042,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for combobox",
+          "description": "",
           "name": "Combobox",
           "cssProperties": [
             {
@@ -4011,6 +4101,18 @@
           "superclass": {
             "name": "FoundationCombobox",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "combobox",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "current-value",
+                "eventName": "change",
+                "valueMapping": "(event.target as HTMLInputElement).value"
+              }
+            ]
           }
         }
       ],
@@ -4035,7 +4137,7 @@
           "type": {
             "text": "array"
           },
-          "default": "[combobox, ...iconRegistries, ...popupRegistries, ...focusRegistries, ...listboxOptionRegistries]"
+          "default": "[\n\tcombobox,\n\t...iconRegistries,\n\t...popupRegistries,\n\t...listboxOptionRegistries,\n]"
         },
         {
           "kind": "variable",
@@ -4082,7 +4184,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for data-grid",
+          "description": "",
           "name": "DataGridCell",
           "cssProperties": [
             {
@@ -4097,6 +4199,14 @@
               "name": "--vvd-data-grid-cell-cta-primary-increment",
               "default": "var(--vvd-color-cta-600)"
             },
+            {
+              "name": "--vvd-data-grid-cell-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-data-grid-cell-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
+            },
             {
               "name": "--vvd-data-grid-cell-cta-faint",
               "default": "var(--vvd-color-cta-50)"
@@ -4121,6 +4231,14 @@
               "name": "--vvd-data-grid-cell-accent-primary-increment",
               "default": "var(--vvd-color-neutral-800)"
             },
+            {
+              "name": "--vvd-data-grid-cell-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-data-grid-cell-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
             {
               "name": "--vvd-data-grid-cell-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
@@ -4245,6 +4363,10 @@
           "superclass": {
             "name": "FoundationDataGridCell",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "data-grid-cell"
           }
         }
       ],
@@ -4265,7 +4387,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for data-grid",
+          "description": "",
           "name": "DataGridRow",
           "cssProperties": [
             {
@@ -4280,10 +4402,18 @@
               "name": "--vvd-data-grid-row-cta-primary-increment",
               "default": "var(--vvd-color-cta-600)"
             },
+            {
+              "name": "--vvd-data-grid-row-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
+            },
             {
               "name": "--vvd-data-grid-row-cta-faint",
               "default": "var(--vvd-color-cta-50)"
             },
+            {
+              "name": "--vvd-data-grid-row-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
+            },
             {
               "name": "--vvd-data-grid-row-cta-pale",
               "default": "var(--vvd-color-cta-300)"
@@ -4304,10 +4434,18 @@
               "name": "--vvd-data-grid-row-accent-primary-increment",
               "default": "var(--vvd-color-neutral-800)"
             },
+            {
+              "name": "--vvd-data-grid-row-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-data-grid-row-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
             },
+            {
+              "name": "--vvd-data-grid-row-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
             {
               "name": "--vvd-data-grid-row-accent-pale",
               "default": "var(--vvd-color-neutral-300)"
@@ -4355,6 +4493,10 @@
           "superclass": {
             "name": "FoundationDataGridRow",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "data-grid-row"
           }
         }
       ],
@@ -4377,9 +4519,9 @@
           "kind": "variable",
           "name": "DataGridCellSortStates",
           "type": {
-            "text": "{\n\tnone: 'none',\n\tascending: 'ascending',\n\tdescending: 'descending',\n\tother: 'other'\n}"
+            "text": "{\n\tnone: 'none',\n\tascending: 'ascending',\n\tdescending: 'descending',\n\tother: 'other',\n}"
           },
-          "default": "{\n\tnone: 'none',\n\tascending: 'ascending',\n\tdescending: 'descending',\n\tother: 'other'\n}",
+          "default": "{\n\tnone: 'none',\n\tascending: 'ascending',\n\tdescending: 'descending',\n\tother: 'other',\n}",
           "description": "Enumerates the data grid auto generated header options\ndefault option generates a non-sticky header row",
           "privacy": "public"
         },
@@ -4499,7 +4641,7 @@
         },
         {
           "kind": "class",
-          "description": "Base class for data-grid",
+          "description": "",
           "name": "DataGrid",
           "slots": [
             {
@@ -4574,7 +4716,7 @@
               "type": {
                 "text": "object"
               },
-              "default": "{\n\t\thandleChange(dataGrid: DataGrid, propertyName: string) {\n\t\t\tif (propertyName === 'columnDefinitions') {\n\t\t\t\tif (dataGrid.$fastController.isConnected) {\n\t\t\t\t\t(dataGrid as any).toggleGeneratedHeader();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}"
+              "default": "{\n\t\thandleChange(dataGrid: DataGrid, propertyName: string) {\n\t\t\tif (propertyName === 'columnDefinitions') {\n\t\t\t\tif (dataGrid.$fastController.isConnected) {\n\t\t\t\t\t(dataGrid as any).toggleGeneratedHeader();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t}"
             },
             {
               "kind": "field",
@@ -4628,6 +4770,10 @@
           "superclass": {
             "name": "FoundationDataGrid",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "data-grid"
           }
         }
       ],
@@ -4672,7 +4818,7 @@
           "type": {
             "text": "array"
           },
-          "default": "[dataGridCell, dataGridRow, dataGrid, ...iconRegistries]"
+          "default": "[\n\tdataGridCell,\n\tdataGridRow,\n\tdataGrid,\n\t...iconRegistries,\n]"
         },
         {
           "kind": "variable",
@@ -4966,6 +5112,18 @@
             "name": "DatePickerBase",
             "module": "/libs/components/src/shared/date-picker/date-picker-base"
           },
+          "vividComponent": {
+            "public": true,
+            "name": "date-picker",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "value",
+                "eventName": "input",
+                "valueMapping": "(event.target as HTMLInputElement).value"
+              }
+            ]
+          },
           "attributes": [
             {
               "type": {
@@ -5085,7 +5243,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for date-range-picker",
+          "description": "",
           "name": "DateRangePicker",
           "members": [
             {
@@ -5492,6 +5650,24 @@
           "superclass": {
             "name": "DatePickerBase",
             "module": "/libs/components/src/shared/date-picker/date-picker-base"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "date-range-picker",
+            "vueModels": [
+              {
+                "name": "start",
+                "attributeName": "current-start",
+                "eventName": "input:start",
+                "valueMapping": "(event.target as any).start"
+              },
+              {
+                "name": "end",
+                "attributeName": "current-end",
+                "eventName": "input:end",
+                "valueMapping": "(event.target as any).end"
+              }
+            ]
           }
         }
       ],
@@ -5590,7 +5766,7 @@
         },
         {
           "kind": "class",
-          "description": "Base class for dialog",
+          "description": "",
           "name": "Dialog",
           "slots": [
             {
@@ -5673,7 +5849,7 @@
               "kind": "field",
               "name": "dismissButtonAriaLabel",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null"
             },
@@ -5812,7 +5988,7 @@
             {
               "name": "dismiss-button-aria-label",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null",
               "fieldName": "dismissButtonAriaLabel"
@@ -5829,6 +6005,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "dialog"
           }
         }
       ],
@@ -5890,11 +6070,15 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for divider",
+          "description": "",
           "name": "Divider",
           "superclass": {
             "name": "FoundationDivider",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "divider"
           }
         }
       ],
@@ -5942,7 +6126,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for elevation",
+          "description": "",
           "name": "Elevation",
           "slots": [
             {
@@ -5991,6 +6175,9 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "name": "elevation"
           }
         }
       ],
@@ -6107,6 +6294,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "empty-state"
           }
         }
       ],
@@ -6183,7 +6374,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for fab",
+          "description": "",
           "name": "Fab",
           "cssProperties": [
             {
@@ -6299,6 +6490,10 @@
           "superclass": {
             "name": "FoundationButton",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "fab"
           }
         }
       ],
@@ -6398,7 +6593,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "File-picker component",
+          "description": "",
           "name": "FilePicker",
           "members": [
             {
@@ -6674,6 +6869,10 @@
           "superclass": {
             "name": "FormAssociatedFilePicker",
             "module": "/libs/components/src/lib/file-picker/file-picker.form-associated"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "file-picker"
           }
         }
       ],
@@ -6694,71 +6893,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/focus/definition.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "focusDefinition",
-          "description": "Represents a focus custom element.\nfocus is a label that holds small amounts of information.\nA focus can be used to display unread notifications, or to label a block of text.\nFocuss don’t work for navigation because they can't include a hyperlink."
-        },
-        {
-          "kind": "variable",
-          "name": "registerFocus",
-          "description": "Registers the focus component",
-          "parameters": [
-            {
-              "description": "the prefix to use for the component name",
-              "name": "prefix"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "focusDefinition",
-          "declaration": {
-            "name": "focusDefinition",
-            "module": "libs/components/src/lib/focus/definition.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerFocus",
-          "declaration": {
-            "name": "registerFocus",
-            "module": "libs/components/src/lib/focus/definition.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/focus/focus.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Base class for focus",
-          "name": "Focus",
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Focus",
-          "declaration": {
-            "name": "Focus",
-            "module": "libs/components/src/lib/focus/focus.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/header/definition.ts",
@@ -6805,7 +6939,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for header",
+          "description": "",
           "name": "Header",
           "slots": [
             {
@@ -6865,6 +6999,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "header"
           }
         }
       ],
@@ -7060,6 +7198,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "icon"
           }
         }
       ],
@@ -7160,7 +7302,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for layout\n\n[--layout-grid-template-columns=repeat([the `auto-sizing` mapped value],\nminmax([the `column-basis` mapped value], 1fr))] - Controls the `grid-template-columns` of the layout.",
+          "description": "[--layout-grid-template-columns=repeat([the `auto-sizing` mapped value],\nminmax([the `column-basis` mapped value], 1fr))] - Controls the `grid-template-columns` of the layout.",
           "name": "Layout",
           "slots": [
             {
@@ -7260,6 +7402,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "layout"
           }
         }
       ],
@@ -7328,7 +7474,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for listbox",
+          "description": "",
           "name": "Listbox",
           "cssProperties": [
             {
@@ -7444,6 +7590,9 @@
           "superclass": {
             "name": "FoundationListboxElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "name": "listbox"
           }
         }
       ],
@@ -7512,7 +7661,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for menu",
+          "description": "",
           "name": "Menu",
           "slots": [
             {
@@ -7650,12 +7799,23 @@
             },
             {
               "kind": "field",
-              "name": "#updateClickOutsideListener",
+              "name": "#updateClickOutsideListeners",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#closeOnClickOutside",
+              "name": "#wasOpenBeforeClick",
+              "privacy": "private",
+              "default": "new WeakMap<Event, boolean>()"
+            },
+            {
+              "kind": "field",
+              "name": "#onClickOutsideCapture",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onClickOutside",
               "privacy": "private"
             },
             {
@@ -7718,6 +7878,10 @@
           "superclass": {
             "name": "FastMenu",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "menu"
           }
         }
       ],
@@ -7794,9 +7958,41 @@
         },
         {
           "kind": "class",
-          "description": "Base class for menu-item",
+          "description": "",
           "name": "MenuItem",
           "cssProperties": [
+            {
+              "name": "--vvd-menu-item-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
+            },
+            {
+              "name": "--vvd-menu-item-cta-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-menu-item-cta-primary-increment",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-menu-item-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-menu-item-cta-faint",
+              "default": "var(--vvd-color-cta-50)"
+            },
+            {
+              "name": "--vvd-menu-item-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
+            },
+            {
+              "name": "--vvd-menu-item-cta-pale",
+              "default": "var(--vvd-color-cta-300)"
+            },
+            {
+              "name": "--vvd-menu-item-cta-dim",
+              "default": "var(--vvd-color-cta-200)"
+            },
             {
               "name": "--vvd-menu-item-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -7809,6 +8005,10 @@
               "name": "--vvd-menu-item-accent-primary-increment",
               "default": "var(--vvd-color-neutral-800)"
             },
+            {
+              "name": "--vvd-menu-item-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-menu-item-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
@@ -7859,6 +8059,15 @@
               "description": "Indicates the menu item's secondary text.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "MenuItemConnotation | undefined"
+              },
+              "description": "The connotation the fab should have.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "checkTrailing",
@@ -7928,6 +8137,14 @@
               "description": "Indicates the menu item's secondary text.",
               "fieldName": "textSecondary"
             },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "MenuItemConnotation | undefined"
+              },
+              "description": "The connotation the fab should have.",
+              "fieldName": "connotation"
+            },
             {
               "name": "check-trailing",
               "type": {
@@ -7949,6 +8166,18 @@
           "superclass": {
             "name": "FastMenuItem",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "menu-item",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "checked",
+                "eventName": "change",
+                "valueMapping": "(event.target as HTMLInputElement).checked"
+              }
+            ]
           }
         }
       ],
@@ -8017,7 +8246,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A Nav Item Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
+          "description": "",
           "name": "Nav",
           "slots": [
             {
@@ -8028,6 +8257,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "nav"
           }
         }
       ],
@@ -8088,7 +8321,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A Nav Item Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
+          "description": "",
           "name": "NavDisclosure",
           "cssProperties": [
             {
@@ -8201,6 +8434,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "nav-disclosure"
           }
         }
       ],
@@ -8318,6 +8555,10 @@
             "name": "TextAnchor",
             "module": "/libs/components/src/lib/text-anchor/text-anchor"
           },
+          "vividComponent": {
+            "public": true,
+            "name": "nav-item"
+          },
           "attributes": [
             {
               "name": "text",
@@ -8399,7 +8640,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for note",
+          "description": "",
           "name": "Note",
           "cssProperties": [
             {
@@ -8511,6 +8752,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "note"
           }
         }
       ],
@@ -8540,7 +8785,7 @@
           "type": {
             "text": "array"
           },
-          "default": "[numberFieldDefinition(), ...buttonRegistries, ...dividerRegistries]"
+          "default": "[\n\tnumberFieldDefinition(),\n\t...buttonRegistries,\n\t...dividerRegistries,\n]"
         },
         {
           "kind": "variable",
@@ -8609,7 +8854,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for number-field",
+          "description": "",
           "name": "NumberField",
           "cssProperties": [
             {
@@ -8650,7 +8895,7 @@
               "kind": "field",
               "name": "incrementButtonAriaLabel",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null"
             },
@@ -8658,7 +8903,7 @@
               "kind": "field",
               "name": "decrementButtonAriaLabel",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null"
             },
@@ -8719,7 +8964,7 @@
             {
               "name": "increment-button-aria-label",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null",
               "fieldName": "incrementButtonAriaLabel"
@@ -8727,7 +8972,7 @@
             {
               "name": "decrement-button-aria-label",
               "type": {
-                "text": "string | null"
+                "text": "| string\n\t\t| null"
               },
               "default": "null",
               "fieldName": "decrementButtonAriaLabel"
@@ -8757,6 +9002,18 @@
           "superclass": {
             "name": "FastNumberField",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "number-field",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "current-value",
+                "eventName": "input",
+                "valueMapping": "(event.target as HTMLInputElement).value"
+              }
+            ]
           }
         }
       ],
@@ -8817,7 +9074,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for option",
+          "description": "",
           "name": "ListboxOption",
           "cssProperties": [
             {
@@ -8832,6 +9089,10 @@
               "name": "--vvd-option-accent-primary-increment",
               "default": "var(--vvd-color-neutral-800)"
             },
+            {
+              "name": "--vvd-option-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-option-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
@@ -8903,6 +9164,10 @@
           "superclass": {
             "name": "FoundationListboxOption",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "option"
           }
         }
       ],
@@ -8978,7 +9243,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for pagination",
+          "description": "",
           "name": "Pagination",
           "members": [
             {
@@ -9154,6 +9419,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "pagination"
           }
         }
       ],
@@ -9227,281 +9496,12 @@
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/popup/popup.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Base class for popup",
-          "name": "Popup",
-          "slots": [
-            {
-              "description": "Default slot.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "#middleware",
-              "privacy": "private",
-              "type": {
-                "text": "Array<any>"
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#cleanup",
-              "privacy": "private",
-              "type": {
-                "text": "() => void | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "popupEl",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "arrowEl",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "indicates whether the popup is open",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "openChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "dismissible",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "adds close button to the popup",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "arrow",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "adds small triangle to indicate the trigger element",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "alternate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "set the color-scheme to dark",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "Placement | undefined"
-              },
-              "description": "the placement of the popup",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "strategy",
-              "type": {
-                "text": "Strategy | undefined"
-              },
-              "default": "'fixed'",
-              "description": "the strategy of the popup",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "anchor",
-              "type": {
-                "text": "HTMLElement | undefined"
-              },
-              "description": "The element to anchor the popup to.",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "#updateAutoUpdate"
-            },
-            {
-              "kind": "method",
-              "name": "updatePosition",
-              "description": "Updates popup's position",
-              "privacy": "public",
-              "async": true
-            },
-            {
-              "kind": "method",
-              "name": "#assignPopupPosition",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "data",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#assignArrowPosition",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "data",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "anchorEl",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "show",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "indicates whether the popup is open",
-              "fieldName": "open"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "adds close button to the popup",
-              "fieldName": "dismissible"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "adds small triangle to indicate the trigger element",
-              "fieldName": "arrow"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "set the color-scheme to dark",
-              "fieldName": "alternate"
-            },
-            {
-              "type": {
-                "text": "Placement | undefined"
-              },
-              "description": "the placement of the popup",
-              "fieldName": "placement"
-            },
-            {
-              "type": {
-                "text": "Strategy | undefined"
-              },
-              "default": "'fixed'",
-              "description": "the strategy of the popup",
-              "fieldName": "strategy"
-            }
-          ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Popup",
-          "declaration": {
-            "name": "Popup",
-            "module": "libs/components/src/lib/popup/popup.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/progress/definition.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/progress/definition.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -9561,7 +9561,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for progress",
+          "description": "",
           "name": "Progress",
           "cssProperties": [
             {
@@ -9672,6 +9672,10 @@
           "superclass": {
             "name": "BaseProgress",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "progress"
           }
         }
       ],
@@ -9740,7 +9744,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for progress-ring",
+          "description": "",
           "name": "ProgressRing",
           "cssProperties": [
             {
@@ -9811,6 +9815,10 @@
           "superclass": {
             "name": "BaseProgress",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "progress-ring"
           }
         }
       ],
@@ -9871,7 +9879,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for radio",
+          "description": "",
           "name": "Radio",
           "cssProperties": [
             {
@@ -9947,141 +9955,721 @@
               "type": {
                 "text": "RadioConnotation | undefined"
               },
-              "description": "The connotation the radioButton should have.",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
+              "description": "The connotation the radioButton should have.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the radio's label.",
+              "fieldName": "label"
+            },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "RadioConnotation | undefined"
+              },
+              "description": "The connotation the radioButton should have.",
+              "fieldName": "connotation"
+            }
+          ],
+          "superclass": {
+            "name": "FastRadio",
+            "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "radio"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Radio",
+          "declaration": {
+            "name": "Radio",
+            "module": "libs/components/src/lib/radio/radio.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/radio-group/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "radioGroupDefinition",
+          "description": "The radio-group element is a custom element that is used to display a group of radio buttons."
+        },
+        {
+          "kind": "variable",
+          "name": "registerRadioGroup",
+          "description": "Registers the radio-group elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "radioGroupDefinition",
+          "declaration": {
+            "name": "radioGroupDefinition",
+            "module": "libs/components/src/lib/radio-group/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerRadioGroup",
+          "declaration": {
+            "name": "registerRadioGroup",
+            "module": "libs/components/src/lib/radio-group/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/radio-group/radio-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "RadioGroup",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the group's label.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the group's label.",
+              "fieldName": "label"
+            }
+          ],
+          "superclass": {
+            "name": "FastRadioGroup",
+            "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "radio-group",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "value",
+                "eventName": "change",
+                "valueMapping": "(event.target as HTMLInputElement).value"
+              }
+            ]
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RadioGroup",
+          "declaration": {
+            "name": "RadioGroup",
+            "module": "libs/components/src/lib/radio-group/radio-group.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/range-slider/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "rangeSliderDefinition"
+        },
+        {
+          "kind": "variable",
+          "name": "registerRangeSlider",
+          "description": "Registers the range-slider element with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "rangeSliderDefinition",
+          "declaration": {
+            "name": "rangeSliderDefinition",
+            "module": "libs/components/src/lib/range-slider/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerRangeSlider",
+          "declaration": {
+            "name": "registerRangeSlider",
+            "module": "libs/components/src/lib/range-slider/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/range-slider/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/range-slider/range-slider.form-associated.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FormAssociatedRangeSlider",
+          "members": [
+            {
+              "kind": "field",
+              "name": "proxy"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormAssociated",
+              "package": "@microsoft/fast-foundation"
+            }
+          ],
+          "superclass": {
+            "name": "_RangeSlider",
+            "module": "libs/components/src/lib/range-slider/range-slider.form-associated.ts"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FormAssociatedRangeSlider",
+          "declaration": {
+            "name": "FormAssociatedRangeSlider",
+            "module": "libs/components/src/lib/range-slider/range-slider.form-associated.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/range-slider/range-slider.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for range-slider",
+          "name": "RangeSlider",
+          "cssProperties": [
+            {
+              "name": "--vvd-slider-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
+            },
+            {
+              "name": "--vvd-slider-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#isInternalValueUpdate",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "start",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The start value of the range."
+            },
+            {
+              "kind": "field",
+              "name": "initialStart",
+              "type": {
+                "text": "| string\n\t\t| undefined"
+              },
+              "description": "The initial start value. This value sets the `start` property\nonly when the `start` property has not been explicitly set."
+            },
+            {
+              "kind": "field",
+              "name": "currentStart",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current start value of the element. This property serves as a mechanism\nto set the `start` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding."
+            },
+            {
+              "kind": "field",
+              "name": "startAsNumber",
+              "type": {
+                "text": "number"
+              },
+              "description": "The start property, typed as a number.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "end",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The end value of the range."
+            },
+            {
+              "kind": "field",
+              "name": "initialEnd",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The initial end value. This value sets the `end` property\nonly when the `end` property has not been explicitly set."
+            },
+            {
+              "kind": "field",
+              "name": "currentEnd",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current end value of the element. This property serves as a mechanism\nto set the `end` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding."
+            },
+            {
+              "kind": "field",
+              "name": "endAsNumber",
+              "description": "The end property, typed as a number.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "#updateValues",
+              "parameters": [
+                {
+                  "name": "{ start, end }",
+                  "type": {
+                    "text": "{ start?: string; end?: string }"
+                  }
+                },
+                {
+                  "name": "emitEvents",
+                  "default": "true",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The minimum value of the range.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "10",
+              "description": "The maximum value of the range.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Value to increment or decrement via arrow keys, mouse click or drag.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "#applyStep",
+              "parameters": [
+                {
+                  "name": "thumb",
+                  "type": {
+                    "text": "'start' | 'end'"
+                  }
+                },
+                {
+                  "name": "direction",
+                  "type": {
+                    "text": "Direction"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "Orientation"
+              },
+              "description": "The orientation of the slider.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "ariaStartLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Aria label for the start thumb",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "ariaEndLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Aria label for the end thumb",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "markers",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Display markers on/off",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "RangeSliderConnotation | undefined"
+              },
+              "description": "The connotation of the component",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "valueTextFormatter",
+              "type": {
+                "text": "(value: string) => string"
+              },
+              "description": "Custom function that generates a string for the component's \"aria-valuetext\" attribute based on the current value.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "#updateFormValue"
+            },
+            {
+              "kind": "method",
+              "name": "formResetCallback"
+            },
+            {
+              "kind": "field",
+              "name": "#thumbs",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#thumbConstraints",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#draggingThumb",
+              "privacy": "private",
+              "type": {
+                "text": "false | 'start' | 'end'"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "#updateThumbPositions"
+            },
+            {
+              "kind": "method",
+              "name": "#thumbTrackEndOffset",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#calculateValueFromMouseEvent",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Pick<MouseEvent, 'pageX' | 'pageY'>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#roundToNearestStep",
+              "parameters": [
+                {
+                  "name": "thumb",
+                  "type": {
+                    "text": "'start' | 'end'"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#registerThumbListeners"
+            },
+            {
+              "kind": "method",
+              "name": "#unregisterThumbListeners"
+            },
+            {
+              "kind": "field",
+              "name": "#onThumbMousedown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onThumbKeydown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#registerDragHandlers"
+            },
+            {
+              "kind": "method",
+              "name": "#unregisterDragListeners"
+            },
+            {
+              "kind": "field",
+              "name": "#onDragMove",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onDragEnd",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "FormAssociatedRangeSlider",
+                "module": "libs/components/src/lib/range-slider/range-slider.form-associated.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Event emitted when the start value changes",
+              "name": "input:start"
+            },
+            {
+              "description": "Event emitted when the end value changes",
+              "name": "input:end"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "start",
+              "type": {
+                "text": "| string\n\t\t| undefined"
+              },
+              "description": "The initial start value. This value sets the `start` property\nonly when the `start` property has not been explicitly set.",
+              "fieldName": "initialStart"
+            },
+            {
+              "name": "current-start",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current start value of the element. This property serves as a mechanism\nto set the `start` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
+              "fieldName": "currentStart"
+            },
+            {
+              "name": "end",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The initial end value. This value sets the `end` property\nonly when the `end` property has not been explicitly set.",
+              "fieldName": "initialEnd"
+            },
+            {
+              "name": "current-end",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current end value of the element. This property serves as a mechanism\nto set the `end` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
+              "fieldName": "currentEnd"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The minimum value of the range.",
+              "fieldName": "min"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "default": "10",
+              "description": "The maximum value of the range.",
+              "fieldName": "max"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Value to increment or decrement via arrow keys, mouse click or drag.",
+              "fieldName": "step"
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "Orientation"
+              },
+              "description": "The orientation of the slider.",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "aria-start-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Aria label for the start thumb",
+              "fieldName": "ariaStartLabel"
+            },
             {
-              "name": "aria-label",
+              "name": "aria-end-label",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "fieldName": "ariaLabel"
+              "description": "Aria label for the end thumb",
+              "fieldName": "ariaEndLabel"
             },
             {
-              "name": "label",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Indicates the radio's label.",
-              "fieldName": "label"
+              "default": "false",
+              "description": "Display markers on/off",
+              "fieldName": "markers"
             },
             {
               "name": "connotation",
               "type": {
-                "text": "RadioConnotation | undefined"
+                "text": "RangeSliderConnotation | undefined"
               },
-              "description": "The connotation the radioButton should have.",
+              "description": "The connotation of the component",
               "fieldName": "connotation"
             }
           ],
           "superclass": {
-            "name": "FastRadio",
-            "package": "@microsoft/fast-foundation"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Radio",
-          "declaration": {
-            "name": "Radio",
-            "module": "libs/components/src/lib/radio/radio.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/radio-group/definition.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "radioGroupDefinition",
-          "description": "The radio-group element is a custom element that is used to display a group of radio buttons."
-        },
-        {
-          "kind": "variable",
-          "name": "registerRadioGroup",
-          "description": "Registers the radio-group elements with the design system.",
-          "parameters": [
-            {
-              "description": "the prefix to use for the component name",
-              "name": "prefix"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "radioGroupDefinition",
-          "declaration": {
-            "name": "radioGroupDefinition",
-            "module": "libs/components/src/lib/radio-group/definition.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerRadioGroup",
-          "declaration": {
-            "name": "registerRadioGroup",
-            "module": "libs/components/src/lib/radio-group/definition.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/radio-group/radio-group.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Base class for radio-group",
-          "name": "RadioGroup",
-          "slots": [
-            {
-              "description": "Default slot.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Indicates the group's label.",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
+            "name": "FormAssociatedRangeSlider",
+            "module": "/libs/components/src/lib/range-slider/range-slider.form-associated"
+          },
+          "vividComponent": {
+            "name": "range-slider",
+            "public": true,
+            "vueModels": [
+              {
+                "name": "start",
+                "attributeName": "current-start",
+                "eventName": "input:start",
+                "valueMapping": "(event.target as any).start"
               },
-              "description": "Indicates the group's label.",
-              "fieldName": "label"
-            }
-          ],
-          "superclass": {
-            "name": "FastRadioGroup",
-            "package": "@microsoft/fast-foundation"
+              {
+                "name": "end",
+                "attributeName": "current-end",
+                "eventName": "input:end",
+                "valueMapping": "(event.target as any).end"
+              }
+            ]
           }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "RadioGroup",
+          "name": "RangeSlider",
           "declaration": {
-            "name": "RadioGroup",
-            "module": "libs/components/src/lib/radio-group/radio-group.ts"
+            "name": "RangeSlider",
+            "module": "libs/components/src/lib/range-slider/range-slider.ts"
           }
         }
       ]
@@ -10148,7 +10736,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for select",
+          "description": "",
           "name": "Select",
           "cssProperties": [
             {
@@ -10284,6 +10872,18 @@
           "superclass": {
             "name": "FoundationSelect",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "select",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "current-value",
+                "eventName": "input",
+                "valueMapping": "(event.target as HTMLInputElement).value"
+              }
+            ]
           }
         }
       ],
@@ -10343,7 +10943,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for selectable-box",
+          "description": "",
           "name": "SelectableBox",
           "cssProperties": [
             {
@@ -10529,6 +11129,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "selectable-box"
           }
         }
       ],
@@ -10589,7 +11193,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for side-drawer",
+          "description": "",
           "name": "SideDrawer",
           "slots": [
             {
@@ -10708,6 +11312,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "side-drawer"
           }
         }
       ],
@@ -10776,7 +11384,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for slider",
+          "description": "",
           "name": "Slider",
           "cssProperties": [
             {
@@ -10862,6 +11470,18 @@
           "superclass": {
             "name": "FastSlider",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "slider",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "current-value",
+                "eventName": "change",
+                "valueMapping": "(event.target as HTMLInputElement).value"
+              }
+            ]
           }
         }
       ],
@@ -10947,7 +11567,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for split button",
+          "description": "",
           "name": "SplitButton",
           "cssProperties": [
             {
@@ -11218,7 +11838,7 @@
               "kind": "field",
               "name": "indicatorAriaLabel",
               "type": {
-                "text": "string | null"
+                "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",
@@ -11321,7 +11941,7 @@
             {
               "name": "indicator-aria-label",
               "type": {
-                "text": "string | null"
+                "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",
@@ -11331,6 +11951,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "split-button"
           }
         }
       ],
@@ -11399,7 +12023,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for switch",
+          "description": "",
           "name": "Switch",
           "cssProperties": [
             {
@@ -11540,6 +12164,18 @@
           "superclass": {
             "name": "FoundationSwitch",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "switch",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "current-checked",
+                "eventName": "change",
+                "valueMapping": "(event.target as HTMLInputElement).checked"
+              }
+            ]
           }
         }
       ],
@@ -11616,7 +12252,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for tab",
+          "description": "",
           "name": "Tab",
           "cssProperties": [
             {
@@ -11763,6 +12399,10 @@
           "superclass": {
             "name": "FoundationTab",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "tab"
           }
         }
       ],
@@ -11823,7 +12463,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for tab-panel",
+          "description": "",
           "name": "TabPanel",
           "slots": [
             {
@@ -11834,6 +12474,10 @@
           "superclass": {
             "name": "FoundationTabPanel",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "tab-panel"
           }
         }
       ],
@@ -11902,7 +12546,7 @@
         },
         {
           "kind": "class",
-          "description": "Base class for tabs",
+          "description": "",
           "name": "Tabs",
           "cssProperties": [
             {
@@ -12071,6 +12715,10 @@
           "superclass": {
             "name": "FoundationTabs",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "tabs"
           }
         }
       ],
@@ -12163,7 +12811,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for tag.",
+          "description": "",
           "name": "Tag",
           "cssProperties": [
             {
@@ -12411,6 +13059,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "tag"
           }
         }
       ],
@@ -12470,7 +13122,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for tag-group",
+          "description": "",
           "name": "TagGroup",
           "slots": [
             {
@@ -12501,6 +13153,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "tag-group"
           }
         }
       ],
@@ -12561,7 +13217,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for text-anchor",
+          "description": "",
           "name": "TextAnchor",
           "slots": [
             {
@@ -12593,6 +13249,9 @@
           "superclass": {
             "name": "Anchor",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "name": "text-anchor"
           }
         }
       ],
@@ -12661,7 +13320,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for text-area",
+          "description": "",
           "name": "TextArea",
           "cssProperties": [
             {
@@ -12793,6 +13452,18 @@
           "superclass": {
             "name": "FoundationTextArea",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "text-area",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "current-value",
+                "eventName": "input",
+                "valueMapping": "(event.target as HTMLInputElement).value"
+              }
+            ]
           }
         }
       ],
@@ -12995,6 +13666,18 @@
           "superclass": {
             "name": "FoundationTextfield",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "text-field",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "current-value",
+                "eventName": "input",
+                "valueMapping": "(event.target as HTMLInputElement).value"
+              }
+            ]
           }
         }
       ],
@@ -13097,13 +13780,17 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for time-picker",
+          "description": "",
           "name": "TimePicker",
           "cssProperties": [
             {
               "name": "--vvd-time-picker-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
             },
+            {
+              "name": "--vvd-time-picker-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-time-picker-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
@@ -13336,6 +14023,18 @@
           "superclass": {
             "name": "FormAssociatedTimePicker",
             "module": "/libs/components/src/lib/time-picker/time-picker.form-associated"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "time-picker",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "current-value",
+                "eventName": "input",
+                "valueMapping": "(event.target as HTMLInputElement).value"
+              }
+            ]
           }
         }
       ],
@@ -13396,7 +14095,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for toggletip",
+          "description": "",
           "name": "Toggletip",
           "slots": [
             {
@@ -13577,6 +14276,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "toggletip"
           }
         }
       ],
@@ -13637,7 +14340,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for tooltip",
+          "description": "",
           "name": "Tooltip",
           "slots": [
             {
@@ -13740,6 +14443,10 @@
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "tooltip"
           }
         }
       ],
@@ -13799,7 +14506,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for tree-item",
+          "description": "",
           "name": "TreeItem",
           "cssProperties": [
             {
@@ -13857,6 +14564,10 @@
           "superclass": {
             "name": "FastTreeItem",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "tree-item"
           }
         }
       ],
@@ -13916,7 +14627,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for Tree View",
+          "description": "",
           "name": "TreeView",
           "slots": [
             {
@@ -13927,6 +14638,10 @@
           "superclass": {
             "name": "FastTreeView",
             "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "tree-view"
           }
         }
       ],
@@ -13941,6 +14656,115 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/range-slider/utils/lerp.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "lerp",
+          "parameters": [
+            {
+              "name": "a",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "b",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              }
+            }
+          ],
+          "description": "Linearly interpolates between two values."
+        },
+        {
+          "kind": "function",
+          "name": "inverseLerp",
+          "parameters": [
+            {
+              "name": "a",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "b",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              }
+            }
+          ],
+          "description": "Returns the fraction of a value between a and b."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "lerp",
+          "declaration": {
+            "name": "lerp",
+            "module": "libs/components/src/lib/range-slider/utils/lerp.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "inverseLerp",
+          "declaration": {
+            "name": "inverseLerp",
+            "module": "libs/components/src/lib/range-slider/utils/lerp.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/range-slider/utils/roundToStepValue.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "roundToStepValue",
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number"
+              }
+            }
+          ],
+          "description": "Rounds a value to the nearest step value. Handles decimal rounding."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "roundToStepValue",
+          "declaration": {
+            "name": "roundToStepValue",
+            "module": "libs/components/src/lib/range-slider/utils/roundToStepValue.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/time-picker/time/picker.ts",
@@ -14306,6 +15130,10 @@
               "name": "--vvd-date-picker-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
             },
+            {
+              "name": "--vvd-date-picker-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-date-picker-accent-faint",
               "default": "var(--vvd-color-neutral-50)"