@vonage/vivid 3.26.0 → 3.28.2

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

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

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

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

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

@@ -1,4 +1,4 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export type { TextFieldAppearance, TextFieldShape } from './text-field';
-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;
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export type { TextFieldAppearance, TextFieldShape } from './text-field';
+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/text-field/index.d.ts

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

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

@@ -1,14 +1,13 @@
-import { TextField as FoundationTextfield } from '@microsoft/fast-foundation';
-import type { Appearance, Shape } from '../enums';
-import { AffixIcon, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
-import { FormElement } from '../../shared/patterns';
-import { ErrorText } from '../../shared/patterns';
-export declare type TextFieldAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
-export declare type TextFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
-export declare class TextField extends FoundationTextfield {
-    appearance?: TextFieldAppearance;
-    shape?: TextFieldShape;
-    autoComplete?: string;
-}
-export interface TextField extends AffixIcon, ErrorText, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
-}
+import { TextField as FoundationTextfield } from '@microsoft/fast-foundation';
+import type { Appearance, Shape } from '../enums';
+import { AffixIcon, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
+import { type ErrorText, type FormElement } from '../../shared/patterns';
+export type TextFieldAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
+export type TextFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
+export declare class TextField extends FoundationTextfield {
+    appearance?: TextFieldAppearance;
+    shape?: TextFieldShape;
+    autoComplete?: string;
+}
+export interface TextField extends AffixIcon, ErrorText, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
+}

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

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

package/lib/toggletip/definition.d.ts

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

package/lib/toggletip/index.d.ts

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

package/lib/toggletip/toggletip.d.ts

@@ -1,15 +1,15 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-import type { Placement } from '@floating-ui/dom';
-declare type AnchorType = string | HTMLElement;
-export declare class Toggletip extends FoundationElement {
-    #private;
-    headline?: string;
-    alternate: boolean;
-    placement?: Placement;
-    anchor: AnchorType;
-    anchorChanged(_: AnchorType, newValue: AnchorType): void;
-    open: boolean;
-    openChanged(oldValue: boolean, newValue: boolean): void;
-    disconnectedCallback(): void;
-}
-export {};
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Placement } from '@floating-ui/dom';
+type AnchorType = string | HTMLElement;
+export declare class Toggletip extends FoundationElement {
+    #private;
+    headline?: string;
+    alternate: boolean;
+    placement?: Placement;
+    anchor: AnchorType;
+    anchorChanged(_: AnchorType, newValue: AnchorType): void;
+    open: boolean;
+    openChanged(oldValue: boolean, newValue: boolean): void;
+    disconnectedCallback(): void;
+}
+export {};

package/lib/toggletip/toggletip.template.d.ts

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

package/lib/tooltip/definition.d.ts

@@ -1,3 +1,3 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-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;
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+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/lib/tooltip/index.d.ts

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

package/lib/tooltip/tooltip.d.ts

@@ -1,14 +1,14 @@
-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;
-    placement?: Placement;
-    open: boolean;
-    anchor?: anchorType;
-    anchorChanged(_: anchorType, newValue: anchorType): void;
-    disconnectedCallback(): void;
-    openChanged(_: boolean, newValue: boolean): void;
-}
-export {};
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Placement } from '@floating-ui/dom';
+type anchorType = string | HTMLElement;
+export declare class Tooltip extends FoundationElement {
+    #private;
+    text?: string;
+    placement?: Placement;
+    open: boolean;
+    anchor?: anchorType;
+    anchorChanged(_: anchorType, newValue: anchorType): void;
+    disconnectedCallback(): void;
+    openChanged(_: boolean, newValue: boolean): void;
+}
+export {};

package/lib/tooltip/tooltip.template.d.ts

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

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

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

package/lib/tree-item/index.d.ts

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

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

@@ -1,7 +1,7 @@
-import { TreeItem as FastTreeItem } from '@microsoft/fast-foundation';
-import { AffixIcon } from '../../shared/patterns/affix';
-export declare class TreeItem extends FastTreeItem {
-    text?: string;
-}
-export interface TreeItem extends AffixIcon {
-}
+import { TreeItem as FastTreeItem } from '@microsoft/fast-foundation';
+import { AffixIcon } from '../../shared/patterns/affix';
+export declare class TreeItem extends FastTreeItem {
+    text?: string;
+}
+export interface TreeItem extends AffixIcon {
+}

package/lib/tree-item/tree-item.template.d.ts

@@ -1,4 +1,4 @@
-import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
-import type { TreeItem } from './tree-item';
-export declare const expandCollapseButton: (context: ElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TreeItem, any>;
-export declare const TreeItemTemplate: (context: ElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TreeItem, any>;
+import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
+import type { TreeItem } from './tree-item';
+export declare const expandCollapseButton: (context: ElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TreeItem, any>;
+export declare const TreeItemTemplate: (context: ElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TreeItem, any>;

package/lib/tree-view/definition.d.ts

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

package/lib/tree-view/index.d.ts

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

package/lib/tree-view/tree-view.d.ts

@@ -1,3 +1,3 @@
-import { TreeView as FastTreeView } from '@microsoft/fast-foundation';
-export declare class TreeView extends FastTreeView {
-}
+import { TreeView as FastTreeView } from '@microsoft/fast-foundation';
+export declare class TreeView extends FastTreeView {
+}

package/lib/tree-view/tree-view.template.d.ts

@@ -1,2 +1,2 @@
-import type { TreeView } from './tree-view';
-export declare const TreeViewTemplate: () => import("@microsoft/fast-element").ViewTemplate<TreeView, any>;
+import type { TreeView } from './tree-view';
+export declare const TreeViewTemplate: () => import("@microsoft/fast-element").ViewTemplate<TreeView, any>;

package/listbox/index.js

@@ -10,8 +10,6 @@ import { c as classNames } from '../shared/class-names.js';
 import '../shared/focus.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/to-string.js';
-import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/when.js';
 import '../shared/aria-global.js';
@@ -24,44 +22,42 @@ import '../shared/strings.js';
 import '../shared/numbers.js';
 import '../shared/node-observation.js';
 
-let _ = t => t,
-  _t;
 const getClasses = ({
   appearance,
   disabled
 }) => classNames('base', ['disabled', disabled], [`appearance-${appearance}`, Boolean(appearance)]);
 const ListboxTemplate = context => {
   const focusTemplate = focusTemplateFactory(context);
-  return html(_t || (_t = _`
+  return html`
 <template
-	aria-activedescendant="${0}"
-	aria-multiselectable="${0}"
+	aria-activedescendant="${x => x.ariaActiveDescendant}"
+	aria-multiselectable="${x => x.ariaMultiSelectable}"
 	aria-label="listbox"
 	role="listbox"
-	@click="${0}"
-	@focusin="${0}"
-	@keydown="${0}"
-	@mousedown="${0}"
-	tabindex="${0}"
+	@click="${(x, c) => x.clickHandler(c.event)}"
+	@focusin="${(x, c) => x.focusinHandler(c.event)}"
+	@keydown="${(x, c) => x.keydownHandler(c.event)}"
+	@mousedown="${(x, c) => x.mousedownHandler(c.event)}"
+	tabindex="${x => !x.disabled ? '0' : null}"
 >
 	<div
-		class="${0}"
+		class="${getClasses}"
 	>
-		${0}
+		${() => focusTemplate}
 
 		<slot
-			${0}
-		></slot>
-	</div>
-</template>
-	`), x => x.ariaActiveDescendant, x => x.ariaMultiSelectable, (x, c) => x.clickHandler(c.event), (x, c) => x.focusinHandler(c.event), (x, c) => x.keydownHandler(c.event), (x, c) => x.mousedownHandler(c.event), x => !x.disabled ? '0' : null, getClasses, () => focusTemplate, slotted({
+			${slotted({
     filter: ListboxElement.slottedOptionFilter,
     flatten: true,
     property: 'slottedOptions'
-  }));
+  })}
+		></slot>
+	</div>
+</template>
+	`;
 };
 
-var css_248z = "/**\n * Do not edit directly\n * Generated on Tue, 25 Jul 2023 07:38:24 GMT\n */\n:host {\n  display: block;\n  inline-size: fit-content;\n}\n\n:host(:focus-within) {\n  outline: none;\n}\n\n.base {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 4px;\n  background-color: var(--_appearance-color-fill);\n  border-radius: 6px;\n  box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n  contain: paint;\n  gap: 4px;\n}\n.base {\n  /* @cssprop [--vvd-listbox-accent-backdrop=var(--vvd-color-canvas)] */\n  --_connotation-color-backdrop: var(--vvd-listbox-accent-backdrop, var(--vvd-color-canvas));\n  /* @cssprop [--vvd-listbox-accent-intermediate=var(--vvd-color-neutral-500)] */\n  --_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));\n  /* @cssprop [--vvd-listbox-accent-primary=var(--vvd-color-canvas-text)] */\n  --_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));\n  /* @cssprop [--vvd-listbox-accent-soft=var(--vvd-color-neutral-100)] */\n  --_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100));\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(:disabled, .disabled) {\n  --_appearance-color-text: var(--vvd-color-neutral-300);\n  --_appearance-color-fill: var(--vvd-color-neutral-100);\n  --_appearance-color-outline: var(--vvd-color-neutral-300);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-300);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n\n.focus-indicator {\n  pointer-events: none;\n}\n:host(:not(:focus-within)) .focus-indicator {\n  display: none;\n}\n\n.base.disabled ::slotted([role=option]) {\n  --_option-appearance-color-text: var(--_appearance-color-outline);\n  cursor: not-allowed;\n  pointer-events: none;\n}";
+var css_248z = "/**\n * Do not edit directly\n * Generated on Mon, 07 Aug 2023 18:00:27 GMT\n */\n:host {\n  display: block;\n  inline-size: fit-content;\n}\n\n:host(:focus-within) {\n  outline: none;\n}\n\n.base {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 4px;\n  background-color: var(--_appearance-color-fill);\n  border-radius: 6px;\n  box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n  contain: paint;\n  gap: 4px;\n}\n.base {\n  /* @cssprop [--vvd-listbox-accent-backdrop=var(--vvd-color-canvas)] */\n  --_connotation-color-backdrop: var(--vvd-listbox-accent-backdrop, var(--vvd-color-canvas));\n  /* @cssprop [--vvd-listbox-accent-intermediate=var(--vvd-color-neutral-500)] */\n  --_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));\n  /* @cssprop [--vvd-listbox-accent-primary=var(--vvd-color-canvas-text)] */\n  --_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));\n  /* @cssprop [--vvd-listbox-accent-soft=var(--vvd-color-neutral-100)] */\n  --_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100));\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(:disabled, .disabled) {\n  --_appearance-color-text: var(--vvd-color-neutral-300);\n  --_appearance-color-fill: var(--vvd-color-neutral-100);\n  --_appearance-color-outline: var(--vvd-color-neutral-300);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-300);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n\n.focus-indicator {\n  pointer-events: none;\n}\n:host(:not(:focus-within)) .focus-indicator {\n  display: none;\n}\n\n.base.disabled ::slotted([role=option]) {\n  --_option-appearance-color-text: var(--_appearance-color-outline);\n  cursor: not-allowed;\n  pointer-events: none;\n}";
 
 const listboxDefinition = Listbox.compose({
   baseName: 'listbox',

package/menu/index.js

@@ -1,11 +1,9 @@
-import { r as registerMenu } from '../shared/definition29.js';
+import { r as registerMenu } from '../shared/definition30.js';
 import '../shared/index.js';
 import '../shared/definition20.js';
 import '../shared/definition7.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/to-string.js';
-import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
@@ -23,8 +21,7 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/definition8.js';
-import '../shared/es.object.assign.js';
-import '../shared/definition30.js';
+import '../shared/definition31.js';
 import '../shared/direction.js';
 import '../shared/slotted.js';
 import '../shared/node-observation.js';

package/menu-item/index.js

@@ -1,15 +1,12 @@
-import { b as registerMenuItem } from '../shared/definition30.js';
+import { b as registerMenuItem } from '../shared/definition31.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/to-string.js';
-import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
-import '../shared/es.object.assign.js';
 import '../shared/affix.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';

package/nav/index.js

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

package/nav-disclosure/index.js

@@ -1,9 +1,7 @@
-import { r as registerNavDisclosure } from '../shared/definition32.js';
+import { r as registerNavDisclosure } from '../shared/definition33.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/to-string.js';
-import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';

package/nav-item/index.js

@@ -1,9 +1,7 @@
-import { r as registerNavItem } from '../shared/definition33.js';
+import { r as registerNavItem } from '../shared/definition34.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/to-string.js';
-import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';

package/note/index.js

@@ -1,9 +1,7 @@
-import { r as registerNote } from '../shared/definition34.js';
+import { r as registerNote } from '../shared/definition35.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/to-string.js';
-import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';

package/number-field/index.js

@@ -1,10 +1,8 @@
-import { r as registerNumberField } from '../shared/definition35.js';
+import { r as registerNumberField } from '../shared/definition36.js';
 import '../shared/index.js';
 import '../shared/definition7.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/to-string.js';
-import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
@@ -25,6 +23,5 @@ import '../shared/definition24.js';
 import '../shared/aria.js';
 import '../shared/form-elements.js';
 import '../shared/text-field2.js';
-import '../shared/es.regexp.to-string.js';
 
 registerNumberField();

package/option/index.js

@@ -2,8 +2,6 @@ import { r as registerOption } from '../shared/definition21.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/to-string.js';
-import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid",
-  "version": "3.26.0",
+  "version": "3.28.2",
   "type": "module",
   "module": "./index.js",
   "main": "./index.js",
@@ -15,15 +15,17 @@
     "url": "https://github.com/Vonage/vivid-3/issues"
   },
   "license": "Apache-2.0",
-  "types": "./index.d.ts",
+  "types": "./src/index.d.ts",
   "dependencies": {
-    "rollup-plugin-postcss": "4.0.2",
-    "@microsoft/fast-foundation": "2.47.1-0",
-    "@microsoft/fast-element": "1.11.0",
-    "@microsoft/fast-web-utilities": "5.4.1",
-    "ramda": "0.28.0",
+    "@floating-ui/dom": "1.4.5",
+    "@microsoft/fast-element": "1.12.0",
+    "@microsoft/fast-foundation": "2.49.0",
+    "@microsoft/fast-web-utilities": "6.0.0",
     "dialog-polyfill": "0.5.6",
-    "@floating-ui/dom": "1.2.0"
+    "dropzone": "6.0.0-beta.2",
+    "promise": "7.3.1",
+    "ramda": "0.28.0",
+    "rollup-plugin-postcss": "4.0.2"
   },
   "peerDependencies": {}
 }

package/pagination/index.js

@@ -1,10 +1,8 @@
-import { r as registerPagination } from '../shared/definition36.js';
+import { r as registerPagination } from '../shared/definition37.js';
 import '../shared/definition7.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/to-string.js';
-import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
@@ -21,10 +19,8 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/es.regexp.to-string.js';
-import '../shared/es.string.includes.js';
 import '../shared/node-observation.js';
-import '../shared/repeat.js';
 import '../shared/children.js';
+import '../shared/repeat.js';
 
 registerPagination();

package/popup/index.js

@@ -3,8 +3,6 @@ import '../shared/index.js';
 import '../shared/definition7.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/to-string.js';
-import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
@@ -22,6 +20,5 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/definition8.js';
-import '../shared/es.object.assign.js';
 
 registerPopup();

package/progress/index.js

@@ -1,4 +1,4 @@
-import { r as registerProgress } from '../shared/definition37.js';
+import { r as registerProgress } from '../shared/definition38.js';
 import '../shared/index.js';
 import '../shared/base-progress.js';
 import '../shared/when.js';

package/radio/index.js

@@ -1,4 +1,4 @@
-import { r as registerRadio } from '../shared/definition38.js';
+import { r as registerRadio } from '../shared/definition39.js';
 import '../shared/index.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';

package/radio-group/index.js

@@ -1,13 +1,13 @@
-import { r as registerRadioGroup } from '../shared/definition39.js';
+import { r as registerRadioGroup } from '../shared/definition40.js';
 import '../shared/index.js';
 import '../shared/direction.js';
 import '../shared/key-codes.js';
 import '../shared/aria.js';
 import '../shared/radio.js';
 import '../shared/form-associated.js';
-import '../shared/node-observation.js';
 import '../shared/aria2.js';
-import '../shared/slotted.js';
+import '../shared/node-observation.js';
 import '../shared/when.js';
+import '../shared/slotted.js';
 
 registerRadioGroup();

package/select/index.js

@@ -1,4 +1,4 @@
-import { r as registerSelect } from '../shared/definition40.js';
+import { r as registerSelect } from '../shared/definition41.js';
 import '../shared/index.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
@@ -6,8 +6,6 @@ import '../shared/definition20.js';
 import '../shared/definition7.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/to-string.js';
-import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
@@ -23,7 +21,6 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/definition8.js';
-import '../shared/es.object.assign.js';
 import '../shared/definition21.js';
 import '../shared/dom.js';
 import '../shared/form-elements.js';

package/shared/affix.js

@@ -1,9 +1,6 @@
 import { _ as __decorate, a as attr, b as __metadata, h as html } from './index.js';
 import { I as Icon } from './icon.js';
 
-let _ = t => t,
-  _t,
-  _t2;
 class AffixIcon {}
 __decorate([attr, __metadata("design:type", String)], AffixIcon.prototype, "icon", void 0);
 class AffixIconWithTrailing extends AffixIcon {
@@ -22,8 +19,8 @@ const affixIconTemplateFactory = (context, withWrapper = true) => {
     if (!icon) {
       return null;
     }
-    const iconTemplate = html(_t || (_t = _`<${0} :name="${0}"></${0}>`), iconTag, () => icon, iconTag);
-    return withWrapper ? html(_t2 || (_t2 = _`<span class="icon">${0}</span>`), iconTemplate) : iconTemplate;
+    const iconTemplate = html`<${iconTag} :name="${() => icon}"></${iconTag}>`;
+    return withWrapper ? html`<span class="icon">${iconTemplate}</span>` : iconTemplate;
   };
 };