@vonage/vivid 4.13.0 → 4.14.0

package/lib/avatar/definition.d.ts

@@ -1,2 +1,2 @@
 export type { AvatarConnotation, AvatarShape, AvatarAppearance, AvatarSize, } from './avatar';
-export declare const registerAvatar: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerAvatar: (prefix?: string) => void;

package/lib/badge/badge.d.ts

@@ -1,10 +1,10 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
 import type { Appearance, Connotation, Shape } from '../enums.js';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type BadgeConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information>;
 export type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Duotone | Appearance.Subtle | Appearance.SubtleLight>;
 export type BadgeShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
-export declare class Badge extends FoundationElement {
+export declare class Badge extends VividElement {
     connotation?: BadgeConnotation;
     shape?: BadgeShape;
     appearance?: BadgeAppearance;

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

package/lib/badge/definition.d.ts

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

package/lib/banner/banner.d.ts

@@ -1,9 +1,9 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import { Connotation } from '../enums';
 import { Localized } from '../../shared/patterns';
 import { AffixIcon } from '../../shared/patterns/affix';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type BannerConnotation = Connotation.Information | Connotation.Announcement | Connotation.Success | Connotation.Warning | Connotation.Alert;
-export declare class Banner extends FoundationElement {
+export declare class Banner extends VividElement {
     #private;
     dismissButtonAriaLabel: string | null;
     role: string | null;

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

package/lib/banner/definition.d.ts

@@ -1,2 +1,2 @@
 export type { BannerConnotation } from './banner';
-export declare const registerBanner: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerBanner: (prefix?: string) => void;

package/lib/breadcrumb/breadcrumb.d.ts

@@ -1,5 +1,5 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-export declare class Breadcrumb extends FoundationElement {
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class Breadcrumb extends VividElement {
     private setItemSeparator;
     private findChildWithHref;
     private setAriaCurrent;

package/lib/breadcrumb/breadcrumb.template.d.ts

@@ -1,4 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { FoundationElementTemplate } from '@microsoft/fast-foundation';
-import type { Breadcrumb } from './breadcrumb';
-export declare const breadcrumbTemplate: FoundationElementTemplate<ViewTemplate<Breadcrumb>>;
+export declare const breadcrumbTemplate: import("@microsoft/fast-element").ViewTemplate<{
+    slottedBreadcrumbItems: any;
+}, any>;

package/lib/breadcrumb/definition.d.ts

@@ -1 +1 @@
-export declare const registerBreadcrumb: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerBreadcrumb: (prefix?: string) => void;

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

@@ -1,6 +1,6 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import { Anchor } from '../../shared/foundation/anchor/anchor';
-export declare class BreadcrumbItem extends FoundationElement {
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class BreadcrumbItem extends VividElement {
     text?: string;
 }
 export interface BreadcrumbItem extends Anchor {

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

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

@@ -1 +1 @@
-export declare const registerBreadcrumbItem: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerBreadcrumbItem: (prefix?: string) => void;

package/lib/button/button.d.ts

@@ -1,11 +1,11 @@
-import { Button as FoundationButton } from '@microsoft/fast-foundation';
 import type { Appearance, Connotation, Shape, Size } from '../enums.js';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
+import { VividFoundationButton } from '../../shared/foundation/button/button.js';
 export type ButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.Announcement | Connotation.CTA | Connotation.Success | Connotation.Alert>;
 export type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost | Appearance.GhostLight | Appearance.OutlinedLight>;
 export type ButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
 export type ButtonSize = Extract<Size, Size.SuperCondensed | Size.Condensed | Size.Normal | Size.Expanded>;
-export declare class Button extends FoundationButton {
+export declare class Button extends VividFoundationButton {
     title: string;
     connotation?: ButtonConnotation;
     shape?: ButtonShape;

package/lib/button/button.template.d.ts

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

package/lib/button/definition.d.ts

@@ -1,2 +1,2 @@
 export type { ButtonAppearance, ButtonConnotation, ButtonShape, ButtonSize, } from './button';
-export declare const registerButton: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerButton: (prefix?: string) => void;

package/lib/calendar/calendar.d.ts

@@ -1,5 +1,5 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-export declare class Calendar extends FoundationElement {
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class Calendar extends VividElement {
     #private;
     datetime?: Date | string;
     startDay?: 'sunday' | 'monday';

package/lib/calendar/calendar.template.d.ts

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

package/lib/calendar/definition.d.ts

@@ -1 +1 @@
-export declare const registerCalendar: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerCalendar: (prefix?: string) => void;

package/lib/calendar-event/calendar-event.d.ts

@@ -1,8 +1,8 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Appearance, Connotation } from '../enums';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type CalendarEventConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information | Connotation.Announcement>;
 export type CalendarEventAppearance = Extract<Appearance, Appearance.Filled | Appearance.Duotone | Appearance.Subtle>;
-export declare class CalendarEvent extends FoundationElement {
+export declare class CalendarEvent extends VividElement {
     heading?: string;
     description?: string;
     connotation?: CalendarEventConnotation;

package/lib/calendar-event/calendar-event.template.d.ts

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

package/lib/calendar-event/definition.d.ts

@@ -1,2 +1,2 @@
 export type { CalendarEventAppearance, CalendarEventConnotation, } from './calendar-event';
-export declare const registerCalendarEvent: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerCalendarEvent: (prefix?: string) => void;

package/lib/card/card.d.ts

@@ -1,7 +1,7 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Appearance } from '../enums.js';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type CardAppearance = Extract<Appearance, Appearance.Elevated | Appearance.Ghost | Appearance.Outlined>;
-export declare class Card extends FoundationElement {
+export declare class Card extends VividElement {
     appearance?: CardAppearance;
     headline?: string;
     subtitle?: string;

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

package/lib/card/definition.d.ts

@@ -1,2 +1,2 @@
 export type { CardAppearance } from './card';
-export declare const registerCard: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerCard: (prefix?: string) => void;

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

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

package/lib/checkbox/checkbox.template.d.ts

@@ -1,4 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { CheckboxOptions, FoundationElementTemplate } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { Checkbox } from './checkbox';
-export declare const CheckboxTemplate: FoundationElementTemplate<ViewTemplate<Checkbox>, CheckboxOptions>;
+export declare const CheckboxTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Checkbox, any>;

package/lib/checkbox/definition.d.ts

@@ -1 +1 @@
-export declare const registerCheckbox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerCheckbox: (prefix?: string) => void;

package/lib/combobox/combobox.d.ts

@@ -1,16 +1,31 @@
-import { Combobox as FoundationCombobox } from '@microsoft/fast-foundation';
 import type { Popup } from '../popup/popup';
 import type { Appearance } from '../enums';
 import { AffixIcon, type FormElement } from '../../shared/patterns';
+import type { ListboxOption } from '../option/option';
+import { FormAssociatedCombobox } from './combobox.form-associated';
+import { ComboboxAutocomplete } from './combobox.options';
 export type PopupPlacement = 'top' | 'bottom';
 export type ComboboxAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
-export declare class Combobox extends FoundationCombobox {
+export declare class Combobox extends FormAssociatedCombobox {
+    autocomplete: ComboboxAutocomplete | undefined;
+    filteredOptions: ListboxOption[];
     appearance?: ComboboxAppearance;
     placement?: PopupPlacement;
     fixedDropdown: boolean;
     _popup: Popup;
     _anchor: HTMLElement;
+    validate(): void;
+    private get isAutocompleteInline();
+    private get isAutocompleteList();
+    private get isAutocompleteBoth();
+    open: boolean;
+    get options(): ListboxOption[];
+    set options(value: ListboxOption[]);
+    placeholder: string;
+    get value(): string;
+    set value(next: string);
     connectedCallback(): void;
+    filterOptions(): void;
 }
 export interface Combobox extends AffixIcon, FormElement {
 }

package/lib/combobox/combobox.options.d.ts

@@ -0,0 +1,7 @@
+export declare const ComboboxAutocomplete: {
+    readonly inline: "inline";
+    readonly list: "list";
+    readonly both: "both";
+    readonly none: "none";
+};
+export type ComboboxAutocomplete = typeof ComboboxAutocomplete[keyof typeof ComboboxAutocomplete];

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

package/lib/combobox/definition.d.ts

@@ -1,3 +1,2 @@
 export type { PopupPlacement, ComboboxAppearance } from './combobox';
-export declare const comboboxRegistries: import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
-export declare const registerCombobox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerCombobox: (prefix?: string) => void;

package/lib/data-grid/data-grid-cell.d.ts

@@ -1,23 +1,26 @@
-import { type ColumnDefinition, DataGridCell as FoundationDataGridCell } from '@microsoft/fast-foundation';
-import type { DataGridCellSortStates } from './data-grid.options';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+import { DataGridCellSortStates, DataGridCellTypes } from './data-grid.options';
+import type { ColumnDefinition } from './data-grid';
 declare interface ColumnDefinitionExtended extends ColumnDefinition {
     sortDirection?: DataGridCellSortStates | null;
     sortable?: boolean | undefined;
 }
-declare interface DataGridCellExtension {
-    columnDefinition: ColumnDefinitionExtended | null;
-}
-export declare class DataGridCell extends FoundationDataGridCell {
+export declare class DataGridCell extends VividElement {
     #private;
+    cellType: DataGridCellTypes;
+    gridColumn: string;
+    rowData: object | null;
+    columnDefinition: ColumnDefinitionExtended | null;
+    private isActiveCell;
+    private customCellView;
+    handleFocusin(_: FocusEvent): void;
+    handleFocusout(_: FocusEvent): void;
+    handleKeydown(e: KeyboardEvent): void;
+    private updateCellView;
+    private disconnectCellView;
+    private updateCellStyle;
     ariaSelected: string | null;
     ariaSort: string | null;
     ariaSelectedChanged(_: string | null, selectedState: string | null): void;
-    connectedCallback(): void;
-    handleFocusin(e: FocusEvent): void;
-    handleFocusout(e: FocusEvent): void;
-    constructor();
-}
-export interface DataGridCell extends DataGridCellExtension {
-    columnDefinition: ColumnDefinitionExtended | null;
 }
 export {};

package/lib/data-grid/data-grid-cell.template.d.ts

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

package/lib/data-grid/data-grid-row.d.ts

@@ -1,4 +1,21 @@
-import { DataGridRow as FoundationDataGridRow } from '@microsoft/fast-foundation';
-export declare class DataGridRow extends FoundationDataGridRow {
+import { type ViewTemplate } from '@microsoft/fast-element';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+import { DataGridRowTypes } from './data-grid.options';
+import type { ColumnDefinition } from './data-grid';
+export declare class DataGridRow extends VividElement {
+    gridTemplateColumns: string;
+    rowType: DataGridRowTypes;
+    rowData: object | null;
+    columnDefinitions: ColumnDefinition[] | null;
+    cellItemTemplate?: ViewTemplate;
+    headerCellItemTemplate?: ViewTemplate;
+    rowIndex: number;
+    private cellsRepeatBehavior;
+    private cellsPlaceholder;
+    handleFocusout(_: FocusEvent): void;
+    handleCellFocus(e: Event): void;
+    handleKeydown(e: KeyboardEvent): void;
+    private updateItemTemplate;
+    private updateRowStyle;
     ariaSelected: string | null;
 }

package/lib/data-grid/data-grid-row.template.d.ts

@@ -1,3 +1,3 @@
-import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { DataGridRow } from './data-grid-row';
-export declare const DataGridRowTemplate: (context: ElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<DataGridRow, any>;
+export declare const DataGridRowTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<DataGridRow, any>;

package/lib/data-grid/data-grid.d.ts

@@ -1,4 +1,7 @@
-import { DataGrid as FoundationDataGrid } from '@microsoft/fast-foundation';
+import { type ViewTemplate } from '@microsoft/fast-element';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+import type { DataGridCell } from './data-grid-cell';
+import { GenerateHeaderOptions } from './data-grid.options';
 export declare const DataGridSelectionMode: {
     readonly none: "none";
     readonly singleRow: "single-row";
@@ -8,13 +11,51 @@ export declare const DataGridSelectionMode: {
 };
 export type ValueOf<T> = T[keyof T];
 export type DataGridSelectionMode = ValueOf<typeof DataGridSelectionMode>;
-export declare class DataGrid extends FoundationDataGrid {
+export interface ColumnDefinition {
+    columnDataKey: string;
+    gridColumn?: string;
+    title?: string;
+    headerCellTemplate?: ViewTemplate;
+    headerCellInternalFocusQueue?: boolean;
+    headerCellFocusTargetCallback?: (cell: DataGridCell) => HTMLElement;
+    cellTemplate?: ViewTemplate;
+    cellInternalFocusQueue?: boolean;
+    cellFocusTargetCallback?: (cell: DataGridCell) => HTMLElement;
+    isRowHeader?: boolean;
+}
+export declare class DataGrid extends VividElement {
     #private;
+    private static generateTemplateColumns;
+    noTabbing: boolean;
+    generateHeader: GenerateHeaderOptions;
+    gridTemplateColumns: string;
+    rowsData: object[];
+    columnDefinitions: ColumnDefinition[] | null;
+    rowItemTemplate: ViewTemplate;
+    cellItemTemplate?: ViewTemplate;
+    headerCellItemTemplate?: ViewTemplate;
+    focusRowIndex: number;
+    focusColumnIndex: number;
+    rowElementTag: string;
+    private rowsRepeatBehavior;
+    private rowsPlaceholder;
+    private generatedHeader;
+    private isUpdatingFocus;
+    private pendingFocusUpdate;
+    private observer;
+    private rowindexUpdateQueued;
+    private columnDefinitionsStale;
+    private generatedGridTemplateColumns;
+    private focusOnCell;
+    private queueFocusUpdate;
+    private updateFocus;
+    private toggleGeneratedHeader;
+    private onChildListChange;
+    private queueRowIndexUpdate;
+    private updateRowIndexes;
     selectionMode?: DataGridSelectionMode;
     selectionModeChanged(oldValue: DataGridSelectionMode): void;
     constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
     static generateColumns(rowData: any): {
         columnDataKey: string;
         gridColumn: string;

package/lib/data-grid/data-grid.template.d.ts

@@ -1,3 +1,3 @@
-import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { DataGrid } from './data-grid';
-export declare const DataGridTemplate: (context: ElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<DataGrid, any>;
+export declare const DataGridTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<DataGrid, any>;

package/lib/data-grid/definition.d.ts

@@ -1,6 +1 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const dataGrid: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const dataGridRow: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const dataGridCell: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const dataGridElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
-export declare const registerDataGrid: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerDataGrid: (prefix?: string) => void;

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

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

package/lib/date-range-picker/definition.d.ts

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

package/lib/dial-pad/definition.d.ts

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

package/lib/dial-pad/dial-pad.d.ts

@@ -1,6 +1,6 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import { Localized } from '../../shared/patterns';
-export declare class DialPad extends FoundationElement {
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class DialPad extends VividElement {
     helperText: string | null;
     placeholder: string | null;
     value: string;

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

package/lib/dialog/definition.d.ts

@@ -1,2 +1,2 @@
 export type { IconPlacement } from './dialog';
-export declare const registerDialog: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerDialog: (prefix?: string) => void;

package/lib/dialog/dialog.d.ts

@@ -1,7 +1,7 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import { Localized } from '../../shared/patterns';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type IconPlacement = 'top' | 'side';
-export declare class Dialog extends FoundationElement {
+export declare class Dialog extends VividElement {
     #private;
     open: boolean;
     icon?: string;

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

package/lib/divider/definition.d.ts

@@ -1 +1 @@
-export declare const registerDivider: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerDivider: (prefix?: string) => void;

package/lib/divider/divider.d.ts

@@ -1,11 +1,11 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import { Orientation } from '@microsoft/fast-web-utilities';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 declare const DividerRole: {
     readonly separator: "separator";
     readonly presentation: "presentation";
 };
 type DividerRole = typeof DividerRole[keyof typeof DividerRole];
-export declare class Divider extends FoundationElement {
+export declare class Divider extends VividElement {
     role: DividerRole;
     orientation: Orientation;
 }

package/lib/divider/divider.template.d.ts

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

package/lib/elevation/definition.d.ts

@@ -1 +1 @@
-export declare const registerElevation: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export declare const registerElevation: (prefix?: string) => void;

package/lib/elevation/elevation.d.ts

@@ -1,5 +1,5 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-export declare class Elevation extends FoundationElement {
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class Elevation extends VividElement {
     dp?: 0 | 2 | 4 | 8 | 12 | 16 | 24;
     noShadow?: boolean;
 }

package/lib/elevation/elevation.template.d.ts

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

package/lib/empty-state/definition.d.ts

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

package/lib/empty-state/empty-state.d.ts

@@ -1,8 +1,8 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Connotation, IconDecoration } from '../enums.js';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type EmptyStateConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information>;
 export type EmptyStateIconDecoration = Extract<IconDecoration, IconDecoration.Filled | IconDecoration.Outlined>;
-export declare class EmptyState extends FoundationElement {
+export declare class EmptyState extends VividElement {
     connotation?: EmptyStateConnotation;
     headline?: string;
     icon?: string;

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