@vonage/vivid 4.12.1 → 4.14.0

package/lib/fab/definition.d.ts

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { FabConnotation, FABSize } from './fab';
-export declare const fabDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerFab: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerFab: (prefix?: string) => void;

package/lib/fab/fab.template.d.ts

@@ -1,4 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { Fab } from './fab';
-export declare const FabTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Fab>;
+export declare const FabTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Fab, any>;

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

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const filePickerDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerFilePicker: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerFilePicker: (prefix?: string) => void;

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

@@ -14,6 +14,12 @@ export declare class FilePicker extends FormAssociatedFilePicker {
     accept?: string;
     acceptChanged(_oldValue: string, newValue: string): void;
     size?: FilePickerSize;
+    invalidFileTypeError?: string;
+    invalidFileTypeErrorChanged(_oldValue: string, newValue: string): void;
+    maxFilesExceededError?: string;
+    maxFilesExceededErrorChanged(_oldValue: string, newValue: string): void;
+    fileTooBigError?: string;
+    fileTooBigErrorChanged(_oldValue: string, newValue: string): void;
     nameChanged(previous: string, next: string): void;
     private buttonTag;
     constructor();

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

@@ -1,5 +1,6 @@
-import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
-declare class _FilePicker extends FoundationElement {
+import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+declare class _FilePicker extends VividElement {
 }
 interface _FilePicker extends FormAssociated {
 }

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

@@ -1,4 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { FilePicker } from './file-picker';
-export declare const FilePickerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<FilePicker>;
+export declare const FilePickerTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<FilePicker, any>;

package/lib/header/definition.d.ts

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const headerDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerHeader: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerHeader: (prefix?: string) => void;

package/lib/header/header.d.ts

@@ -1,5 +1,5 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-export declare class Header extends FoundationElement {
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class Header extends VividElement {
     elevationShadow: boolean;
     alternate: boolean;
 }

package/lib/header/header.template.d.ts

@@ -1,4 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { Header } from './header';
-export declare const headerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Header>;
+export declare const headerTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Header, any>;

package/lib/icon/definition.d.ts

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { IconConnotation } from './icon';
-export declare const iconDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerIcon: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerIcon: (prefix?: string) => void;

package/lib/icon/icon.d.ts

@@ -1,7 +1,7 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Connotation } from '../enums';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type IconConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information | Connotation.Announcement>;
-export declare class Icon extends FoundationElement {
+export declare class Icon extends VividElement {
     #private;
     connotation?: IconConnotation;
     size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;

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

@@ -1,4 +1,2 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
 import type { Icon } from './icon';
-export declare const iconTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Icon>;
+export declare const iconTemplate: import("@microsoft/fast-element").ViewTemplate<Icon, any>;

package/lib/layout/definition.d.ts

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { AUTO_SIZING, ColumnBasis, ColumnSpacing, RowSpacing, Gutters, } from './layout';
-export declare const layoutDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerLayout: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerLayout: (prefix?: string) => void;

package/lib/layout/layout.d.ts

@@ -1,5 +1,5 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import type { LayoutSize } from '../enums.js';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export declare enum AUTO_SIZING {
     Fit = "fit",
     Fill = "fill"
@@ -8,7 +8,7 @@ export type Gutters = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium |
 export type ColumnSpacing = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
 export type RowSpacing = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
 export type ColumnBasis = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large> | 'block';
-export declare class Layout extends FoundationElement {
+export declare class Layout extends VividElement {
     gutters?: Gutters;
     columnBasis?: ColumnBasis;
     columnSpacing?: ColumnSpacing;

package/lib/layout/layout.template.d.ts

@@ -1,4 +1,2 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
 import type { Layout } from './layout';
-export declare const layoutTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Layout>;
+export declare const layoutTemplate: import("@microsoft/fast-element").ViewTemplate<Layout, any>;

package/lib/listbox/definition.d.ts

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { LisboxAppearance } from './listbox';
-export declare const listboxDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerListbox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerListbox: (prefix?: string) => void;

package/lib/listbox/listbox.template.d.ts

@@ -1,4 +1,2 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import { type ElementDefinitionContext, type FoundationElementDefinition } from '@microsoft/fast-foundation';
 import type { Listbox } from './listbox';
-export declare const ListboxTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Listbox>;
+export declare const ListboxTemplate: import("@microsoft/fast-element").ViewTemplate<Listbox, any>;

package/lib/menu/definition.d.ts

@@ -1,12 +1,2 @@
-import { Menu } from './menu';
 export type { Placement } from '@floating-ui/dom';
-export declare const menuDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
-    baseName: string;
-    template: any;
-    styles: string;
-}> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
-    baseName: string;
-    template: any;
-    styles: string;
-}, typeof Menu>;
-export declare const registerMenu: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerMenu: (prefix?: string) => void;

package/lib/menu/menu.d.ts

@@ -1,8 +1,22 @@
-import { Menu as FastMenu } from '@microsoft/fast-foundation';
 import type { Placement, Strategy } from '@floating-ui/dom';
 import { type Anchored } from '../../shared/patterns/anchored';
-export declare class Menu extends FastMenu {
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class Menu extends VividElement {
     #private;
+    private menuItems;
+    private expandedItem;
+    private focusIndex;
+    private static focusableElementRoles;
+    focus(): void;
+    collapseExpandedItem(): void;
+    private handleItemFocus;
+    private handleExpandedChanged;
+    private removeItemListeners;
+    private setItems;
+    private domChildren;
+    private isMenuItemElement;
+    private isFocusableElement;
+    private setFocus;
     ariaLabel: string | null;
     placement?: Placement;
     trigger?: 'auto' | 'legacy' | 'off';
@@ -10,7 +24,6 @@ export declare class Menu extends FastMenu {
     positionStrategy?: Strategy;
     open: boolean;
     openChanged(_: boolean, newValue: boolean): void;
-    constructor();
     _onFocusout: (e: FocusEvent) => void;
     actionItemsSlottedContent?: HTMLElement[];
 }

package/lib/menu/menu.template.d.ts

@@ -1,3 +1,3 @@
-import { type ElementViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const MenuTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementViewTemplate;
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
+import type { Menu } from './menu';
+export declare const MenuTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Menu, any>;

package/lib/menu-item/definition.d.ts

@@ -1,4 +1,2 @@
-import type { MenuItemOptions } from '@microsoft/fast-foundation';
 export { MenuItemRole } from './menu-item';
-export declare const menuItemDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<MenuItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerMenuItem: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerMenuItem: (prefix?: string) => void;

package/lib/menu-item/menu-item.d.ts

@@ -1,19 +1,26 @@
-import { MenuItem as FastMenuItem } from '@microsoft/fast-foundation';
 import { AffixIcon } from '../../shared/patterns/affix';
 import { Connotation } from '../enums';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export declare const MenuItemRole: {
     readonly presentation: "presentation";
     readonly menuitem: "menuitem";
     readonly menuitemcheckbox: "menuitemcheckbox";
     readonly menuitemradio: "menuitemradio";
 };
+export type MenuItemRole = typeof MenuItemRole[keyof typeof MenuItemRole];
 export declare enum CheckAppearance {
     Normal = "normal",
     TickOnly = "tick-only"
 }
 export type MenuItemConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent>;
-export declare class MenuItem extends FastMenuItem {
+export declare class MenuItem extends VividElement {
     #private;
+    disabled: boolean;
+    expanded: boolean;
+    role: MenuItemRole;
+    checked: boolean;
+    private observer;
+    private invoke;
     text?: string;
     textSecondary?: string;
     connotation?: MenuItemConnotation;
@@ -21,6 +28,7 @@ export declare class MenuItem extends FastMenuItem {
     checkedAppearance?: CheckAppearance;
     trailingMetaSlottedContent?: HTMLElement[];
     constructor();
+    private updateSubmenu;
 }
 export interface MenuItem extends AffixIcon {
 }

package/lib/menu-item/menu-item.template.d.ts

@@ -1,4 +1,3 @@
-import { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, MenuItemOptions } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import { MenuItem } from './menu-item';
-export declare const MenuItemTemplate: (context: ElementDefinitionContext, definition: MenuItemOptions) => ViewTemplate<MenuItem>;
+export declare const MenuItemTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<MenuItem, any>;

package/lib/nav/definition.d.ts

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const navDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerNav: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerNav: (prefix?: string) => void;

package/lib/nav/nav.d.ts

@@ -1,3 +1,3 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-export declare class Nav extends FoundationElement {
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class Nav extends VividElement {
 }

package/lib/nav/nav.template.d.ts

@@ -1,4 +1,2 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
 import type { Nav } from './nav';
-export declare const NavTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Nav>;
+export declare const NavTemplate: import("@microsoft/fast-element").ViewTemplate<Nav, any>;

package/lib/nav-disclosure/definition.d.ts

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const navDisclosureDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerNavDisclosure: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerNavDisclosure: (prefix?: string) => void;

package/lib/nav-disclosure/nav-disclosure.d.ts

@@ -1,9 +1,9 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import { Appearance, Connotation } from '../enums';
 import { AffixIcon } from '../../shared/patterns/affix';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type NavDisclosureAppearance = Extract<Appearance, Appearance.Ghost | Appearance.GhostLight>;
 export type NavDisclosureConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
-export declare class NavDisclosure extends FoundationElement {
+export declare class NavDisclosure extends VividElement {
     #private;
     details: HTMLDetailsElement;
     label?: string;

package/lib/nav-disclosure/nav-disclosure.template.d.ts

@@ -1,4 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { NavDisclosure } from './nav-disclosure';
-export declare const NavDisclosureTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NavDisclosure>;
+export declare const NavDisclosureTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<NavDisclosure, any>;

package/lib/nav-item/definition.d.ts

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const navItemDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerNavItem: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerNavItem: (prefix?: string) => void;

package/lib/nav-item/nav-item.template.d.ts

@@ -1,4 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { NavItem } from './nav-item';
-export declare const NavItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NavItem>;
+export declare const NavItemTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<NavItem, any>;

package/lib/note/definition.d.ts

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { NoteConnotation } from './note';
-export declare const noteDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerNote: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerNote: (prefix?: string) => void;

package/lib/note/note.d.ts

@@ -1,8 +1,8 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Connotation } from '../enums';
 import { AffixIcon } from '../../shared/patterns';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type NoteConnotation = Connotation.Accent | Connotation.Information | Connotation.Success | Connotation.Warning | Connotation.Announcement | Connotation.Alert;
-export declare class Note extends FoundationElement {
+export declare class Note extends VividElement {
     headline?: string;
     connotation?: NoteConnotation;
 }

package/lib/note/note.template.d.ts

@@ -1,4 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { Note } from './note';
-export declare const NoteTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Note>;
+export declare const NoteTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Note, any>;

package/lib/number-field/definition.d.ts

@@ -1,5 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { NumberFieldAppearance, NumberFieldShape } from './number-field';
-export declare const numberFieldDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const numberFieldRegistries: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
-export declare const registerNumberField: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerNumberField: (prefix?: string) => void;

package/lib/number-field/number-field.form-associated.d.ts

@@ -1,5 +1,6 @@
-import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
-declare class _NumberField extends FoundationElement {
+import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+declare class _NumberField extends VividElement {
 }
 interface _NumberField extends FormAssociated {
 }

package/lib/number-field/number-field.template.d.ts

@@ -1,4 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { NumberField } from './number-field';
-export declare const NumberFieldTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NumberField>;
+export declare const NumberFieldTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<NumberField, any>;

package/lib/option/definition.d.ts

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const listboxOptionDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerOption: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerOption: (prefix?: string) => void;

package/lib/option/option.d.ts

@@ -1,12 +1,33 @@
-import { ListboxOption as FoundationListboxOption } from '@microsoft/fast-foundation';
-import { AffixIconWithTrailing } from '../../shared/patterns/affix';
-export declare class ListboxOption extends FoundationListboxOption {
-    _text?: string;
-    set text(value: string);
-    get text(): string;
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare function isListboxOption(el: Element): el is ListboxOption;
+export declare class ListboxOption extends VividElement {
+    checked?: boolean;
+    protected checkedChanged(_: boolean | unknown, next?: boolean): void;
+    defaultSelected: boolean;
+    protected defaultSelectedChanged(): void;
+    disabled: boolean;
+    protected disabledChanged(): void;
+    selectedAttribute: boolean;
+    protected selectedAttributeChanged(): void;
+    selected: boolean;
+    protected selectedChanged(): void;
+    dirtyValue: boolean;
+    protected initialValue: string;
+    initialValueChanged(): void;
     _label?: string;
     get label(): string;
     set label(value: string);
+    _text?: string;
+    set text(value: string);
+    get text(): string;
+    set value(next: string);
+    get value(): string;
+    get form(): HTMLFormElement | null;
+    constructor(text?: string, value?: string, defaultSelected?: boolean, selected?: boolean);
 }
-export interface ListboxOption extends AffixIconWithTrailing {
+export declare class DelegatesARIAListboxOption {
+    ariaChecked: 'true' | 'false' | string | null;
+    ariaPosInSet: string | null;
+    ariaSelected: 'true' | 'false' | string | null;
+    ariaSetSize: string | null;
 }

package/lib/option/option.template.d.ts

@@ -1,4 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { ListboxOption } from './option';
-export declare const ListboxOptionTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<ListboxOption>;
+export declare const ListboxOptionTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<ListboxOption, any>;

package/lib/pagination/definition.d.ts

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { PaginationShape, PaginationSize } from './pagination';
-export declare const paginationDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerPagination: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerPagination: (prefix?: string) => void;

package/lib/pagination/pagination.d.ts

@@ -1,9 +1,9 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Shape, Size } from '../enums';
 import type { Button } from '../button/button';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type PaginationSize = Extract<Size, Size.SuperCondensed | Size.Condensed | Size.Normal>;
 export type PaginationShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
-export declare class Pagination extends FoundationElement {
+export declare class Pagination extends VividElement {
     size?: PaginationSize;
     shape?: PaginationShape;
     paginationButtons?: Button[];

package/lib/pagination/pagination.template.d.ts

@@ -1,4 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { Pagination } from './pagination';
-export declare const PaginationTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Pagination>;
+export declare const PaginationTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Pagination, any>;

package/lib/popup/definition.d.ts

@@ -1,5 +1,3 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { Popup } from './popup';
 export type { Strategy } from '@floating-ui/dom';
-export declare const popupDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerPopup: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerPopup: (prefix?: string) => void;

package/lib/popup/popup.template.d.ts

@@ -1,4 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { Popup } from './popup';
-export declare const popupTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Popup>;
+export declare const popupTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Popup, any>;

package/lib/progress/definition.d.ts

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { ProgressConnotation, ProgressShape } from './progress';
-export declare const progressDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerProgress: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerProgress: (prefix?: string) => void;

package/lib/progress/progress.d.ts

@@ -1,5 +1,5 @@
-import { BaseProgress } from '@microsoft/fast-foundation';
 import type { Connotation, ConnotationDecorative, Shape } from '../enums';
+import { BaseProgress } from '../../shared/foundation/progress/base-progress';
 export type ProgressConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
 export type ProgressShape = Shape.Rounded | Shape.Sharp;
 export declare class Progress extends BaseProgress {

package/lib/progress/progress.template.d.ts

@@ -1,5 +1,2 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
-import type { ProgressOptions } from '@microsoft/fast-foundation';
 import type { Progress } from './progress';
-export declare const ProgressTemplate: (context: ElementDefinitionContext, definition: ProgressOptions) => ViewTemplate<Progress>;
+export declare const ProgressTemplate: import("@microsoft/fast-element").ViewTemplate<Progress, any>;

package/lib/progress-ring/definition.d.ts

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { ProgressRingConnotation } from './progress-ring';
-export declare const progressRingDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerProgressRing: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerProgressRing: (prefix?: string) => void;

package/lib/progress-ring/progress-ring.d.ts

@@ -1,5 +1,5 @@
-import { BaseProgress } from '@microsoft/fast-foundation';
 import type { Connotation } from '../enums';
+import { BaseProgress } from '../../shared/foundation/progress/base-progress';
 export type ProgressRingConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA;
 export declare class ProgressRing extends BaseProgress {
     ariaLabel: string | null;

package/lib/progress-ring/progress-ring.template.d.ts

@@ -1,4 +1,2 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
 import type { ProgressRing } from './progress-ring';
-export declare const ProgressRingTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<ProgressRing>;
+export declare const ProgressRingTemplate: import("@microsoft/fast-element").ViewTemplate<ProgressRing, any>;

package/lib/radio/definition.d.ts

@@ -1,3 +1 @@
-import type { RadioOptions } from '@microsoft/fast-foundation';
-export declare const radioDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<RadioOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<RadioOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerRadio: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerRadio: (prefix?: string) => void;

package/lib/radio/radio.form-associated.d.ts

@@ -1,5 +1,6 @@
-import { CheckableFormAssociated, FoundationElement } from '@microsoft/fast-foundation';
-declare class _Radio extends FoundationElement {
+import { CheckableFormAssociated } from '../../shared/foundation/form-associated/form-associated';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+declare class _Radio extends VividElement {
 }
 interface _Radio extends CheckableFormAssociated {
 }

package/lib/radio/radio.template.d.ts

@@ -1,4 +1,2 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
 import type { Radio } from './radio';
-export declare const RadioTemplate: (context: ElementDefinitionContext) => ViewTemplate<Radio>;
+export declare const RadioTemplate: import("@microsoft/fast-element").ViewTemplate<Radio, any>;

package/lib/radio-group/definition.d.ts

@@ -1,11 +1 @@
-import { RadioGroup } from './radio-group';
-export declare const radioGroupDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
-    baseName: string;
-    template: any;
-    styles: string;
-}> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
-    baseName: string;
-    template: any;
-    styles: string;
-}, typeof RadioGroup>;
-export declare const registerRadioGroup: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerRadioGroup: (prefix?: string) => void;