@vonage/vivid-react 3.5.2 → 5.19.0

package/types/index.d.ts

@@ -1,7 +1,7 @@
 /*
 * DO NOT EDIT THIS FILE. IT IS GENERATED
 */
-declare module '@vonage/vivid-react-wrapper';
+declare module '@repo/react-component-wrapper';
 declare module '@vonage/vivid-react';
 declare namespace JSX {
     interface IntrinsicElements {
@@ -10,6 +10,7 @@ declare namespace JSX {
         }>;
         "vvd3-accordion-item": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "heading-level": 1 | 2 | 3 | 4 | 5 | 6;
+            "appearance": AccordionItemAppearance | undefined;
             "expanded": boolean;
             "id": string;
             "heading": string | undefined;
@@ -36,6 +37,9 @@ declare namespace JSX {
             "strategy": AlertStrategy | undefined;
             "open": boolean;
             "icon": string | undefined;
+        }>;
+        "vvd3-aria-binding-directive": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
         }>;
         "vvd3-audio-player": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "play-button-aria-label": | string
@@ -84,13 +88,17 @@ declare namespace JSX {
         "vvd3-banner": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "dismiss-aria-label": | string
 		| null;
-            "action-href": string | undefined;
-            "action-text": string | undefined;
             "removable": boolean;
             "text": string | undefined;
             "connotation": BannerConnotation | undefined;
             "icon": string | undefined;
         }>;
+        "vvd3-base-progress": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "value": number | null;
+            "min": number;
+            "max": number;
+            "paused": boolean;
+        }>;
         "vvd3-breadcrumb": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
@@ -115,6 +123,7 @@ declare namespace JSX {
             "pending": boolean;
             "dropdown-indicator": boolean;
             "active": boolean;
+            "pressed": boolean;
             "label": string | undefined;
             "icon-trailing": boolean;
             "icon": string | undefined;
@@ -189,6 +198,22 @@ declare namespace JSX {
             "name": string;
             "required": boolean;
         }>;
+        "vvd3-color-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "placeholder": string;
+            "saved-colors-key": string | undefined;
+            "disable-saved-colors": boolean;
+            "max-swatches": number;
+            "helper-text": string | undefined;
+            "error-text": string | undefined;
+            "success-text": string | undefined;
+            "open": boolean;
+            "label": string | undefined;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
+        }>;
         "vvd3-combobox": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "autocomplete": ComboboxAutocomplete | undefined;
             "appearance": ComboboxAppearance | undefined;
@@ -209,30 +234,38 @@ declare namespace JSX {
             "name": string;
             "required": boolean;
         }>;
+        "vvd3-contextual-help": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "placement": Placement | undefined;
+        }>;
+        "vvd3-country": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "code": string | undefined;
+            "label": string | undefined;
+        }>;
+        "vvd3-country-group": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-data-grid": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "no-tabbing": boolean;
+            "generate-header": GenerateHeaderOptions;
+            "grid-template-columns": string;
+            "fixed-columns": number | undefined;
+            "selection-mode": DataGridSelectionMode | undefined;
+        }>;
         "vvd3-data-grid-cell": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "cell-type": DataGridCellTypes;
             "grid-column": string;
             "selected": boolean;
-            "aria-selected": string | null;
-            "aria-sort": string | null;
             "sort-direction": DataGridCellSortStates | undefined;
         }>;
         "vvd3-data-grid-row": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "grid-template-columns": string;
             "row-type": DataGridRowTypes;
-            "aria-selected": string | null;
             "selected": boolean | undefined;
         }>;
-        "vvd3-data-grid": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "no-tabbing": boolean;
-            "generate-header": GenerateHeaderOptions;
-            "grid-template-columns": string;
-            "fixed-columns": number | undefined;
-            "selection-mode": DataGridSelectionMode | undefined;
-        }>;
         "vvd3-date-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "min": string;
             "max": string;
+            "scale": TextFieldSize | undefined;
             "readonly": boolean;
             "helper-text": string | undefined;
             "error-text": string | undefined;
@@ -250,6 +283,7 @@ declare namespace JSX {
             "current-end": string;
             "min": string;
             "max": string;
+            "scale": TextFieldSize | undefined;
             "readonly": boolean;
             "helper-text": string | undefined;
             "error-text": string | undefined;
@@ -270,6 +304,7 @@ declare namespace JSX {
             "minutes-step": number | null;
             "seconds-step": number | null;
             "clock": '12h' | '24h' | undefined;
+            "scale": TextFieldSize | undefined;
             "readonly": boolean;
             "helper-text": string | undefined;
             "error-text": string | undefined;
@@ -290,9 +325,11 @@ declare namespace JSX {
             "call-active": boolean;
             "no-call": boolean;
             "no-input": boolean;
+            "size": DialPadSize | undefined;
             "end-call-button-label": | string
 		| null;
             "call-button-label": string | null;
+            "delete-aria-label": string | null;
             "autofocus": boolean;
         }>;
         "vvd3-dialog": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
@@ -312,7 +349,6 @@ declare namespace JSX {
             "scrollable-body": boolean;
         }>;
         "vvd3-divider": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "role": DividerRole;
             "orientation": Orientation;
             "appearance": DividerAppearance | undefined;
         }>;
@@ -347,9 +383,15 @@ declare namespace JSX {
             "name": string;
             "required": boolean;
         }>;
+        "vvd3-feature-state": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-feedback-message": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "type": FeedbackType;
+        }>;
         "vvd3-file-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "single-file": boolean;
-            "max-files": number | undefined;
+            "max-files": number | null;
             "max-file-size": number;
             "accept": string | undefined;
             "size": FilePickerSize | undefined;
@@ -365,6 +407,22 @@ declare namespace JSX {
             "name": string;
             "required": boolean;
         }>;
+        "vvd3-flag": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "code": string | undefined;
+            "label": string | undefined;
+            "size": | -6
+		| -5
+		| -4
+		| -3
+		| -2
+		| -1
+		| 0
+		| 1
+		| 2
+		| 3
+		| 4
+		| 5 | undefined;
+        }>;
         "vvd3-header": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "elevation-shadow": boolean;
             "alternate": boolean;
@@ -385,6 +443,9 @@ declare namespace JSX {
 		| 5 | undefined;
             "label": string | undefined;
             "name": string | undefined;
+        }>;
+        "vvd3-inline-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
         }>;
         "vvd3-layout": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "gutters": Gutters | undefined;
@@ -393,7 +454,26 @@ declare namespace JSX {
             "row-spacing": RowSpacing | undefined;
             "auto-sizing": 'fit' | 'fill' | undefined;
         }>;
+        "vvd3-listbox": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "disabled": boolean;
+        }>;
+        "vvd3-listbox-option": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "checked": boolean | undefined;
+            "selected": boolean;
+            "disabled": boolean;
+            "current-selected": boolean;
+            "value": string;
+            "label": string | undefined;
+            "text": string | undefined;
+            "text-secondary": string | undefined;
+            "matched-text": string | undefined;
+            "connotation": OptionConnotation | undefined;
+            "tag-connotation": OptionTagConnotation | undefined;
+            "icon-trailing": boolean;
+            "icon": string | undefined;
+        }>;
         "vvd3-menu": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "offset": number | null;
             "placement": Placement | undefined;
             "trigger": 'auto' | 'legacy' | 'off' | undefined;
             "auto-dismiss": boolean;
@@ -404,7 +484,6 @@ declare namespace JSX {
         "vvd3-menu-item": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "disabled": boolean;
             "expanded": boolean;
-            "role": MenuItemRole;
             "control-type": ControlType | undefined;
             "checked": boolean;
             "text": string | undefined;
@@ -476,17 +555,12 @@ declare namespace JSX {
             "name": string;
             "required": boolean;
         }>;
-        "vvd3-listbox-option": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "selected": boolean;
-            "disabled": boolean;
-            "current-selected": boolean;
-            "value": string;
+        "vvd3-option-tag": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "shape": OptionTagShape | undefined;
             "label": string | undefined;
-            "text": string | undefined;
-            "matched-text": string | undefined;
-            "tag-connotation": OptionTagConnotation | undefined;
-            "icon-trailing": boolean;
-            "icon": string | undefined;
+            "removable": boolean;
+            "disabled": boolean;
+            "scale": OptionTagSize | undefined;
         }>;
         "vvd3-pagination": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "size": PaginationSize | undefined;
@@ -494,6 +568,32 @@ declare namespace JSX {
             "nav-icons": boolean;
             "total": number;
             "selected-index": number | undefined;
+        }>;
+        "vvd3-picker-field": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "scale": TextFieldSize | undefined;
+            "readonly": boolean;
+            "helper-text": string | undefined;
+            "error-text": string | undefined;
+            "label": string | undefined;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
+        }>;
+        "vvd3-popover": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "placement": Placement;
+            "manual": boolean;
+            "layout": PopoverLayout;
+            "offset": number | null;
+            "alternate": boolean;
+            "dismiss-button-aria-label": | string
+		| null;
+            "arrow": boolean;
+            "open": boolean;
+        }>;
+        "vvd3-popover": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
         }>;
         "vvd3-popup": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "open": boolean;
@@ -523,7 +623,6 @@ declare namespace JSX {
             "paused": boolean;
         }>;
         "vvd3-radio": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "aria-label": string | null;
             "connotation": RadioConnotation | undefined;
             "readonly": boolean;
             "error-text": string | undefined;
@@ -570,19 +669,123 @@ declare namespace JSX {
             "required": boolean;
         }>;
         "vvd3-rich-text-editor": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "selection-start": number | null;
-            "selection-end": number | null;
-            "placeholder": string | undefined;
+
         }>;
-        "vvd3-option-tag": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "shape": OptionTagShape | undefined;
-            "label": string | undefined;
-            "removable": boolean;
-            "disabled": boolean;
+        "vvd3-rich-text-view": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-alignment-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-base-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-basic-text-blocks-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-bold-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-character-count-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-config": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-config-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-core-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-cursor-fix-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-drop-handler-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-feature": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-file-handler-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-font-size-picker-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-foreign-html-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-hard-break-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-history-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-html-parser": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-html-serializer": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-html-serializer-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-inline-image-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-input-rules-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-instance": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-instance-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-italic-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-keyboard-shortcuts-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-link-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-list-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-monospace-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-placeholder-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-strikethrough-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-text-block-picker-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-text-color-picker-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-text-style-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-toolbar-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-rte-underline-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
         }>;
         "vvd3-searchable-select": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "appearance": SearchableSelectAppearance | undefined;
             "shape": SearchableSelectShape | undefined;
+            "scale": SearchableSelectSize | undefined;
             "fixed-dropdown": boolean;
             "placeholder": string | undefined;
             "open": boolean;
@@ -592,6 +795,9 @@ declare namespace JSX {
             "loading": boolean;
             "clearable": boolean;
             "max-selected": number | null;
+            "enable-select-all": boolean;
+            "select-all-text": string | undefined;
+            "deselect-all-text": string | undefined;
             "helper-text": string | undefined;
             "error-text": string | undefined;
             "success-text": string | undefined;
@@ -612,6 +818,7 @@ declare namespace JSX {
             "shape": SelectShape | undefined;
             "fixed-dropdown": boolean;
             "placeholder": string | undefined;
+            "clearable": boolean;
             "helper-text": string | undefined;
             "error-text": string | undefined;
             "success-text": string | undefined;
@@ -626,11 +833,12 @@ declare namespace JSX {
         }>;
         "vvd3-selectable-box": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "checked": boolean;
-            "clickable": boolean;
             "clickable-box": boolean;
             "connotation": SelectableBoxConnotation | undefined;
             "control-type": SelectableBoxControlType | undefined;
+            "control-placement": SelectableBoxControlPlacement;
             "tight": boolean;
+            "disabled": boolean;
         }>;
         "vvd3-side-drawer": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "alternate": boolean;
@@ -638,6 +846,18 @@ declare namespace JSX {
             "open": boolean;
             "trailing": boolean;
         }>;
+        "vvd3-simple-color-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "placement": Placement | undefined;
+            "swatches-per-row": number;
+            "anchor": AnchorType | undefined;
+            "open": boolean;
+            "label": string | undefined;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
+        }>;
         "vvd3-slider": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "readonly": boolean;
             "min": number;
@@ -666,6 +886,11 @@ declare namespace JSX {
 		| null;
             "icon": string | undefined;
         }>;
+        "vvd3-status": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "status": string | undefined;
+            "connotation": StatusConnotation | undefined;
+            "icon": string | undefined;
+        }>;
         "vvd3-switch": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "label": string | undefined;
             "connotation": SwitchConnotation | undefined;
@@ -690,6 +915,27 @@ declare namespace JSX {
         }>;
         "vvd3-tab-panel": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
+        }>;
+        "vvd3-table": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-table-body": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-table-cell": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-table-head": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-table-header-cell": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-table-row": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-table-sorting-button": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "direction": null | 'none' | 'asc' | 'desc' | undefined;
         }>;
         "vvd3-tabs": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "orientation": TabsOrientation;
@@ -765,6 +1011,12 @@ declare namespace JSX {
             "disabled": boolean;
             "name": string;
             "required": boolean;
+        }>;
+        "vvd3-textblock-attrs": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-textblock-marks": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
         }>;
         "vvd3-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "min": string;
@@ -772,6 +1024,7 @@ declare namespace JSX {
             "minutes-step": number | null;
             "seconds-step": number | null;
             "clock": '12h' | '24h' | undefined;
+            "scale": TextFieldSize | undefined;
             "readonly": boolean;
             "helper-text": string | undefined;
             "error-text": string | undefined;
@@ -804,6 +1057,9 @@ declare namespace JSX {
         }>;
         "vvd3-tree-view": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "render-collapsed-nodes": boolean;
+        }>;
+        "vvd3-ui-ctx": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
         }>;
         "vvd3-video-player": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "poster": string | undefined;
@@ -816,17 +1072,8 @@ declare namespace JSX {
         "vvd3-visually-hidden": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
-        "vvd3-prose-mirror-facade": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+        "vvd3-vivid-element": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
-        }>;
-        "vvd3-image-placeholder": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "file-name": string | undefined;
-            "size": string | undefined;
-            "error-message": string | undefined;
-            "icon": string | undefined;
-        }>;
-        "vvd3-menubar": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "menu-items": string | undefined;
         }>;
         "vvd3-vivid-foundation-button": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "autofocus": boolean;
@@ -843,40 +1090,11 @@ declare namespace JSX {
             "name": string;
             "required": boolean;
         }>;
-        "vvd3-listbox": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "disabled": boolean;
-        }>;
-        "vvd3-base-progress": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "value": number | null;
-            "min": number;
-            "max": number;
-            "paused": boolean;
-        }>;
-        "vvd3-vivid-element": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-delegate-aria-behavior": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+        "vvd3-vvd-hex-input": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
-        "vvd3-host-semantics-behavior": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-feedback-message": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "type": FeedbackType;
-        }>;
-        "vvd3-picker-field": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "readonly": boolean;
-            "helper-text": string | undefined;
-            "error-text": string | undefined;
-            "label": string | undefined;
-            "current-value": string;
-            "value": string;
-            "disabled": boolean;
-            "name": string;
-            "required": boolean;
-        }>;
-        "vvd3-inline-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+        "vvd3-vvd-hex-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
     }
-}
+}

package/v3/VwcAccordion/index.d.ts

@@ -1,8 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcAccordion
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/accordion
-* @param {AccordionExpandMode} expandmode - Controls the expand mode of the Accordion, either allowing
-single or multiple item expansion. **attribute** `expand-mode`
+* @param {AccordionExpandMode} expandmode - Determines if multiple items or a single item can opened at once **attribute** `expand-mode`
 * @param {string | null} activeid
 * @param {number} activeItemIndex
 * @param {Array<string | null>} accordionIds
@@ -13,17 +12,18 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcAccordion: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onChange?: ((event: SyntheticEvent) => void) | undefined;
-        expandmode?: any;
-        activeid?: string | null | undefined;
-        activeItemIndex?: number | undefined;
-        accordionIds?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onChange?: (event: SyntheticEvent) => void;
+        onChange?: (event: SyntheticEvent) => void;
+        "expandmode"?: any;
+        "activeid"?: string | null;
+        "activeItemIndex"?: number;
+        "accordionIds"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };