@vonage/vivid 5.24.0 → 5.27.0

package/lib/listbox/listbox.template.d.ts

@@ -0,0 +1,3 @@
+import { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
+import { Listbox } from './listbox';
+export declare const listboxTemplate: (_context: VividElementDefinitionContext) => import('@microsoft/fast-element').ViewTemplate<Listbox, any>;

package/lib/menu/menu.d.ts

@@ -877,6 +877,5 @@ export declare class Menu extends Menu_base {
     autoDismiss: boolean;
     positionStrategy?: Strategy;
     open: boolean;
-    openChanged(_: boolean | undefined, newValue: boolean): void;
 }
 export {};

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

@@ -1,9 +1,12 @@
-import { Connotation } from '../enums';
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-import { ExtractFromEnum } from '../../shared/utils/enums';
 import { MenuItemRole } from './menu-item-role';
+import { ComponentEnum } from '../../shared/utils/component-enum.ts';
 type ControlType = 'checkbox' | 'radio';
-export type MenuItemConnotation = ExtractFromEnum<Connotation, Connotation.CTA | Connotation.Accent>;
+export declare const menuItemConnotation: {
+    parse: (value: unknown) => "accent" | "cta";
+    defaultValue: "accent" | "cta";
+};
+export type MenuItemConnotation = ComponentEnum<typeof menuItemConnotation>;
 declare const MenuItem_base: {
     new (...args: any[]): {
         _kbdShortcutSlotted: Element[];
@@ -11,7 +14,7 @@ declare const MenuItem_base: {
         _kbdShortcutSlottedChanged(): void;
         connectedCallback(): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -427,9 +430,9 @@ declare const MenuItem_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -851,9 +854,9 @@ declare const MenuItem_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -861,7 +864,7 @@ declare const MenuItem_base: {
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -1277,9 +1280,9 @@ declare const MenuItem_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class MenuItem extends MenuItem_base {

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

@@ -1,15 +1,22 @@
-import { Appearance, Connotation } from '../enums';
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-import { ExtractFromEnum } from '../../shared/utils/enums';
-export type NavDisclosureAppearance = ExtractFromEnum<Appearance, Appearance.Ghost | Appearance.GhostLight>;
-export type NavDisclosureConnotation = ExtractFromEnum<Connotation, Connotation.Accent | Connotation.CTA>;
+import { ComponentEnum } from '../../shared/utils/component-enum.ts';
+export declare const navDisclosureAppearance: {
+    parse: (value: unknown) => "ghost" | "ghost-light";
+    defaultValue: "ghost" | "ghost-light";
+};
+export type NavDisclosureAppearance = ComponentEnum<typeof navDisclosureAppearance>;
+export declare const navDisclosureConnotation: {
+    parse: (value: unknown) => "accent" | "cta";
+    defaultValue: "accent" | "cta";
+};
+export type NavDisclosureConnotation = ComponentEnum<typeof navDisclosureConnotation>;
 declare const NavDisclosure_base: {
     new (...args: any[]): {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -425,9 +432,9 @@ declare const NavDisclosure_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -849,9 +856,9 @@ declare const NavDisclosure_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class NavDisclosure extends NavDisclosure_base {

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

@@ -1,15 +1,22 @@
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-import { Appearance, Connotation } from '../enums';
-import { ExtractFromEnum } from '../../shared/utils/enums';
-export type NavItemConnotation = ExtractFromEnum<Connotation, Connotation.Accent | Connotation.CTA>;
-export type NavItemAppearance = ExtractFromEnum<Appearance, Appearance.Ghost | Appearance.GhostLight>;
+import { ComponentEnum } from '../../shared/utils/component-enum.ts';
+export declare const navItemConnotation: {
+    parse: (value: unknown) => "accent" | "cta";
+    defaultValue: "accent" | "cta";
+};
+export type NavItemConnotation = ComponentEnum<typeof navItemConnotation>;
+export declare const navItemAppearance: {
+    parse: (value: unknown) => "ghost" | "ghost-light";
+    defaultValue: "ghost" | "ghost-light";
+};
+export type NavItemAppearance = ComponentEnum<typeof navItemAppearance>;
 declare const NavItem_base: {
     new (...args: any[]): {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -425,9 +432,9 @@ declare const NavItem_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -440,7 +447,7 @@ declare const NavItem_base: {
         target?: "_self" | "_blank" | "_parent" | "_top";
         type?: string;
         control: HTMLAnchorElement;
-        _renderLinkElement: <T extends any>(content: import('@microsoft/fast-element').ViewTemplate<T>, cssClass: import('@microsoft/fast-element').TemplateValue<T>, boundAriaProperties?: import('../../shared/aria/aria-binding-directive').BoundAriaProperties<unknown>) => import('@microsoft/fast-element').ViewTemplate<T, any>;
+        _renderLinkElement: <T extends any>(content: import('@microsoft/fast-element').ViewTemplate<T>, cssClass: import('@microsoft/fast-element').TemplateValue<T>, boundAriaProperties?: import('../../shared/aria/aria-binding-directive.ts').BoundAriaProperties<unknown>) => import('@microsoft/fast-element').ViewTemplate<T, any>;
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
         focus(...args: any[]): void;
@@ -859,9 +866,9 @@ declare const NavItem_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class NavItem extends NavItem_base {

package/lib/note/note.d.ts

@@ -1,13 +1,17 @@
-import { Connotation } from '../enums';
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-export type NoteConnotation = Connotation.Accent | Connotation.Information | Connotation.Success | Connotation.Warning | Connotation.Announcement | Connotation.Alert;
+import { ComponentEnum } from '../../shared/utils/component-enum.ts';
+export declare const noteConnotation: {
+    parse: (value: unknown) => "alert" | "accent" | "warning" | "success" | "information" | "announcement";
+    defaultValue: "alert" | "accent" | "warning" | "success" | "information" | "announcement";
+};
+export type NoteConnotation = ComponentEnum<typeof noteConnotation>;
 declare const Note_base: {
     new (...args: any[]): {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -423,9 +427,9 @@ declare const Note_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class Note extends Note_base {

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

@@ -1,7 +1,12 @@
-import { Appearance, Shape, Size } from '../enums';
+import { Shape, Size } from '../enums';
 import { ExtractFromEnum } from '../../shared/utils/enums';
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-export type NumberFieldAppearance = ExtractFromEnum<Appearance, Appearance.Fieldset | Appearance.Ghost>;
+import { ComponentEnum } from '../../shared/utils/component-enum.ts';
+export declare const numberFieldAppearance: {
+    parse: (value: unknown) => "fieldset" | "ghost";
+    defaultValue: "fieldset" | "ghost";
+};
+export type NumberFieldAppearance = ComponentEnum<typeof numberFieldAppearance>;
 export type NumberFieldShape = ExtractFromEnum<Shape, Shape.Rounded | Shape.Pill>;
 export type NumberFieldSize = ExtractFromEnum<Size, Size.Condensed | Size.Normal>;
 declare const NumberField_base: {
@@ -51,7 +56,7 @@ declare const NumberField_base: {
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -466,9 +471,9 @@ declare const NumberField_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -476,14 +481,14 @@ declare const NumberField_base: {
         _helperTextSlottedContent?: HTMLElement[];
         get _feedbackDescribedBy(): string;
         _internalFeedback(): {
-            type: import('../../shared/feedback/feedback-message').FeedbackType;
+            type: import('../../shared/feedback/feedback-message.ts').FeedbackType;
             message: string;
         };
         _slottedHelperTextFeedbackType(): "none" | "helper";
-        _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
+        _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent.ts').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
         connectedCallback(): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -899,9 +904,9 @@ declare const NumberField_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -953,7 +958,7 @@ declare const NumberField_base: {
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -1368,16 +1373,16 @@ declare const NumberField_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
         successText?: string;
         connectedCallback(): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -1793,9 +1798,9 @@ declare const NumberField_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -1841,7 +1846,7 @@ declare const NumberField_base: {
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -2256,9 +2261,9 @@ declare const NumberField_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -2266,7 +2271,7 @@ declare const NumberField_base: {
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -2682,16 +2687,16 @@ declare const NumberField_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
-        get locale(): import('../../shared/localization/Locale').Locale;
+        get locale(): import('../../shared/localization/Locale.ts').Locale;
         connectedCallback(): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -3107,9 +3112,9 @@ declare const NumberField_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -3531,9 +3536,9 @@ declare const NumberField_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -3574,7 +3579,7 @@ declare const NumberField_base: {
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -3989,9 +3994,9 @@ declare const NumberField_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
     get formAssociated(): boolean;
 } & typeof VividElement;
@@ -4006,7 +4011,6 @@ export declare class NumberField extends NumberField_base {
     size: number;
     scale?: NumberFieldSize;
     step: number;
-    stepChanged(_: number | undefined, next: number): void;
     max: number;
     min: number;
     get valueAsNumber(): number;

package/lib/option/option.d.ts

@@ -1,8 +1,11 @@
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-import { ExtractFromEnum } from '../../shared/utils/enums';
-import { Connotation } from '../enums';
 import { OptionTagConnotation } from '../searchable-select/option-tag';
-export type OptionConnotation = ExtractFromEnum<Connotation, Connotation.CTA | Connotation.Accent>;
+import { ComponentEnum } from '../../shared/utils/component-enum.ts';
+export declare const optionConnotation: {
+    parse: (value: unknown) => "accent" | "cta";
+    defaultValue: "accent" | "cta";
+};
+export type OptionConnotation = ComponentEnum<typeof optionConnotation>;
 export declare function isListboxOption(el: Element): el is ListboxOption;
 declare const ListboxOption_base: {
     new (...args: any[]): {
@@ -424,9 +427,9 @@ declare const ListboxOption_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -435,7 +438,7 @@ declare const ListboxOption_base: {
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
         focus(...args: any[]): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -851,9 +854,9 @@ declare const ListboxOption_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class ListboxOption extends ListboxOption_base {

package/lib/popup/definition.d.ts

@@ -1,2 +1,4 @@
+import { Popup } from './popup';
 export type { Strategy } from '@floating-ui/dom';
 export declare const registerPopup: (prefix?: string) => void;
+export { Popup as VwcPopupElement };

package/lib/progress/progress.d.ts

@@ -1,6 +1,11 @@
-import { Connotation, ConnotationDecorative, Shape } from '../enums';
+import { Shape } from '../enums';
 import { BaseProgress } from '../../shared/foundation/progress/base-progress';
-export type ProgressConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
+import { ComponentEnum } from '../../shared/utils/component-enum.ts';
+export declare const progressConnotation: {
+    parse: (value: unknown) => "alert" | "accent" | "cta" | "success";
+    defaultValue: "alert" | "accent" | "cta" | "success";
+};
+export type ProgressConnotation = ComponentEnum<typeof progressConnotation> | 'pacific';
 export type ProgressShape = Shape.Rounded | Shape.Sharp;
 declare const Progress_base: {
     new (...args: any[]): {
@@ -422,9 +427,9 @@ declare const Progress_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & typeof BaseProgress;
 export declare class Progress extends Progress_base {

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

@@ -1,6 +1,10 @@
-import { Connotation } from '../enums';
 import { BaseProgress } from '../../shared/foundation/progress/base-progress';
-export type ProgressRingConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA;
+import { ComponentEnum } from '../../shared/utils/component-enum.ts';
+export declare const progressRingConnotation: {
+    parse: (value: unknown) => "alert" | "accent" | "cta" | "success";
+    defaultValue: "alert" | "accent" | "cta" | "success";
+};
+export type ProgressRingConnotation = ComponentEnum<typeof progressRingConnotation>;
 declare const ProgressRing_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
@@ -421,9 +425,9 @@ declare const ProgressRing_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & typeof BaseProgress;
 export declare class ProgressRing extends ProgressRing_base {