@vonage/vivid 5.23.1-preview.0 → 5.24.0

package/lib/slider/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/split-button/split-button.d.ts

@@ -10,6 +10,7 @@ declare const SplitButton_base: {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -364,7 +365,6 @@ declare const SplitButton_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -435,6 +435,7 @@ declare const SplitButton_base: {
     new (...args: any[]): {
         get locale(): import('../../shared/localization/Locale.js').Locale;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -789,7 +790,6 @@ declare const SplitButton_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -860,6 +860,7 @@ declare const SplitButton_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -1213,7 +1214,6 @@ declare const SplitButton_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/split-button/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/status/status.d.ts

@@ -7,6 +7,7 @@ declare const Status_base: {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -361,7 +362,6 @@ declare const Status_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/status/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/switch/switch.d.ts

@@ -5,6 +5,7 @@ declare const Switch_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -358,7 +359,6 @@ declare const Switch_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -473,6 +473,7 @@ declare const Switch_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -826,7 +827,6 @@ declare const Switch_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/switch/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/tab/tab.d.ts

@@ -7,6 +7,7 @@ declare const Tab_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -360,7 +361,6 @@ declare const Tab_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -423,9 +423,9 @@ declare const Tab_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.js').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -433,7 +433,8 @@ declare const Tab_base: {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -787,7 +788,6 @@ declare const Tab_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -850,15 +850,16 @@ declare const Tab_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.js').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
-        get locale(): import('../../shared/localization/Locale').Locale;
+        get locale(): import('../../shared/localization/Locale.js').Locale;
         connectedCallback(): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -1212,7 +1213,6 @@ declare const Tab_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1275,9 +1275,9 @@ declare const Tab_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.js').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class Tab extends Tab_base {

package/lib/tab-panel/tab-panel.d.ts

@@ -3,6 +3,7 @@ declare const TabPanel_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const TabPanel_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/table/table-cell.d.ts

@@ -3,6 +3,7 @@ declare const TableCell_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const TableCell_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/table/table-header-cell.d.ts

@@ -3,6 +3,7 @@ declare const TableHeaderCell_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const TableHeaderCell_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/table/table-row.d.ts

@@ -3,6 +3,7 @@ declare const TableRow_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const TableRow_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/table/table-sorting-button.d.ts

@@ -3,6 +3,7 @@ declare const TableSortingButton_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const TableSortingButton_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/table/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/tabs/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/tag/tag.d.ts

@@ -6,9 +6,10 @@ export type TagAppearance = ExtractFromEnum<Appearance, Appearance.Subtle | Appe
 export type TagShape = ExtractFromEnum<Shape, Shape.Rounded | Shape.Pill>;
 declare const Tag_base: {
     new (...args: any[]): {
-        get locale(): import('../../shared/localization/Locale').Locale;
+        get locale(): import('../../shared/localization/Locale.js').Locale;
         connectedCallback(): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -362,7 +363,6 @@ declare const Tag_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -425,14 +425,15 @@ declare const Tag_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.js').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -786,7 +787,6 @@ declare const Tag_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -849,16 +849,17 @@ declare const Tag_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.js').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -1212,7 +1213,6 @@ declare const Tag_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1275,9 +1275,9 @@ declare const Tag_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.js').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class Tag extends Tag_base {

package/lib/tag/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/tag-group/tag-group.d.ts

@@ -3,6 +3,7 @@ declare const TagGroup_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const TagGroup_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/tag-name-map.d.ts

@@ -1,4 +1,4 @@
-import { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcCountryElement, VwcCountryGroupElement, VwcDataGridCellElement, VwcDataGridElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialogElement, VwcDialPadElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcHeaderElement, VwcIconElement, VwcKbdKeyElement, VwcKbdShortcutElement, VwcLayoutElement, VwcMenuElement, VwcMenuItemElement, VwcNavDisclosureElement, VwcNavElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptionElement, VwcPaginationElement, VwcPlatformSwitchElement, VwcPopoverElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcRichTextViewElement, VwcSearchableSelectElement, VwcSelectableBoxElement, VwcSelectElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcStatusElement, VwcSwitchElement, VwcTabElement, VwcTableBodyElement, VwcTableCellElement, VwcTableElement, VwcTableHeadElement, VwcTableHeaderCellElement, VwcTableRowElement, VwcTabPanelElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement } from './components';
+import { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcCountryElement, VwcCountryGroupElement, VwcDataGridCellElement, VwcDataGridElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialogElement, VwcDialPadElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcHeaderElement, VwcIconElement, VwcKbdKeyElement, VwcKbdShortcutElement, VwcLayoutElement, VwcMenuElement, VwcMenuItemElement, VwcNavDisclosureElement, VwcNavElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptgroupElement, VwcOptionElement, VwcPaginationElement, VwcPlatformSwitchElement, VwcPopoverElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcRichTextViewElement, VwcSearchableSelectElement, VwcSelectableBoxElement, VwcSelectElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcStatusElement, VwcSwitchElement, VwcTabElement, VwcTableBodyElement, VwcTableCellElement, VwcTableElement, VwcTableHeadElement, VwcTableHeaderCellElement, VwcTableRowElement, VwcTabPanelElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement } from './components';
 type DefaultVividTagNameMap = {
     'vwc-accordion': VwcAccordionElement;
     'vwc-accordion-item': VwcAccordionItemElement;
@@ -51,6 +51,7 @@ type DefaultVividTagNameMap = {
     'vwc-nav-item': VwcNavItemElement;
     'vwc-note': VwcNoteElement;
     'vwc-number-field': VwcNumberFieldElement;
+    'vwc-optgroup': VwcOptgroupElement;
     'vwc-option': VwcOptionElement;
     'vwc-pagination': VwcPaginationElement;
     'vwc-popover': VwcPopoverElement;

package/lib/text-area/text-area.d.ts

@@ -53,6 +53,7 @@ declare const TextArea_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -406,7 +407,6 @@ declare const TextArea_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -485,6 +485,7 @@ declare const TextArea_base: {
         _slottedHelperTextFeedbackType(): "none" | "helper";
         _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -839,7 +840,6 @@ declare const TextArea_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -919,6 +919,7 @@ declare const TextArea_base: {
         _getCharCountTemplate: (context: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext) => import('@microsoft/fast-element').ViewTemplate<any, any>;
         get locale(): import('../../shared/localization/Locale').Locale;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1273,7 +1274,6 @@ declare const TextArea_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1389,6 +1389,7 @@ declare const TextArea_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1742,7 +1743,6 @@ declare const TextArea_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1813,6 +1813,7 @@ declare const TextArea_base: {
     new (...args: any[]): {
         successText?: string;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2167,7 +2168,6 @@ declare const TextArea_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -2277,6 +2277,7 @@ declare const TextArea_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2630,7 +2631,6 @@ declare const TextArea_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -2701,6 +2701,7 @@ declare const TextArea_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -3054,7 +3055,6 @@ declare const TextArea_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -3159,6 +3159,7 @@ declare const TextArea_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -3512,7 +3513,6 @@ declare const TextArea_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/text-area/text-area.template.d.ts

@@ -1,3 +1,2 @@
 import { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
-import { TextArea } from './text-area';
-export declare const TextAreaTemplate: (context: VividElementDefinitionContext) => import('@microsoft/fast-element').ViewTemplate<TextArea, any>;
+export declare const TextAreaTemplate: (context: VividElementDefinitionContext) => import('@microsoft/fast-element').ViewTemplate<any, any>;

package/lib/text-area/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};