@vonage/vivid 4.13.0 → 4.14.1

package/lib/searchable-select/searchable-select.template.d.ts

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

package/lib/select/definition.d.ts

@@ -1,4 +1,2 @@
-import type { SelectOptions } from '@microsoft/fast-foundation';
 export type { SelectAppearance, SelectShape } from './select';
-export declare const selectDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<SelectOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<SelectOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const registerSelect: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerSelect: (prefix?: string) => void;

package/lib/select/select.d.ts

@@ -1,20 +1,30 @@
-import { Select as FoundationSelect } from '@microsoft/fast-foundation';
 import { AffixIconWithTrailing, type ErrorText, type FormElement, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
 import type { Appearance, Shape, Size } from '../enums';
+import { FormAssociatedSelect } from './select.form-associated';
 export type SelectAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
 export type SelectShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
 export type SelectSize = Extract<Size, Size.Condensed | Size.Normal>;
-export declare class Select extends FoundationSelect {
+export declare class Select extends FormAssociatedSelect {
+    multiple: boolean;
+    protected setSelectedOptions(): void;
+    open: boolean;
+    get value(): string;
+    set value(next: string);
+    multipleChanged(prev: boolean | undefined, next: boolean): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     scale?: SelectSize;
     appearance?: SelectAppearance;
     shape?: SelectShape;
     fixedDropdown: boolean;
     placeholder: string | undefined;
     labelChanged(): void;
-    connectedCallback(): void;
     get displayValue(): string;
     setDefaultSelectedOption(): void;
     formResetCallback(): void;
 }
-export interface Select extends AffixIconWithTrailing, FormElement, FormElementHelperText, ErrorText, FormElementSuccessText {
+export declare class DelegatesARIASelect {
+    ariaControls: string | null;
+}
+export interface Select extends AffixIconWithTrailing, FormElement, FormElementHelperText, ErrorText, FormElementSuccessText, DelegatesARIASelect {
 }

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

@@ -0,0 +1,11 @@
+import { FormAssociated } from '@microsoft/fast-foundation';
+import { Listbox } from '../../shared/foundation/listbox/listbox';
+declare class _Select extends Listbox {
+}
+interface _Select extends FormAssociated {
+}
+declare const FormAssociatedSelect_base: typeof _Select;
+export declare class FormAssociatedSelect extends FormAssociatedSelect_base {
+    proxy: HTMLSelectElement;
+}
+export {};

package/lib/select/select.template.d.ts

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

package/lib/selectable-box/definition.d.ts

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const selectableBoxDefinition: (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 registerSelectableBox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerSelectableBox: (prefix?: string) => void;

package/lib/selectable-box/selectable-box.d.ts

@@ -1,8 +1,8 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Connotation } from '../enums.js';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type SelectableBoxConnotation = Connotation.Accent | Connotation.CTA;
 export type SelectableBoxControlType = 'checkbox' | 'radio';
-export declare class SelectableBox extends FoundationElement {
+export declare class SelectableBox extends VividElement {
     ariaLabel: string | null;
     checked: boolean;
     clickable: boolean;

package/lib/selectable-box/selectable-box.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 { SelectableBox } from './selectable-box';
-export declare const SelectableBoxTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<SelectableBox>;
+export declare const SelectableBoxTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<SelectableBox, any>;

package/lib/side-drawer/definition.d.ts

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const sideDrawerDefinition: (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 registerSideDrawer: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerSideDrawer: (prefix?: string) => void;

package/lib/side-drawer/side-drawer.d.ts

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

package/lib/side-drawer/side-drawer.template.d.ts

@@ -1,4 +1,2 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { FoundationElementTemplate } from '@microsoft/fast-foundation';
 import type { SideDrawer } from './side-drawer';
-export declare const sideDrawerTemplate: FoundationElementTemplate<ViewTemplate<SideDrawer>>;
+export declare const sideDrawerTemplate: import("@microsoft/fast-element").ViewTemplate<SideDrawer, any>;

package/lib/slider/definition.d.ts

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

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

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

package/lib/slider/slider.template.d.ts

@@ -1,5 +1,4 @@
-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 { Slider } from './slider';
-export declare const getMarkersTemplate: (isHorizontal: boolean, numMarkers: number) => ViewTemplate<any, any>;
-export declare const SliderTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Slider>;
+export declare const getMarkersTemplate: (isHorizontal: boolean, numMarkers: number) => import("@microsoft/fast-element").ViewTemplate<any, any>;
+export declare const SliderTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Slider, any>;

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

@@ -1,2 +1,2 @@
 export type { SplitButtonAppearance, SplitButtonConnotation, SplitButtonShape, SplitButtonSize, } from './split-button';
-export declare const registerSplitButton: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerSplitButton: (prefix?: string) => void;

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

@@ -1,12 +1,12 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Appearance, Connotation, Shape, Size } from '../enums.js';
 import { AffixIcon } from '../../shared/patterns/affix';
 import { Localized } from '../../shared/patterns';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type SplitButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.Announcement | Connotation.CTA | Connotation.Success | Connotation.Alert>;
 export type SplitButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
 export type SplitButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
 export type SplitButtonSize = Extract<Size, Size.SuperCondensed | Size.Condensed | Size.Normal | Size.Expanded>;
-export declare class SplitButton extends FoundationElement {
+export declare class SplitButton extends VividElement {
     _action: HTMLButtonElement;
     get action(): HTMLButtonElement;
     _indicator: HTMLButtonElement;

package/lib/split-button/split-button.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 { SplitButton } from './split-button';
-export declare const SplitButtonTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<SplitButton>;
+export declare const SplitButtonTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<SplitButton, any>;

package/lib/switch/definition.d.ts

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { SwitchConnotation } from './switch';
-export declare const switchDefinition: (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 registerSwitch: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerSwitch: (prefix?: string) => void;

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

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

package/lib/switch/switch.template.d.ts

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

package/lib/tab/definition.d.ts

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { TabConnotation, TabShape } from './tab';
-export declare const tabDefinition: (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 registerTab: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerTab: (prefix?: string) => void;

package/lib/tab/tab.d.ts

@@ -1,10 +1,10 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
 import { Localized } from '../../shared/patterns';
 import type { Connotation, Shape } from '../enums.js';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type TabConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
 export type TabShape = Extract<Shape, Shape.Rounded | Shape.Sharp>;
-export declare class Tab extends FoundationElement {
+export declare class Tab extends VividElement {
     disabled: boolean;
     connotation?: TabConnotation;
     shape?: TabShape;

package/lib/tab/tab.template.d.ts

@@ -1,3 +1,3 @@
-import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { Tab } from './tab.js';
-export declare function TabTemplate<T extends Tab>(context: ElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<T, any>;
+export declare const TabTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Tab, any>;

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

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const tabPanelDefinition: (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 registerTabPanel: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerTabPanel: (prefix?: string) => void;

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

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

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

@@ -1,2 +1,2 @@
 import type { TabPanel } from './tab-panel.js';
-export declare function TabPanelTemplate<T extends TabPanel>(): import("@microsoft/fast-element").ViewTemplate<T, any>;
+export declare const TabPanelTemplate: import("@microsoft/fast-element").ViewTemplate<TabPanel, any>;

package/lib/tabs/definition.d.ts

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const tabsDefinition: (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 registerTabs: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerTabs: (prefix?: string) => void;

package/lib/tabs/tabs.d.ts

@@ -1,9 +1,10 @@
-import { FoundationElement, TabsOrientation } from '@microsoft/fast-foundation';
+import { TabsOrientation } from '@microsoft/fast-foundation';
 import type { Connotation, TabsGutters } from '../enums.js';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export declare const ACTIVE_TAB_WIDTH = "--_tabs-active-tab-inline-size";
 export declare const TABLIST_COLUMN = "--_tabs-tablist-column";
 export type TabsConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
-export declare class Tabs extends FoundationElement {
+export declare class Tabs extends VividElement {
     #private;
     orientation: TabsOrientation;
     activeid: string;
@@ -24,12 +25,9 @@ export declare class Tabs extends FoundationElement {
     private getTabPanelIds;
     private setComponent;
     private handleTabClick;
-    private isHorizontal;
-    private handleTabKeyDown;
     adjust(adjustment: number): void;
     private adjustForward;
     private adjustBackward;
-    private moveToTabByIndex;
     private focusTab;
     tablist?: HTMLElement;
     connotation?: TabsConnotation;
@@ -38,6 +36,4 @@ export declare class Tabs extends FoundationElement {
     tabsLayout?: 'align-start' | 'stretch';
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private handleActiveIndicatorPosition;
-    private animateActiveIndicator;
 }

package/lib/tabs/tabs.template.d.ts

@@ -1,2 +1,2 @@
 import type { Tabs } from './tabs.js';
-export declare function TabsTemplate<T extends Tabs>(): import("@microsoft/fast-element").ViewTemplate<T, any>;
+export declare const TabsTemplate: import("@microsoft/fast-element").ViewTemplate<Tabs, any>;

package/lib/tag/definition.d.ts

@@ -1,5 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { TagConnotation, TagAppearance, TagShape } from './tag';
-export declare const tagDefinition: (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 tagRegistries: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
-export declare const registerTag: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerTag: (prefix?: string) => void;

package/lib/tag/tag.d.ts

@@ -1,10 +1,10 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import { AffixIcon } from '../../shared/patterns/affix';
 import type { Appearance, Connotation, Shape } from '../enums.js';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type TagConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
 export type TagAppearance = Extract<Appearance, Appearance.Subtle | Appearance.Duotone>;
 export type TagShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
-export declare class Tag extends FoundationElement {
+export declare class Tag extends VividElement {
     #private;
     connotation?: TagConnotation;
     shape?: TagShape;

package/lib/tag/tag.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 { Tag } from './tag';
-export declare const tagTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Tag>;
+export declare const tagTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Tag, any>;

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

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const tagGroupDefinition: (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 registerTagGroup: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerTagGroup: (prefix?: string) => void;

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

@@ -1,4 +1,4 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-export declare class TagGroup extends FoundationElement {
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class TagGroup extends VividElement {
     ariaLabel: string | null;
 }

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

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

package/lib/text-anchor/definition.d.ts

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { TextAnchorConnotation, TextAnchorAppearance, } from './text-anchor';
-export declare const textAnchorDefinition: (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 registerTextAnchor: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerTextAnchor: (prefix?: string) => void;

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

@@ -1,12 +1,13 @@
-import { Anchor } from '@microsoft/fast-foundation';
 import { Appearance, Connotation } from '../enums';
 import { AffixIcon } from '../../shared/patterns/affix';
+import { Anchor } from '../../shared/foundation/anchor/anchor';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type TextAnchorConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
 export type TextAnchorAppearance = Extract<Appearance, Appearance.Ghost | Appearance.GhostLight>;
-export declare class TextAnchor extends Anchor {
+export declare class TextAnchor extends VividElement {
     text?: string;
     connotation?: TextAnchorConnotation;
     appearance?: TextAnchorAppearance;
 }
-export interface TextAnchor extends AffixIcon {
+export interface TextAnchor extends AffixIcon, Anchor {
 }

package/lib/text-anchor/text-anchor.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 { TextAnchor } from './text-anchor';
-export declare const textAnchorTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<TextAnchor>;
+export declare const textAnchorTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TextAnchor, any>;

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

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { TextAreaWrap } from './text-area';
-export declare const textAreaDefinition: (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 registerTextArea: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerTextArea: (prefix?: string) => void;

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

@@ -1,6 +1,6 @@
 import { type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
 import { DelegatesARIATextbox } from '../text-field/text-field';
-import { FormAssociatedTextArea } from './text-field.form-associated';
+import { FormAssociatedTextArea } from './text-area.form-associated';
 export type TextAreaWrap = 'hard' | 'soft' | 'off';
 export declare const TextAreaResize: {
     readonly none: "none";

package/lib/text-area/{text-field.form-associated.d.ts → text-area.form-associated.d.ts}

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

package/lib/text-area/text-area.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 { TextArea } from './text-area';
-export declare const TextAreaTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<TextArea>;
+export declare const TextAreaTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TextArea, any>;

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

@@ -1,4 +1,2 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { TextFieldAppearance, TextFieldShape } from './text-field';
-export declare const textFieldDefinition: (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 registerTextField: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerTextField: (prefix?: string) => void;

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

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

package/lib/text-field/text-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 { TextField } from './text-field';
-export declare const TextfieldTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<TextField>;
+export declare const TextfieldTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TextField, any>;

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

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const timePickerDefinition: (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 registerTimePicker: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerTimePicker: (prefix?: string) => void;

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

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

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

@@ -1,4 +1,4 @@
 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 { TimePicker } from './time-picker';
-export declare const TimePickerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<TimePicker>;
+export declare const TimePickerTemplate: (context: VividElementDefinitionContext) => ViewTemplate<TimePicker, any>;

package/lib/toggletip/definition.d.ts

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const toggletipDefinition: (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 registerToggletip: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerToggletip: (prefix?: string) => void;

package/lib/toggletip/toggletip.d.ts

@@ -1,7 +1,7 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Placement } from '@floating-ui/dom';
 import { type Anchored } from '../../shared/patterns/anchored';
-export declare class Toggletip extends FoundationElement {
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class Toggletip extends VividElement {
     #private;
     headline?: string;
     alternate: boolean;

package/lib/toggletip/toggletip.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 { Toggletip } from './toggletip';
-export declare const ToggletipTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Toggletip>;
+export declare const ToggletipTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Toggletip, any>;

package/lib/tooltip/definition.d.ts

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const tooltipDefinition: (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 registerTooltip: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerTooltip: (prefix?: string) => void;

package/lib/tooltip/tooltip.d.ts

@@ -1,7 +1,7 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Placement } from '@floating-ui/dom';
 import { type Anchored } from '../../shared/patterns/anchored';
-export declare class Tooltip extends FoundationElement {
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class Tooltip extends VividElement {
     #private;
     text?: string;
     placement?: Placement;

package/lib/tooltip/tooltip.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 { Tooltip } from './tooltip';
-export declare const TooltipTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Tooltip>;
+export declare const TooltipTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Tooltip, any>;

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

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const treeItemDefinition: (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 registerTreeItem: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerTreeItem: (prefix?: string) => void;

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

@@ -1,7 +1,16 @@
-import { TreeItem as FastTreeItem } from '@microsoft/fast-foundation';
 import { AffixIcon } from '../../shared/patterns/affix';
-export declare class TreeItem extends FastTreeItem {
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare function isTreeItemElement(el: Element): el is HTMLElement;
+export declare class TreeItem extends VividElement {
     text?: string;
+    expanded: boolean;
+    expandedChanged(): void;
+    selected: boolean;
+    selectedChanged(): void;
+    disabled: boolean;
+    itemsChanged(): void;
+    static focusItem(el: HTMLElement): void;
+    readonly isNestedItem: () => boolean;
 }
 export interface TreeItem extends AffixIcon {
 }

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

@@ -1,4 +1,4 @@
-import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import { TreeItem } from './tree-item';
-export declare const expandCollapseButton: (context: ElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TreeItem, any>;
-export declare const TreeItemTemplate: (context: ElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TreeItem, any>;
+export declare const expandCollapseButton: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TreeItem, any>;
+export declare const TreeItemTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TreeItem, any>;

package/lib/tree-view/definition.d.ts

@@ -1,3 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const treeViewDefinition: (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 registerTreeView: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerTreeView: (prefix?: string) => void;