@vonage/vivid 3.9.0 → 3.11.0

package/data-grid/index.js

@@ -1,9 +1,10 @@
-import { r as registerDataGrid } from '../shared/definition21.js';
+import { r as registerDataGrid } from '../shared/definition22.js';
 import '../shared/index.js';
 import '../shared/key-codes.js';
 import '../shared/repeat.js';
-import '../shared/slotted.js';
+import '../shared/node-observation.js';
 import '../shared/children.js';
+import '../shared/slotted.js';
 import '../shared/focus2.js';
 import '../shared/focus.js';
 

package/dialog/index.js

@@ -1,4 +1,4 @@
-import { r as registerDialog } from '../shared/definition22.js';
+import { r as registerDialog } from '../shared/definition23.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
@@ -7,10 +7,10 @@ import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition9.js';
+import '../shared/definition7.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
-import '../shared/definition10.js';
+import '../shared/definition9.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';
@@ -21,7 +21,8 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition16.js';
+import '../shared/definition8.js';
 import '../shared/slotted.js';
+import '../shared/node-observation.js';
 
 registerDialog();

package/divider/index.js

@@ -1,4 +1,4 @@
-import { r as registerDivider } from '../shared/definition23.js';
+import { r as registerDivider } from '../shared/definition24.js';
 import '../shared/index.js';
 import '../shared/aria.js';
 import '../shared/class-names.js';

package/elevation/index.js

@@ -1,4 +1,4 @@
-import { r as registerElevation } from '../shared/definition16.js';
+import { r as registerElevation } from '../shared/definition8.js';
 import '../shared/index.js';
 import '../shared/class-names.js';
 

package/fab/index.js

@@ -1,4 +1,4 @@
-import { r as registerFab } from '../shared/definition24.js';
+import { r as registerFab } from '../shared/definition25.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';

package/header/index.js

@@ -1,6 +1,6 @@
-import { r as registerHeader } from '../shared/definition25.js';
+import { r as registerHeader } from '../shared/definition26.js';
 import '../shared/index.js';
-import '../shared/definition16.js';
+import '../shared/definition8.js';
 import '../shared/class-names.js';
 
 registerHeader();

package/index.js

@@ -1,57 +1,59 @@
 export { a as accordionDefinition, b as accordionRegistries, r as registerAccordion } from './shared/definition.js';
 export { b as accordionItemDefinition, a 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/definition11.js';
-export { b as breadcrumbItemDefinition, a as breadcrumbItemRegistries, r as registerBreadcrumbItem } from './shared/definition12.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/definition13.js';
-export { c as calendarEventDefinition, a as calendarEventRegistries, r as registerCalendarEvent } from './shared/definition14.js';
-export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition15.js';
-export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition17.js';
-export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition18.js';
-export { a as elevationDefinition, e as elevationRegistries, r as registerElevation } from './shared/definition16.js';
-export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition22.js';
-export { a as dividerDefinition, d as dividerRegistries, r as registerDivider } from './shared/definition23.js';
-export { d as dataGrid, b as dataGridCell, c as dataGridElements, a as dataGridRow, r as registerDataGrid } from './shared/definition21.js';
-export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition24.js';
-export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition25.js';
+export { a as avatarDefinition, b as avatarRegistries, r as registerAvatar } from './shared/definition10.js';
+export { b as badgeDefinition, r as registerBadge } from './shared/definition11.js';
+export { b as bannerDefinition, a as bannerRegistries, r as registerBanner } from './shared/definition12.js';
+export { a as alertDefinition, b as alertRegistries, r as registerAlert } from './shared/definition6.js';
+export { b as breadcrumbDefinition, a as breadcrumbRegistries, r as registerBreadcrumb } from './shared/definition13.js';
+export { b as breadcrumbItemDefinition, a as breadcrumbItemRegistries, r as registerBreadcrumbItem } from './shared/definition14.js';
+export { a as buttonDefinition, b as buttonRegistries, r as registerButton } from './shared/definition7.js';
+export { c as calendarDefinition, a as calendarRegistries, r as registerCalendar } from './shared/definition15.js';
+export { c as calendarEventDefinition, a as calendarEventRegistries, r as registerCalendarEvent } from './shared/definition16.js';
+export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition17.js';
+export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition18.js';
+export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition19.js';
+export { a as elevationDefinition, e as elevationRegistries, r as registerElevation } from './shared/definition8.js';
+export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition23.js';
+export { a as dividerDefinition, d as dividerRegistries, r as registerDivider } from './shared/definition24.js';
+export { d as dataGrid, b as dataGridCell, c as dataGridElements, a as dataGridRow, r as registerDataGrid } from './shared/definition22.js';
+export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition25.js';
+export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition26.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/definition26.js';
-export { l as listboxDefinition, a as listboxRegistries, r as registerListbox } from './shared/definition27.js';
-export { a as listboxOptionDefinition, l as listboxOptionRegistries, r as registerOption } from './shared/definition20.js';
-export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition28.js';
-export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition29.js';
-export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition30.js';
-export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition31.js';
-export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition32.js';
-export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition33.js';
-export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition34.js';
-export { a as popupDefinition, p as popupRegistries, r as registerPopup } from './shared/definition19.js';
-export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition35.js';
-export { a as progressRingDefinition, p as progressRingRegistries, r as registerProgressRing } from './shared/definition10.js';
-export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition36.js';
-export { a as radioGroupDefinition, b as radioGroupRegistries, r as registerRadioGroup } from './shared/definition37.js';
-export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition38.js';
-export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition39.js';
-export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition40.js';
-export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition41.js';
-export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition48.js';
-export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition47.js';
-export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition49.js';
-export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition44.js';
-export { r as registerTab, a as tabDefinition, t as tabRegistries } from './shared/definition42.js';
-export { r as registerTabPanel, a as tabPanelDefinition, t as tabPanelRegistries } from './shared/definition43.js';
-export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition51.js';
-export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition50.js';
-export { r as registerTag, t as tagDefinition } from './shared/definition45.js';
-export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition46.js';
-export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, L as LayoutSize, P as Position, R as Role, S as Shape, b as Size } from './shared/enums.js';
-export { a7 as designSystem, r as registerFactory } from './shared/index.js';
+export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition27.js';
+export { l as listboxDefinition, a as listboxRegistries, r as registerListbox } from './shared/definition28.js';
+export { a as listboxOptionDefinition, l as listboxOptionRegistries, r as registerOption } from './shared/definition21.js';
+export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition29.js';
+export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition30.js';
+export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition31.js';
+export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition32.js';
+export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition33.js';
+export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition34.js';
+export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition35.js';
+export { a as popupDefinition, p as popupRegistries, r as registerPopup } from './shared/definition20.js';
+export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition36.js';
+export { a as progressRingDefinition, p as progressRingRegistries, r as registerProgressRing } from './shared/definition9.js';
+export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition37.js';
+export { a as radioGroupDefinition, b as radioGroupRegistries, r as registerRadioGroup } from './shared/definition38.js';
+export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition39.js';
+export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition40.js';
+export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition41.js';
+export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition42.js';
+export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition49.js';
+export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition48.js';
+export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition50.js';
+export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition45.js';
+export { r as registerTab, a as tabDefinition, t as tabRegistries } from './shared/definition43.js';
+export { r as registerTabPanel, a as tabPanelDefinition, t as tabPanelRegistries } from './shared/definition44.js';
+export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition52.js';
+export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition51.js';
+export { r as registerTag, t as tagDefinition } from './shared/definition46.js';
+export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition47.js';
+export { A as Appearance, c as AriaLive, C as Connotation, b as ConnotationDecorative, L as LayoutSize, P as Position, R as Role, S as Shape, a as Size } from './shared/enums.js';
+export { a9 as designSystem, r as registerFactory } from './shared/index.js';
 import './shared/key-codes.js';
 import './shared/numbers.js';
+import './shared/node-observation.js';
 import './shared/slotted.js';
 import './shared/class-names.js';
 import './shared/definition4.js';
@@ -66,17 +68,17 @@ import './shared/ref.js';
 import './shared/apply-mixins.js';
 import './shared/focus2.js';
 import './shared/when.js';
+import './shared/form-elements.js';
+import './shared/button.js';
+import './shared/form-associated.js';
+import './shared/aria-global.js';
 import './shared/breadcrumb-item.js';
 import './shared/anchor.js';
-import './shared/aria-global.js';
 import './shared/text-anchor.template.js';
-import './shared/button.js';
-import './shared/form-associated.js';
 import './shared/calendar-event.js';
 import './shared/es.object.assign.js';
 import './shared/repeat.js';
 import './shared/text-field.js';
-import './shared/form-elements.js';
 import './shared/listbox.js';
 import './shared/strings.js';
 import './shared/select.options.js';

package/layout/index.js

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

package/lib/alert/alert.d.ts

@@ -0,0 +1,24 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import { Connotation } from '../enums';
+import { AffixIcon } from '../../shared/patterns/affix';
+export declare type AlertConnotation = Connotation.Accent | Connotation.Information | Connotation.Success | Connotation.Warning | Connotation.Alert;
+export declare type AlertPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
+export declare class Alert extends FoundationElement {
+    #private;
+    private timeout;
+    removable: boolean;
+    placement?: AlertPlacement;
+    headline?: string;
+    subtitle?: string;
+    icon?: string;
+    open: boolean;
+    timeoutms: number;
+    connotation?: AlertConnotation;
+    get conditionedIcon(): string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    remove: () => void;
+}
+export interface Alert extends AffixIcon {
+}

package/lib/alert/alert.template.d.ts

@@ -0,0 +1,4 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { Alert } from './alert';
+export declare const AlertTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Alert>;

package/lib/alert/definition.d.ts

@@ -0,0 +1,2 @@
+export type { AlertConnotation } from './alert';
+export declare const registerAlert: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/alert/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components.d.ts

@@ -4,6 +4,7 @@ export * from './action-group/definition';
 export * from './avatar/definition';
 export * from './badge/definition';
 export * from './banner/definition';
+export * from './alert/definition';
 export * from './breadcrumb/definition';
 export * from './breadcrumb-item/definition';
 export * from './button/definition';

package/lib/enums.d.ts

@@ -22,20 +22,21 @@ export declare enum Appearance {
     Duotone = "duotone",
     Fieldset = "fieldset",
     Subtle = "subtle",
-    Ghost = "ghost"
+    Ghost = "ghost",
+    Listitem = "listitem"
 }
 export declare enum Size {
-    UltraCondensed = "ultraCondensed",
-    SuperCondensed = "superCondensed",
-    ExtraCondensed = "extraCondensed",
-    SemiCondensed = "semiCondensed",
+    UltraCondensed = "ultra-condensed",
+    SuperCondensed = "super-condensed",
+    ExtraCondensed = "extra-condensed",
+    SemiCondensed = "semi-condensed",
     Condensed = "condensed",
     Normal = "normal",
-    SemiExpanded = "semiExpanded",
+    SemiExpanded = "semi-expanded",
     Expanded = "expanded",
-    ExtraExpanded = "extraExpanded",
-    SuperExpanded = "superExpanded",
-    UltraExpanded = "ultraExpanded"
+    ExtraExpanded = "extra-expanded",
+    SuperExpanded = "super-expanded",
+    UltraExpanded = "ultra-expanded"
 }
 export declare enum LayoutSize {
     Small = "small",

package/lib/layout/layout.d.ts

@@ -6,10 +6,12 @@ export declare enum AUTO_SIZING {
 }
 export declare type Gutters = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
 export declare type ColumnSpacing = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
+export declare type RowSpacing = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
 export declare type ColumnBasis = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large> | 'block';
 export declare class Layout extends FoundationElement {
     gutters?: Gutters;
     columnBasis?: ColumnBasis;
     columnSpacing?: ColumnSpacing;
+    rowSpacing?: RowSpacing;
     autoSizing?: AUTO_SIZING;
 }

package/lib/pagination/definition.d.ts

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

package/lib/pagination/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/pagination/pagination.d.ts

@@ -0,0 +1,18 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Size } from '../enums';
+import type { Button } from '../button/button';
+export declare type PaginationSize = Extract<Size, Size.SuperCondensed | Size.Condensed | Size.Normal>;
+export declare class Pagination extends FoundationElement {
+    size?: PaginationSize;
+    paginationButtons?: Button[];
+    prevButton?: Button;
+    nextButton?: Button;
+    navIcons: boolean;
+    get pagesList(): (number | "...")[];
+    total: number;
+    selectedIndex: number | undefined;
+    constructor();
+    totalChanged(_: number, newValue: number): void;
+    selectedIndexChanged(oldValue: number, newValue: number): void;
+    paginationButtonsChanged(_: Button[] | undefined, newValue: Button[]): void;
+}

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

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

package/lib/popup/popup.d.ts

@@ -2,7 +2,6 @@ import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Placement, Strategy } from '@floating-ui/dom';
 export declare class Popup extends FoundationElement {
     #private;
-    protected anchorEl: Element | null | undefined;
     popupEl: HTMLElement;
     arrowEl: HTMLElement;
     open: boolean;
@@ -12,10 +11,11 @@ export declare class Popup extends FoundationElement {
     alternate: boolean;
     placement?: Placement;
     strategy?: Strategy;
-    anchor: string | HTMLElement;
+    anchor?: string | HTMLElement;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     updatePosition(): Promise<void>;
+    get anchorEl(): HTMLElement | null;
     show(): void;
     hide(): void;
 }

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

@@ -1,8 +1,9 @@
 import { TextArea as FoundationElement } from '@microsoft/fast-foundation';
 import { FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
+import { ErrorText } from '../../shared/patterns';
 export declare type TextAreaWrap = 'hard' | 'soft' | 'off';
 export declare class TextArea extends FoundationElement {
     wrap?: TextAreaWrap;
 }
-export interface TextArea extends FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
+export interface TextArea extends FormElement, ErrorText, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
 }

package/lib/tooltip/tooltip.d.ts

@@ -1,8 +1,14 @@
-import { Popup } from '../popup/popup';
-export declare class Tooltip extends Popup {
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Placement } from '@floating-ui/dom';
+declare type anchorType = string | HTMLElement;
+export declare class Tooltip extends FoundationElement {
     #private;
     text?: string;
-    connectedCallback(): void;
+    placement?: Placement;
+    open: boolean;
+    anchor?: anchorType;
+    anchorChanged(_: anchorType, newValue: anchorType): void;
     disconnectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    openChanged(_: boolean, newValue: boolean): void;
 }
+export {};

package/listbox/index.js

@@ -1,8 +1,8 @@
-import { r as registerListbox } from '../shared/definition27.js';
+import { r as registerListbox } from '../shared/definition28.js';
 import '../shared/index.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
-import '../shared/definition20.js';
+import '../shared/definition21.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
 import '../shared/to-string.js';
@@ -23,5 +23,6 @@ import '../shared/key-codes.js';
 import '../shared/strings.js';
 import '../shared/numbers.js';
 import '../shared/slotted.js';
+import '../shared/node-observation.js';
 
 registerListbox();

package/menu/index.js

@@ -1,7 +1,7 @@
-import { r as registerMenu } from '../shared/definition28.js';
+import { r as registerMenu } from '../shared/definition29.js';
 import '../shared/index.js';
-import '../shared/definition19.js';
-import '../shared/definition9.js';
+import '../shared/definition20.js';
+import '../shared/definition7.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
 import '../shared/to-string.js';
@@ -11,7 +11,7 @@ import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
-import '../shared/definition10.js';
+import '../shared/definition9.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';
@@ -22,11 +22,12 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition16.js';
+import '../shared/definition8.js';
 import '../shared/es.object.assign.js';
-import '../shared/definition29.js';
+import '../shared/definition30.js';
 import '../shared/direction.js';
 import '../shared/dom.js';
 import '../shared/slotted.js';
+import '../shared/node-observation.js';
 
 registerMenu();

package/menu-item/index.js

@@ -1,4 +1,4 @@
-import { b as registerMenuItem } from '../shared/definition29.js';
+import { b as registerMenuItem } from '../shared/definition30.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/definition30.js';
+import { r as registerNav } from '../shared/definition31.js';
 import '../shared/index.js';
 
 registerNav();

package/nav-disclosure/index.js

@@ -1,4 +1,4 @@
-import { r as registerNavDisclosure } from '../shared/definition31.js';
+import { r as registerNavDisclosure } from '../shared/definition32.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/definition32.js';
+import { r as registerNavItem } from '../shared/definition33.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/definition33.js';
+import { r as registerNote } from '../shared/definition34.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';

package/number-field/index.js

@@ -1,6 +1,6 @@
-import { r as registerNumberField } from '../shared/definition34.js';
+import { r as registerNumberField } from '../shared/definition35.js';
 import '../shared/index.js';
-import '../shared/definition9.js';
+import '../shared/definition7.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
 import '../shared/to-string.js';
@@ -10,7 +10,7 @@ import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
-import '../shared/definition10.js';
+import '../shared/definition9.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';
@@ -21,7 +21,7 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition23.js';
+import '../shared/definition24.js';
 import '../shared/aria.js';
 import '../shared/form-elements.js';
 import '../shared/text-field2.js';

package/option/index.js

@@ -1,4 +1,4 @@
-import { r as registerOption } from '../shared/definition20.js';
+import { r as registerOption } from '../shared/definition21.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid",
-  "version": "3.9.0",
+  "version": "3.11.0",
   "type": "module",
   "module": "./index.js",
   "main": "./index.js",