@vonage/vivid 5.18.0 → 5.20.0

package/lib/file-picker/file-picker.d.ts

@@ -17,7 +17,7 @@ declare const FilePicker_base: {
         hasBeenTouched: boolean;
         connectedCallback: (() => void) & (() => void) & (() => void);
         "__#private@#handleInvalidEvent": () => void;
-        disconnectedCallback: (() => void) & (() => void) & (() => void);
+        disconnectedCallback: (() => void) & (() => void) & (() => void) & (() => void);
         formResetCallback: (() => void) & (() => void);
         validate: (() => void) & ((anchor?: HTMLElement) => void);
         proxy: import('../../shared/foundation/form-associated/form-associated').ProxyElement;
@@ -406,6 +406,13 @@ declare const FilePicker_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -448,12 +455,22 @@ declare const FilePicker_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             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;
     };
 } & {
     new (...args: any[]): {
@@ -470,7 +487,7 @@ declare const FilePicker_base: {
         _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;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -822,6 +839,13 @@ declare const FilePicker_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -864,12 +888,22 @@ declare const FilePicker_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             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;
     };
 } & {
     new (...args: any[]): {
@@ -885,7 +919,7 @@ declare const FilePicker_base: {
         hasBeenTouched: boolean;
         connectedCallback: (() => void) & (() => void) & (() => void);
         "__#private@#handleInvalidEvent": () => void;
-        disconnectedCallback: (() => void) & (() => void) & (() => void);
+        disconnectedCallback: (() => void) & (() => void) & (() => void) & (() => void);
         formResetCallback: (() => void) & (() => void);
         validate: (() => void) & ((anchor?: HTMLElement) => void);
         proxy: import('../../shared/foundation/form-associated/form-associated').ProxyElement;
@@ -1274,6 +1308,13 @@ declare const FilePicker_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -1316,12 +1357,22 @@ declare const FilePicker_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             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;
     };
 } & {
     new (...args: any[]): {
@@ -1720,6 +1771,13 @@ declare const FilePicker_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -1762,12 +1820,22 @@ declare const FilePicker_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             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;
     };
 } & {
     new (...args: any[]): {
@@ -1775,7 +1843,7 @@ declare const FilePicker_base: {
         connectedCallback(): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -2127,6 +2195,13 @@ declare const FilePicker_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -2169,12 +2244,22 @@ declare const FilePicker_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             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;
     };
 } & {
     new (...args: any[]): {
@@ -2183,7 +2268,7 @@ declare const FilePicker_base: {
         _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;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -2535,6 +2620,13 @@ declare const FilePicker_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -2577,12 +2669,22 @@ declare const FilePicker_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             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;
     };
 } & {
     new (...args: any[]): {
@@ -2976,6 +3078,13 @@ declare const FilePicker_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -3018,12 +3127,22 @@ declare const FilePicker_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             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;
     };
     get formAssociated(): boolean;
 } & typeof VividElement;

package/lib/header/header.d.ts

@@ -5,7 +5,7 @@ declare const Header_base: {
         connectedCallback(): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -357,6 +357,13 @@ declare const Header_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -399,12 +406,22 @@ declare const Header_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             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;
     };
 } & typeof VividElement;
 export declare class Header extends Header_base {

package/lib/icon/icon.template.d.ts

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

package/lib/kbd-key/definition.d.ts

@@ -0,0 +1,4 @@
+import { KbdKey } from './kbd-key';
+export type { KbdKeyName, KbdKeyAppearance, KbdKeySize, KbdKeyKeyboard, } from './kbd-key';
+export declare const registerKbdKey: (prefix?: string) => void;
+export { KbdKey as VwcKbdKeyElement };

package/lib/kbd-key/index.d.ts

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

package/lib/kbd-key/kbd-key.d.ts

@@ -0,0 +1,18 @@
+import { Appearance, Size } from '../enums.js';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+import { ExtractFromEnum } from '../../shared/utils/enums';
+declare const SUPPORTED_KEY_NAMES: readonly ["Alt", "Control", "Shift", "Enter", "Tab", "Space", "Backspace", "Escape", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "End", "Home", "PageUp", "PageDown", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "Mod", "Custom"];
+export type KbdKeyName = (typeof SUPPORTED_KEY_NAMES)[number];
+export declare const KEY_DISPLAY_MAP: Record<string, string>;
+export declare const APPLE_DISPLAY_OVERRIDES: Record<string, string>;
+export type KbdKeyKeyboard = 'auto' | 'standard' | 'apple';
+export type KbdKeyAppearance = ExtractFromEnum<Appearance, Appearance.Subtle | Appearance.Outlined> | 'dropshadow';
+export type KbdKeySize = ExtractFromEnum<Size, Size.SuperCondensed | Size.Condensed | Size.Normal | Size.Expanded>;
+export declare class KbdKey extends VividElement {
+    name?: KbdKeyName;
+    keyboard?: KbdKeyKeyboard;
+    appearance?: KbdKeyAppearance;
+    size?: KbdKeySize;
+    keyshortcutsKey?: string;
+}
+export {};

package/lib/kbd-key/kbd-key.template.d.ts

@@ -0,0 +1,4 @@
+import { ViewTemplate } from '@microsoft/fast-element';
+import { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
+import { KbdKey } from './kbd-key';
+export declare const KbdKeyTemplate: (context: VividElementDefinitionContext) => ViewTemplate<KbdKey>;

package/lib/kbd-shortcut/definition.d.ts

@@ -0,0 +1,3 @@
+import { KbdShortcut } from './kbd-shortcut';
+export declare const registerKbdShortcut: (prefix?: string) => void;
+export { KbdShortcut as VwcKbdShortcutElement };

package/lib/kbd-shortcut/index.d.ts

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

package/lib/kbd-shortcut/kbd-shortcut.d.ts

@@ -0,0 +1,4 @@
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class KbdShortcut extends VividElement {
+    getKeyshortcutsValue(): string | null;
+}

package/lib/kbd-shortcut/kbd-shortcut.template.d.ts

@@ -0,0 +1,4 @@
+import { ViewTemplate } from '@microsoft/fast-element';
+import { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
+import { KbdShortcut } from './kbd-shortcut';
+export declare const KbdShortcutTemplate: (context: VividElementDefinitionContext) => ViewTemplate<KbdShortcut>;

package/lib/menu/menu.d.ts

@@ -367,6 +367,13 @@ declare const Menu_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -409,12 +416,22 @@ declare const Menu_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             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;
     };
 } & {
     new (...args: any[]): {
@@ -422,7 +439,7 @@ declare const Menu_base: {
         connectedCallback(): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -774,6 +791,13 @@ declare const Menu_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -816,12 +840,22 @@ declare const Menu_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             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;
     };
 } & typeof VividElement;
 export declare class Menu extends Menu_base {