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

package/header/index.js

@@ -1,8 +1,8 @@
-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 { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, r as registerFactory } from '../shared/index.js';
+import { E as Elevation, e as elevationRegistries } 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}";
+var css_248z = "/**\n * Do not edit directly\n * Generated on Fri, 16 Dec 2022 11:38:53 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() {
@@ -47,12 +47,12 @@ const headerTemplate = context => {
 	`), elevationTag, x => !x.elevationShadow, getPartAlternate, elevationTag);
 };
 
-const header = Header.compose({
+const headerDefinition = Header.compose({
   baseName: 'header',
   template: headerTemplate,
   styles: css_248z
-})();
-const headerElements = [header, ...elevationElements];
-const registerHeader = registerFactorial(headerElements);
+});
+const headerRegistries = [headerDefinition(), ...elevationRegistries];
+const registerHeader = registerFactory(headerRegistries);
 
 registerHeader();

package/index.js

@@ -1,42 +1,42 @@
-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 { 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/definition20.js';
+export { l as listboxDefinition, a as listboxRegistries, r as registerListbox } from './shared/definition21.js';
+export { a as listboxOptionDefinition, l as listboxOptionRegistries, r as registerOption } from './shared/definition22.js';
+export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition23.js';
+export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition25.js';
+export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition26.js';
+export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition27.js';
+export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition28.js';
+export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition29.js';
+export { a as popupDefinition, p as popupRegistries, r as registerPopup } from './shared/definition24.js';
+export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition30.js';
+export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition31.js';
+export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition32.js';
+export { a as radioGroupDefinition, b as radioGroupRegistries, r as registerRadioGroup } from './shared/definition33.js';
+export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition34.js';
+export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition35.js';
+export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition36.js';
+export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition38.js';
+export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition37.js';
+export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition39.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/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/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/number-field/index.js

@@ -1,6 +1,6 @@
-import { F as FoundationElement, U as DOM, _ as __decorate, a as attr, Z as nullableNumberConverter, N as observable, b as __metadata, h as html, r as registerFactorial } from '../shared/index.js';
-import { B as Button, b as buttonElements } from '../shared/definition9.js';
-import { D as Divider, d as dividerElements } from '../shared/definition18.js';
+import { F as FoundationElement, U as DOM, _ as __decorate, a as attr, Z as nullableNumberConverter, N as observable, b as __metadata, h as html, r as registerFactory } from '../shared/index.js';
+import { B as Button, b as buttonRegistries } from '../shared/definition9.js';
+import { D as Divider, d as dividerRegistries } from '../shared/definition18.js';
 import { b as AffixIcon } from '../shared/affix.js';
 import '../shared/focus.js';
 import { D as DelegatesARIATextbox, f as formElements, g as getFeedbackTemplate } from '../shared/form-elements.js';
@@ -320,7 +320,7 @@ __decorate([
 ], NumberField$1.prototype, "defaultSlottedNodes", void 0);
 applyMixins(NumberField$1, StartEnd, DelegatesARIATextbox);
 
-var css_248z = "/**\n * Do not edit directly\n * Generated on Wed, 14 Dec 2022 16:38:57 GMT\n */\n:host {\n  display: inline-block;\n}\n\n.base {\n  display: inline-grid;\n  width: 100%;\n  gap: 4px;\n  grid-template-columns: min-content 1fr max-content;\n}\n.base {\n  --_appearance-color-text: var(--vvd-color-canvas-text);\n  --_appearance-color-fill: var(--_connotation-color-backdrop);\n  --_appearance-color-outline: var(--_connotation-color-intermediate);\n}\n.base.appearance-ghost {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)) {\n  --_appearance-color-text: var(--vvd-color-canvas-text);\n  --_appearance-color-fill: var(--_connotation-color-backdrop);\n  --_appearance-color-outline: var(--_connotation-color-firm);\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)).appearance-ghost {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: var(--_connotation-color-faint);\n  --_appearance-color-outline: transparent;\n}\n.base:where(:disabled, .disabled) {\n  --_appearance-color-text: var(--vvd-color-neutral-400);\n  --_appearance-color-fill: var(--vvd-color-neutral-200);\n  --_appearance-color-outline: var(--vvd-color-neutral-400);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-400);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)) {\n  --_appearance-color-text: var(--vvd-color-neutral-800);\n  --_appearance-color-fill: var(--vvd-color-neutral-200);\n  --_appearance-color-outline: var(--vvd-color-neutral-500);\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-400);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base.connotation-success {\n  --_connotation-color-primary: var(--vvd-color-success-500);\n  --_connotation-color-backdrop: var(--vvd-color-success-50);\n  --_connotation-color-intermediate: var(--vvd-color-success-500);\n  --_connotation-color-firm: var(--vvd-color-success-600);\n}\n.base.connotation-alert {\n  --_connotation-color-primary: var(--vvd-color-alert-500);\n  --_connotation-color-backdrop: var(--vvd-color-alert-50);\n  --_connotation-color-intermediate: var(--vvd-color-alert-500);\n  --_connotation-color-firm: var(--vvd-color-alert-600);\n}\n.base:not(.connotation-success, .connotation-alert) {\n  --_connotation-color-primary: var(--vvd-color-canvas-text);\n  --_connotation-color-backdrop: var(--vvd-color-canvas);\n  --_connotation-color-intermediate: var(--vvd-color-neutral-500);\n  --_connotation-color-firm: var(--vvd-color-canvas-text);\n}\n@supports (user-select: none) {\n  .base {\n    user-select: none;\n  }\n}\n.base:not(.disabled) {\n  --_low-ink-color: var(--vvd-color-neutral-600);\n}\n.base.disabled {\n  --_low-ink-color: var(--_appearance-color-text);\n}\n\n.label {\n  color: var(--vvd-color-canvas-text);\n  contain: inline-size;\n  font: var(--vvd-typography-base);\n  grid-column: 1/4;\n  grid-row: 1;\n}\n.char-count + .label {\n  grid-column: 1/3;\n}\n\n.char-count {\n  color: var(--_low-ink-color);\n  font: var(--vvd-typography-base);\n  grid-column: 3/4;\n}\n\n.fieldset {\n  position: relative;\n  display: flex;\n  align-items: center;\n  grid-column: 1/4;\n  transition: color 0.2s;\n  /* Shape */\n}\n.base > .fieldset {\n  block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));\n}\n.base:not(.shape-pill) .fieldset {\n  border-radius: 6px;\n}\n.base.shape-pill .fieldset {\n  border-radius: 24px;\n}\n\n.control {\n  width: 100%;\n  border: 0 none;\n  background-color: var(--_appearance-color-fill);\n  block-size: 100%;\n  border-radius: inherit;\n  box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n  color: var(--_appearance-color-text);\n  font: var(--vvd-typography-base);\n  padding-inline-end: 16px;\n  padding-inline-start: 16px;\n  transition: box-shadow 0.2s, background-color 0.2s;\n}\n.control:disabled {\n  cursor: not-allowed;\n  opacity: 1; /* 2. correct opacity on iOS */\n  -webkit-text-fill-color: var(--_appearance-color-text); /* 1. sets text fill to current `color` for safari */\n}\n.control::placeholder, .control:disabled::placeholder {\n  opacity: 1; /* 2. correct opacity on iOS */\n  -webkit-text-fill-color: var(--_low-ink-color); /* 1. sets text fill to current `color` for safari */\n}\n@supports selector(:focus-visible) {\n  .control:focus {\n    outline: none;\n  }\n}\n\n.icon {\n  position: absolute;\n  z-index: 1;\n  color: var(--_low-ink-color);\n  font-size: 20px;\n  inset-inline-start: 16px;\n}\n.icon + .control {\n  padding-inline-start: 44px;\n}\n\n.focus-indicator {\n  --focus-stroke-gap-color: transparent;\n  pointer-events: none;\n}\n.fieldset:not(:focus-visible, :focus-within) > .focus-indicator {\n  display: none;\n}\n\n.control {\n  padding-inline-end: 70px;\n}\n.control::-webkit-outer-spin-button, .control::-webkit-inner-spin-button {\n  appearance: none;\n}\n.control-buttons {\n  position: absolute;\n  z-index: 1;\n  right: 3px;\n  display: flex;\n}\n.readonly .control-buttons, .disabled .control-buttons {\n  pointer-events: none;\n}\n.control-buttons .divider {\n  margin-block: 8px;\n}\n.control-buttons > * {\n  flex-shrink: 0;\n}\n\n.disabled .focus-indicator {\n  display: none;\n  pointer-events: none;\n}";
+var css_248z = "/**\n * Do not edit directly\n * Generated on Fri, 16 Dec 2022 11:38:53 GMT\n */\n:host {\n  display: inline-block;\n}\n\n.base {\n  display: inline-grid;\n  width: 100%;\n  gap: 4px;\n  grid-template-columns: min-content 1fr max-content;\n}\n.base {\n  --_appearance-color-text: var(--vvd-color-canvas-text);\n  --_appearance-color-fill: var(--_connotation-color-backdrop);\n  --_appearance-color-outline: var(--_connotation-color-intermediate);\n}\n.base.appearance-ghost {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)) {\n  --_appearance-color-text: var(--vvd-color-canvas-text);\n  --_appearance-color-fill: var(--_connotation-color-backdrop);\n  --_appearance-color-outline: var(--_connotation-color-firm);\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)).appearance-ghost {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: var(--_connotation-color-faint);\n  --_appearance-color-outline: transparent;\n}\n.base:where(:disabled, .disabled) {\n  --_appearance-color-text: var(--vvd-color-neutral-400);\n  --_appearance-color-fill: var(--vvd-color-neutral-200);\n  --_appearance-color-outline: var(--vvd-color-neutral-400);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-400);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)) {\n  --_appearance-color-text: var(--vvd-color-neutral-800);\n  --_appearance-color-fill: var(--vvd-color-neutral-200);\n  --_appearance-color-outline: var(--vvd-color-neutral-500);\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-400);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base.connotation-success {\n  --_connotation-color-primary: var(--vvd-color-success-500);\n  --_connotation-color-backdrop: var(--vvd-color-success-50);\n  --_connotation-color-intermediate: var(--vvd-color-success-500);\n  --_connotation-color-firm: var(--vvd-color-success-600);\n}\n.base.connotation-alert {\n  --_connotation-color-primary: var(--vvd-color-alert-500);\n  --_connotation-color-backdrop: var(--vvd-color-alert-50);\n  --_connotation-color-intermediate: var(--vvd-color-alert-500);\n  --_connotation-color-firm: var(--vvd-color-alert-600);\n}\n.base:not(.connotation-success, .connotation-alert) {\n  --_connotation-color-primary: var(--vvd-color-canvas-text);\n  --_connotation-color-backdrop: var(--vvd-color-canvas);\n  --_connotation-color-intermediate: var(--vvd-color-neutral-500);\n  --_connotation-color-firm: var(--vvd-color-canvas-text);\n}\n@supports (user-select: none) {\n  .base {\n    user-select: none;\n  }\n}\n.base:not(.disabled) {\n  --_low-ink-color: var(--vvd-color-neutral-600);\n}\n.base.disabled {\n  --_low-ink-color: var(--_appearance-color-text);\n}\n\n.label {\n  color: var(--vvd-color-canvas-text);\n  contain: inline-size;\n  font: var(--vvd-typography-base);\n  grid-column: 1/4;\n  grid-row: 1;\n}\n.char-count + .label {\n  grid-column: 1/3;\n}\n\n.char-count {\n  color: var(--_low-ink-color);\n  font: var(--vvd-typography-base);\n  grid-column: 3/4;\n}\n\n.fieldset {\n  position: relative;\n  display: flex;\n  align-items: center;\n  grid-column: 1/4;\n  transition: color 0.2s;\n  /* Shape */\n}\n.base > .fieldset {\n  block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));\n}\n.base:not(.shape-pill) .fieldset {\n  border-radius: 6px;\n}\n.base.shape-pill .fieldset {\n  border-radius: 24px;\n}\n\n.control {\n  width: 100%;\n  border: 0 none;\n  background-color: var(--_appearance-color-fill);\n  block-size: 100%;\n  border-radius: inherit;\n  box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n  color: var(--_appearance-color-text);\n  font: var(--vvd-typography-base);\n  padding-inline-end: 16px;\n  padding-inline-start: 16px;\n  transition: box-shadow 0.2s, background-color 0.2s;\n}\n.control:disabled {\n  cursor: not-allowed;\n  opacity: 1; /* 2. correct opacity on iOS */\n  -webkit-text-fill-color: var(--_appearance-color-text); /* 1. sets text fill to current `color` for safari */\n}\n.control::placeholder, .control:disabled::placeholder {\n  opacity: 1; /* 2. correct opacity on iOS */\n  -webkit-text-fill-color: var(--_low-ink-color); /* 1. sets text fill to current `color` for safari */\n}\n@supports selector(:focus-visible) {\n  .control:focus {\n    outline: none;\n  }\n}\n\n.icon {\n  position: absolute;\n  z-index: 1;\n  color: var(--_low-ink-color);\n  font-size: 20px;\n  inset-inline-start: 16px;\n}\n.icon + .control {\n  padding-inline-start: 44px;\n}\n\n.focus-indicator {\n  --focus-stroke-gap-color: transparent;\n  pointer-events: none;\n}\n.fieldset:not(:focus-visible, :focus-within) > .focus-indicator {\n  display: none;\n}\n\n.control {\n  padding-inline-end: 70px;\n}\n.control::-webkit-outer-spin-button, .control::-webkit-inner-spin-button {\n  appearance: none;\n}\n.control-buttons {\n  position: absolute;\n  z-index: 1;\n  right: 3px;\n  display: flex;\n}\n.readonly .control-buttons, .disabled .control-buttons {\n  pointer-events: none;\n}\n.control-buttons .divider {\n  margin-block: 8px;\n}\n.control-buttons > * {\n  flex-shrink: 0;\n}\n\n.disabled .focus-indicator {\n  display: none;\n  pointer-events: none;\n}";
 
 let NumberField = class NumberField extends NumberField$1 {};
 __decorate([attr, __metadata("design:type", String)], NumberField.prototype, "appearance", void 0);
@@ -444,15 +444,15 @@ const NumberFieldTemplate = context => {
   }, getFeedbackTemplate('helper', context)), when(x => !x.successText && x.errorValidationMessage, getFeedbackTemplate('error', context)), when(x => x.successText, getFeedbackTemplate('success', context)));
 };
 
-const numberField = NumberField.compose({
+const numberFieldDefinition = NumberField.compose({
   baseName: 'number-field',
   template: NumberFieldTemplate,
   styles: css_248z,
   shadowOptions: {
     delegatesFocus: true
   }
-})();
-const numberFieldElement = [numberField, ...buttonElements, ...dividerElements];
-const registerNumberField = registerFactorial(numberFieldElement);
+});
+const numberFieldRegistries = [numberFieldDefinition(), ...buttonRegistries, ...dividerRegistries];
+const registerNumberField = registerFactory(numberFieldRegistries);
 
 registerNumberField();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid",
-  "version": "3.0.0-next.120",
+  "version": "3.0.0-next.121",
   "type": "module",
   "module": "./index.js",
   "main": "./index.js",
@@ -60,8 +60,8 @@
   "types": "./index.d.ts",
   "dependencies": {
     "rollup-plugin-postcss": "4.0.2",
-    "@microsoft/fast-element": "1.11.0",
     "@microsoft/fast-foundation": "2.47.0",
+    "@microsoft/fast-element": "1.11.0",
     "@microsoft/fast-web-utilities": "5.4.1",
     "ramda": "0.27.2",
     "dialog-polyfill": "0.5.6",

package/shared/definition.js

@@ -1,7 +1,7 @@
-import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, r as registerFactorial } from './index.js';
+import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, r as registerFactory } from './index.js';
 import { c as classNames } from './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  display: flex;\n  flex-direction: column;\n}\n\n::slotted(:not(:only-of-type)) {\n  border-bottom: 1px solid var(--vvd-color-neutral-200);\n}";
+var css_248z = "/**\n * Do not edit directly\n * Generated on Fri, 16 Dec 2022 11:38:53 GMT\n */\n.base {\n  display: flex;\n  flex-direction: column;\n}\n\n::slotted(:not(:only-of-type)) {\n  border-bottom: 1px solid var(--vvd-color-neutral-200);\n}";
 
 class Accordion extends FoundationElement {
   constructor() {
@@ -42,12 +42,12 @@ const AccordionTemplate = () => html(_t || (_t = _2`<div class="${0}">
 	<slot></slot>
 </div>`), getClasses);
 
-const accordion = Accordion.compose({
+const accordionDefinition = Accordion.compose({
   baseName: 'accordion',
   template: AccordionTemplate,
   styles: css_248z
-})();
-const accordionElements = [accordion];
-const registerAccordion = registerFactorial(accordionElements);
+});
+const accordionRegistries = [accordionDefinition()];
+const registerAccordion = registerFactory(accordionRegistries);
 
-export { accordion as a, accordionElements as b, registerAccordion as r };
+export { accordionDefinition as a, accordionRegistries as b, registerAccordion as r };

package/shared/definition10.js

@@ -1,4 +1,4 @@
-import { F as FoundationElement, _ as __decorate, N as observable, h as html, r as registerFactorial } from './index.js';
+import { F as FoundationElement, _ as __decorate, N as observable, h as html, r as registerFactory } from './index.js';
 import { s as slotted, e as elements } from './slotted.js';
 import { B as BreadcrumbItem } from './breadcrumb-item.js';
 
@@ -88,12 +88,12 @@ var css_248z = ".list {\n  display: flex;\n}";
 
 class Breadcrumb extends Breadcrumb$1 {}
 
-const breadcrumb = Breadcrumb.compose({
+const breadcrumbDefinition = Breadcrumb.compose({
   baseName: 'breadcrumb',
   template: breadcrumbTemplate,
   styles: css_248z
-})();
-const breadcrumbElements = [breadcrumb];
-const registerBreadcrumb = registerFactorial(breadcrumbElements);
+});
+const breadcrumbRegistries = [breadcrumbDefinition()];
+const registerBreadcrumb = registerFactory(breadcrumbRegistries);
 
-export { breadcrumbElements as a, breadcrumb as b, registerBreadcrumb as r };
+export { breadcrumbRegistries as a, breadcrumbDefinition as b, registerBreadcrumb as r };