@vonage/vivid 3.0.0-next.120 → 3.0.0-next.122

package/header/index.js

@@ -1,58 +1,6 @@
-import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, r as registerFactorial } from '../shared/index.js';
-import { E as Elevation, e as elevationElements } from '../shared/definition15.js';
-import { c as classNames } from '../shared/class-names.js';
-
-var css_248z = "/**\n * Do not edit directly\n * Generated on Wed, 14 Dec 2022 16:38:57 GMT\n */\n.base {\n  z-index: 1;\n  block-size: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 16)));\n  font: var(--vvd-typography-heading-4);\n  inline-size: 100%;\n}\n.base .header-content {\n  display: inline-flex;\n  align-items: center;\n  column-gap: 4px;\n}\n\n.container {\n  display: flex;\n  box-sizing: border-box;\n  justify-content: space-between;\n  block-size: inherit;\n  color: var(--vvd-color-canvas-text);\n  column-gap: 12px;\n  padding-block: 8px;\n  padding-inline: 16px;\n}\n.container[part~=vvd-theme-alternate] {\n  background-color: var(--vvd-color-canvas);\n  color: var(--vvd-color-canvas-text);\n  color-scheme: var(--vvd-color-scheme);\n}\n\n.app-content {\n  --vvd-header-block-size: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 16)));\n}";
-
-class Header extends FoundationElement {
-  constructor() {
-    super(...arguments);
-    this.elevationShadow = false;
-    this.alternate = false;
-  }
-}
-__decorate([attr({
-  attribute: 'elevation-shadow',
-  mode: 'boolean'
-}), __metadata("design:type", Object)], Header.prototype, "elevationShadow", void 0);
-__decorate([attr({
-  mode: 'boolean'
-}), __metadata("design:type", Object)], Header.prototype, "alternate", void 0);
-
-let _ = t => t,
-  _t;
-const getPartAlternate = ({
-  alternate
-}) => classNames(['vvd-theme-alternate', Boolean(alternate)]);
-const headerTemplate = context => {
-  const elevationTag = context.tagFor(Elevation);
-  return html(_t || (_t = _`
-    <${0} dp="4" ?no-shadow=${0}>
-      <header class="base" part="base">
-        <!-- a container is needed to distinguish the surface background color of the
-        element from its shadow when applying elevation with alternate -->
-        <div class="container" part="${0}">
-          <section class="header-content">
-            <slot></slot>
-          </section>
-          <section class="header-content">
-            <slot name="action-items"></slot>
-          </section>
-        </div>
-      </header>
-    </${0}>
-    <div class="app-content">
-      <slot name="app-content"></slot>
-    </div>
-	`), elevationTag, x => !x.elevationShadow, getPartAlternate, elevationTag);
-};
-
-const header = Header.compose({
-  baseName: 'header',
-  template: headerTemplate,
-  styles: css_248z
-})();
-const headerElements = [header, ...elevationElements];
-const registerHeader = registerFactorial(headerElements);
+import { r as registerHeader } from '../shared/definition20.js';
+import '../shared/index.js';
+import '../shared/definition15.js';
+import '../shared/class-names.js';
 
 registerHeader();

package/index.js

@@ -1,42 +1,43 @@
-export { a as accordion, b as accordionElements, r as registerAccordion } from './shared/definition.js';
-export { a as accordionItem, b as accordionItemElements, r as registerAccordionItem } from './shared/definition2.js';
-export { a as actionGroup, b as actionGroupElements, r as registerActionGroup } from './shared/definition5.js';
-export { a as avatar, b as avatarElements, r as registerAvatar } from './shared/definition6.js';
-export { b as badge, a as badgeElements, r as registerBadge } from './shared/definition7.js';
-export { b as banner, a as bannerElements, r as registerBanner } from './shared/definition8.js';
-export { b as breadcrumb, a as breadcrumbElements, r as registerBreadcrumb } from './shared/definition10.js';
-export { b as breadcrumbItem, a as breadcrumbItemElements, r as registerBreadcrumbItem } from './shared/definition11.js';
-export { a as button, b as buttonElements, r as registerButton } from './shared/definition9.js';
-export { c as calendar, a as calendarElements, r as registerCalendar } from './shared/definition12.js';
-export { c as calendarEvent, a as calendarEventElements, r as registerCalendarEvent } from './shared/definition13.js';
-export { c as card, a as cardElements, r as registerCard } from './shared/definition14.js';
-export { c as checkbox, a as checkboxElements, r as registerCheckbox } from './shared/definition16.js';
-export { a as elevation, e as elevationElements, r as registerElevation } from './shared/definition15.js';
-export { d as dialog, a as dialogElements, r as registerDialog } from './shared/definition17.js';
-export { a as divider, d as dividerElements, r as registerDivider } from './shared/definition18.js';
-export { f as fab, a as fabElements, r as registerFab } from './shared/definition19.js';
-export { a as icon, i as iconElements, r as registerIcon } from './shared/definition3.js';
-export { l as layout, a as layoutElements, r as registerLayout } from './shared/definition20.js';
-export { l as listboxElements, r as registerListbox } from './shared/definition21.js';
-export { a as listboxOption, l as listboxOptionElements, r as registerOption } from './shared/definition22.js';
-export { m as menu, a as menuElements, r as registerMenu } from './shared/definition23.js';
-export { c as menuItem, m as menuItemElements, b as registerMenuItem } from './shared/definition25.js';
-export { n as nav, a as navElements, r as registerNav } from './shared/definition26.js';
-export { n as navDisclosure, a as navDisclosureElements, r as registerNavDisclosure } from './shared/definition27.js';
-export { n as navItem, a as navItemElements, r as registerNavItem } from './shared/definition28.js';
-export { n as note, a as noteElements, r as registerNote } from './shared/definition29.js';
-export { a as popup, p as popupElements, r as registerPopup } from './shared/definition24.js';
-export { p as progress, a as progressElements, r as registerProgress } from './shared/definition30.js';
-export { p as progressRing, a as progressRingElements, r as registerProgressRing } from './shared/definition31.js';
-export { a as radio, b as radioElements, r as registerRadio } from './shared/definition32.js';
-export { a as radioGroup, b as radioGroupElements, r as registerRadioGroup } from './shared/definition33.js';
-export { r as registerSideDrawer, s as sideDrawer, a as sideDrawerElements } from './shared/definition34.js';
-export { r as registerSlider, s as slider, a as sliderElements } from './shared/definition35.js';
-export { r as registerSwitch, s as switchCE, a as switchElements } from './shared/definition36.js';
-export { r as registerTextField, t as textField, a as textFieldElements } from './shared/definition38.js';
-export { r as registerTextArea, t as textArea, a as textAreaElements } from './shared/definition37.js';
-export { r as registerTooltip, t as tooltip, a as tooltipElements } from './shared/definition39.js';
-export { r as registerFactorial } from './shared/index.js';
+export { a as accordionDefinition, b as accordionRegistries, r as registerAccordion } from './shared/definition.js';
+export { a as accordionItemDefinition, b as accordionItemRegistries, r as registerAccordionItem } from './shared/definition2.js';
+export { a as actionGroupDefinition, b as actionGroupRegistries, r as registerActionGroup } from './shared/definition5.js';
+export { a as avatarDefinition, b as avatarRegistries, r as registerAvatar } from './shared/definition6.js';
+export { b as badgeDefinition, r as registerBadge } from './shared/definition7.js';
+export { b as bannerDefinition, a as bannerRegistries, r as registerBanner } from './shared/definition8.js';
+export { b as breadcrumbDefinition, a as breadcrumbRegistries, r as registerBreadcrumb } from './shared/definition10.js';
+export { b as breadcrumbItemDefinition, a as breadcrumbItemRegistries, r as registerBreadcrumbItem } from './shared/definition11.js';
+export { a as buttonDefinition, b as buttonRegistries, r as registerButton } from './shared/definition9.js';
+export { c as calendarDefinition, a as calendarRegistries, r as registerCalendar } from './shared/definition12.js';
+export { c as calendarEventDefinition, a as calendarEventRegistries, r as registerCalendarEvent } from './shared/definition13.js';
+export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition14.js';
+export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition16.js';
+export { a as elevationDefinition, e as elevationRegistries, r as registerElevation } from './shared/definition15.js';
+export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition17.js';
+export { a as dividerDefinition, d as dividerRegistries, r as registerDivider } from './shared/definition18.js';
+export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition19.js';
+export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition20.js';
+export { a as iconDefinition, i as iconRegistries, r as registerIcon } from './shared/definition3.js';
+export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition21.js';
+export { l as listboxDefinition, a as listboxRegistries, r as registerListbox } from './shared/definition22.js';
+export { a as listboxOptionDefinition, l as listboxOptionRegistries, r as registerOption } from './shared/definition23.js';
+export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition24.js';
+export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition26.js';
+export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition27.js';
+export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition28.js';
+export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition29.js';
+export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition30.js';
+export { a as popupDefinition, p as popupRegistries, r as registerPopup } from './shared/definition25.js';
+export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition31.js';
+export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition32.js';
+export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition33.js';
+export { a as radioGroupDefinition, b as radioGroupRegistries, r as registerRadioGroup } from './shared/definition34.js';
+export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition35.js';
+export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition36.js';
+export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition37.js';
+export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition39.js';
+export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition38.js';
+export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition40.js';
+export { a7 as designSystem, r as registerFactory } from './shared/index.js';
 import './shared/class-names.js';
 import './shared/definition4.js';
 import './shared/focus.js';

package/layout/index.js

@@ -1,4 +1,4 @@
-import { r as registerLayout } from '../shared/definition20.js';
+import { r as registerLayout } from '../shared/definition21.js';
 import '../shared/index.js';
 import '../shared/class-names.js';
 

package/lib/accordion/definition.d.ts

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

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

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

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

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

package/lib/avatar/definition.d.ts

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

package/lib/badge/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const badgeElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/banner/definition.d.ts

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

package/lib/breadcrumb/definition.d.ts

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

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

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

package/lib/button/definition.d.ts

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

package/lib/calendar/definition.d.ts

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

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

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

package/lib/card/definition.d.ts

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

package/lib/checkbox/definition.d.ts

@@ -1,3 +1 @@
-import type { CheckboxOptions } from '@microsoft/fast-foundation';
-export declare const checkboxElements: (import("@microsoft/fast-foundation").FoundationElementRegistry<CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>> | import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>)[];
 export declare const registerCheckbox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/components.d.ts

@@ -15,6 +15,7 @@ export * from './elevation/definition';
 export * from './dialog/definition';
 export * from './divider/definition';
 export * from './fab/definition';
+export * from './header/definition';
 export * from './icon/definition';
 export * from './layout/definition';
 export * from './listbox/definition';

package/lib/dialog/definition.d.ts

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

package/lib/divider/definition.d.ts

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

package/lib/elevation/definition.d.ts

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

package/lib/fab/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const fabElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/focus/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const focusElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+export declare const focusDefinition: (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 registerFocus: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/header/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const headerElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/icon/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const iconElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/layout/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const layoutElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/listbox/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const listboxElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/menu/definition.d.ts

@@ -1,7 +1,11 @@
 import { Menu } from './menu';
-export declare const menuElements: (import("@microsoft/fast-foundation").FoundationElementRegistry<{
+export declare const menuDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
     baseName: string;
     template: any;
     styles: import("@microsoft/fast-element").ComposableStyles;
-}, typeof Menu> | import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>> | import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>)[];
+}> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    baseName: string;
+    template: any;
+    styles: import("@microsoft/fast-element").ComposableStyles;
+}, typeof Menu>;
 export declare const registerMenu: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

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

@@ -1,3 +1,3 @@
 import type { MenuItemOptions } from '@microsoft/fast-foundation';
-export declare const menuItemElements: (import("@microsoft/fast-foundation").FoundationElementRegistry<MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>> | import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>)[];
+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;

package/lib/nav/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const navElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

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

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const navDisclosureElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

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

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const navItemElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/note/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const noteElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

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

@@ -1,3 +1,4 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const numberFieldElement: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/option/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const listboxOptionElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/popup/definition.d.ts

@@ -1,4 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const popup: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-export declare const popupElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/progress/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const progressElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

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

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const progressRingElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/radio/definition.d.ts

@@ -1,3 +1,3 @@
 import type { RadioOptions } from '@microsoft/fast-foundation';
-export declare const radioElements: (import("@microsoft/fast-foundation").FoundationElementRegistry<RadioOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>> | import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>)[];
+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;

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

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

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

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const sideDrawerElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/slider/definition.d.ts

@@ -1,3 +1,3 @@
 import type { SliderOptions } from '@microsoft/fast-foundation';
-export declare const sliderElements: (import("@microsoft/fast-foundation").FoundationElementRegistry<SliderOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>> | import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>)[];
+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;

package/lib/switch/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const switchElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

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

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const textAnchorElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

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

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const textAreaElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

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

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const textFieldElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/lib/tooltip/definition.d.ts

@@ -1,3 +1,3 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const tooltipElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
+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;

package/listbox/index.js

@@ -1,8 +1,8 @@
-import { r as registerListbox } from '../shared/definition21.js';
+import { r as registerListbox } from '../shared/definition22.js';
 import '../shared/index.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
-import '../shared/definition22.js';
+import '../shared/definition23.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
 import '../shared/to-string.js';

package/menu/index.js

@@ -1,6 +1,6 @@
-import { r as registerMenu } from '../shared/definition23.js';
+import { r as registerMenu } from '../shared/definition24.js';
 import '../shared/index.js';
-import '../shared/definition24.js';
+import '../shared/definition25.js';
 import '../shared/definition9.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
@@ -22,7 +22,7 @@ import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/definition15.js';
 import '../shared/es.object.assign.js';
-import '../shared/definition25.js';
+import '../shared/definition26.js';
 import '../shared/direction.js';
 import '../shared/dom.js';
 import '../shared/slotted.js';

package/menu-item/index.js

@@ -1,4 +1,4 @@
-import { b as registerMenuItem } from '../shared/definition25.js';
+import { b as registerMenuItem } from '../shared/definition26.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';

package/nav/index.js

@@ -1,4 +1,4 @@
-import { r as registerNav } from '../shared/definition26.js';
+import { r as registerNav } from '../shared/definition27.js';
 import '../shared/index.js';
 
 registerNav();

package/nav-disclosure/index.js

@@ -1,4 +1,4 @@
-import { r as registerNavDisclosure } from '../shared/definition27.js';
+import { r as registerNavDisclosure } from '../shared/definition28.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';

package/nav-item/index.js

@@ -1,4 +1,4 @@
-import { r as registerNavItem } from '../shared/definition28.js';
+import { r as registerNavItem } from '../shared/definition29.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';

package/note/index.js

@@ -1,4 +1,4 @@
-import { r as registerNote } from '../shared/definition29.js';
+import { r as registerNote } from '../shared/definition30.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';