@vonage/vivid 3.50.0 → 3.51.0

package/data-grid/index.cjs

@@ -11,8 +11,6 @@ require('../shared/key-codes.cjs');
 require('../shared/repeat.cjs');
 require('../shared/slotted.cjs');
 require('../shared/children.cjs');
-require('../shared/focus2.cjs');
-require('../shared/focus.cjs');
 require('../shared/key-codes2.cjs');
 
 definition.registerDataGrid();

package/data-grid/index.js

@@ -9,8 +9,6 @@ import '../shared/key-codes.js';
 import '../shared/repeat.js';
 import '../shared/slotted.js';
 import '../shared/children.js';
-import '../shared/focus2.js';
-import '../shared/focus.js';
 import '../shared/key-codes2.js';
 
 registerDataGrid();

package/date-picker/index.cjs

@@ -2,15 +2,13 @@
 
 const definition = require('../shared/definition18.cjs');
 require('../shared/index.cjs');
-require('../shared/definition61.cjs');
+require('../shared/definition60.cjs');
 require('../shared/definition11.cjs');
 require('../shared/definition26.cjs');
 require('../shared/icon.cjs');
 require('../shared/_has.cjs');
 require('../shared/class-names.cjs');
 require('../shared/when.cjs');
-require('../shared/definition59.cjs');
-require('../shared/focus.cjs');
 require('../shared/definition37.cjs');
 require('../shared/base-progress.cjs');
 require('../shared/affix.cjs');
@@ -23,8 +21,10 @@ require('../shared/aria-global.cjs');
 require('../shared/start-end.cjs');
 require('../shared/ref.cjs');
 require('../shared/enums.cjs');
-require('../shared/definition60.cjs');
+require('../shared/definition59.cjs');
 require('../shared/definition53.cjs');
+require('../shared/definition61.cjs');
+require('../shared/focus.cjs');
 require('../shared/index2.cjs');
 require('../locales/en-US.cjs');
 require('../shared/Reflector.cjs');

package/date-picker/index.js

@@ -1,14 +1,12 @@
 import { r as registerDatePicker } from '../shared/definition18.js';
 import '../shared/index.js';
-import '../shared/definition61.js';
+import '../shared/definition60.js';
 import '../shared/definition11.js';
 import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition59.js';
-import '../shared/focus.js';
 import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
@@ -21,8 +19,10 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/enums.js';
-import '../shared/definition60.js';
+import '../shared/definition59.js';
 import '../shared/definition53.js';
+import '../shared/definition61.js';
+import '../shared/focus.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/Reflector.js';

package/date-range-picker/index.cjs

@@ -8,8 +8,6 @@ require('../shared/icon.cjs');
 require('../shared/_has.cjs');
 require('../shared/class-names.cjs');
 require('../shared/when.cjs');
-require('../shared/definition59.cjs');
-require('../shared/focus.cjs');
 require('../shared/definition37.cjs');
 require('../shared/base-progress.cjs');
 require('../shared/affix.cjs');
@@ -22,9 +20,11 @@ require('../shared/aria-global.cjs');
 require('../shared/start-end.cjs');
 require('../shared/ref.cjs');
 require('../shared/enums.cjs');
-require('../shared/definition61.cjs');
 require('../shared/definition60.cjs');
+require('../shared/definition59.cjs');
 require('../shared/definition53.cjs');
+require('../shared/definition61.cjs');
+require('../shared/focus.cjs');
 require('../shared/index2.cjs');
 require('../locales/en-US.cjs');
 require('../shared/Reflector.cjs');

package/date-range-picker/index.js

@@ -6,8 +6,6 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition59.js';
-import '../shared/focus.js';
 import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
@@ -20,9 +18,11 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/enums.js';
-import '../shared/definition61.js';
 import '../shared/definition60.js';
+import '../shared/definition59.js';
 import '../shared/definition53.js';
+import '../shared/definition61.js';
+import '../shared/focus.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/Reflector.js';

package/dialog/index.cjs

@@ -8,8 +8,6 @@ require('../shared/_has.cjs');
 require('../shared/class-names.cjs');
 require('../shared/when.cjs');
 require('../shared/definition11.cjs');
-require('../shared/definition59.cjs');
-require('../shared/focus.cjs');
 require('../shared/definition37.cjs');
 require('../shared/base-progress.cjs');
 require('../shared/affix.cjs');
@@ -22,10 +20,9 @@ require('../shared/aria-global.cjs');
 require('../shared/start-end.cjs');
 require('../shared/ref.cjs');
 require('../shared/enums.cjs');
-require('../shared/definition60.cjs');
+require('../shared/definition59.cjs');
 require('../shared/index2.cjs');
 require('../locales/en-US.cjs');
 require('../shared/localized.cjs');
-require('../shared/focus2.cjs');
 
 definition.registerDialog();

package/dialog/index.js

@@ -6,8 +6,6 @@ import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/definition11.js';
-import '../shared/definition59.js';
-import '../shared/focus.js';
 import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
@@ -20,10 +18,9 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/enums.js';
-import '../shared/definition60.js';
+import '../shared/definition59.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/localized.js';
-import '../shared/focus2.js';
 
 registerDialog();

package/elevation/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const definition = require('../shared/definition60.cjs');
+const definition = require('../shared/definition59.cjs');
 require('../shared/index.cjs');
 require('../shared/class-names.cjs');
 

package/elevation/index.js

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

package/fab/index.cjs

@@ -7,8 +7,6 @@ require('../shared/icon.cjs');
 require('../shared/_has.cjs');
 require('../shared/class-names.cjs');
 require('../shared/when.cjs');
-require('../shared/definition59.cjs');
-require('../shared/focus.cjs');
 require('../shared/affix.cjs');
 require('../shared/slotted.cjs');
 require('../shared/apply-mixins.cjs');

package/fab/index.js

@@ -5,8 +5,6 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition59.js';
-import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';
 import '../shared/apply-mixins.js';

package/file-picker/index.cjs

@@ -7,7 +7,7 @@ require('../shared/icon.cjs');
 require('../shared/_has.cjs');
 require('../shared/class-names.cjs');
 require('../shared/when.cjs');
-require('../shared/definition59.cjs');
+require('../shared/definition61.cjs');
 require('../shared/focus.cjs');
 require('../shared/definition11.cjs');
 require('../shared/definition37.cjs');
@@ -25,6 +25,5 @@ require('../shared/enums.cjs');
 require('../shared/index2.cjs');
 require('../locales/en-US.cjs');
 require('../shared/localized.cjs');
-require('../shared/focus2.cjs');
 
 definition.registerFilePicker();

package/file-picker/index.js

@@ -5,7 +5,7 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition59.js';
+import '../shared/definition61.js';
 import '../shared/focus.js';
 import '../shared/definition11.js';
 import '../shared/definition37.js';
@@ -23,6 +23,5 @@ import '../shared/enums.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/localized.js';
-import '../shared/focus2.js';
 
 registerFilePicker();

package/focus/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const definition = require('../shared/definition59.cjs');
+const definition = require('../shared/definition61.cjs');
 require('../shared/index.cjs');
 require('../shared/focus.cjs');
 

package/focus/index.js

@@ -1,4 +1,4 @@
-import { r as registerFocus } from '../shared/definition59.js';
+import { r as registerFocus } from '../shared/definition61.js';
 import '../shared/index.js';
 import '../shared/focus.js';
 

package/header/index.cjs

@@ -2,7 +2,7 @@
 
 const definition = require('../shared/definition25.cjs');
 require('../shared/index.cjs');
-require('../shared/definition60.cjs');
+require('../shared/definition59.cjs');
 require('../shared/class-names.cjs');
 
 definition.registerHeader();

package/header/index.js

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

package/index.cjs

@@ -63,8 +63,6 @@ const definition$V = require('./shared/definition58.cjs');
 const enums = require('./shared/enums.cjs');
 const index$1 = require('./shared/index.cjs');
 const index = require('./shared/index2.cjs');
-require('./shared/definition59.cjs');
-require('./shared/focus.cjs');
 require('./shared/affix.cjs');
 require('./shared/icon.cjs');
 require('./shared/_has.cjs');
@@ -76,7 +74,7 @@ require('./shared/when.cjs');
 require('./shared/key-codes.cjs');
 require('./shared/numbers.cjs');
 require('./shared/class-names.cjs');
-require('./shared/definition60.cjs');
+require('./shared/definition59.cjs');
 require('./shared/localized.cjs');
 require('./shared/button.cjs');
 require('./shared/form-associated.cjs');
@@ -86,7 +84,9 @@ require('./shared/anchor.cjs');
 require('./shared/text-anchor.template.cjs');
 require('./shared/calendar-event.cjs');
 require('./shared/repeat.cjs');
+require('./shared/definition60.cjs');
 require('./shared/definition61.cjs');
+require('./shared/focus.cjs');
 require('./shared/text-field.cjs');
 require('./shared/listbox.cjs');
 require('./shared/key-codes2.cjs');

package/index.js

@@ -59,8 +59,6 @@ export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries
 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, T as TabsSize } from './shared/enums.js';
 export { d as designSystem, r as registerFactory } from './shared/index.js';
 export { s as setLocale } from './shared/index2.js';
-import './shared/definition59.js';
-import './shared/focus.js';
 import './shared/affix.js';
 import './shared/icon.js';
 import './shared/_has.js';
@@ -72,7 +70,7 @@ import './shared/when.js';
 import './shared/key-codes.js';
 import './shared/numbers.js';
 import './shared/class-names.js';
-import './shared/definition60.js';
+import './shared/definition59.js';
 import './shared/localized.js';
 import './shared/button.js';
 import './shared/form-associated.js';
@@ -82,7 +80,9 @@ import './shared/anchor.js';
 import './shared/text-anchor.template.js';
 import './shared/calendar-event.js';
 import './shared/repeat.js';
+import './shared/definition60.js';
 import './shared/definition61.js';
+import './shared/focus.js';
 import './shared/text-field.js';
 import './shared/listbox.js';
 import './shared/key-codes2.js';

package/lib/button/button.d.ts

@@ -14,6 +14,13 @@ export declare class Button extends FoundationButton {
     stacked: boolean;
     pending: boolean;
     label?: string;
+    href?: string;
+    download?: string;
+    hreflang?: string;
+    ping?: string;
+    referrerpolicy?: string;
+    rel?: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
     constructor();
 }
 export interface Button extends AffixIconWithTrailing {

package/lib/file-picker/file-picker.d.ts

@@ -1,7 +1,7 @@
 import type { Size } from '../enums';
 import { type ErrorText, type FormElement, FormElementHelperText, Localized } from '../../shared/patterns';
 import { FormAssociatedFilePicker } from './file-picker.form-associated';
-export type FileUploaderSize = Extract<Size, Size.Normal | Size.Expanded>;
+export type FilePickerSize = Extract<Size, Size.Normal | Size.Expanded>;
 export declare class FilePicker extends FormAssociatedFilePicker {
     #private;
     get files(): File[];
@@ -11,7 +11,7 @@ export declare class FilePicker extends FormAssociatedFilePicker {
     maxFileSizeChanged(_oldValue: number, newValue: number): void;
     accept?: string;
     acceptChanged(_oldValue: string, newValue: string): void;
-    size?: FileUploaderSize;
+    size?: FilePickerSize;
     nameChanged(previous: string, next: string): void;
     private buttonTag;
     constructor();

package/lib/menu/definition.d.ts

@@ -3,10 +3,10 @@ export type { Placement } from '@floating-ui/dom';
 export declare const menuDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
     baseName: string;
     template: any;
-    styles: import("@microsoft/fast-element").ComposableStyles;
+    styles: string;
 }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
     baseName: string;
     template: any;
-    styles: import("@microsoft/fast-element").ComposableStyles;
+    styles: string;
 }, typeof Menu>;
 export declare const registerMenu: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

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

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

package/lib/switch/switch.d.ts

@@ -1,7 +1,7 @@
-import { Switch as FoundationElement } from '@microsoft/fast-foundation';
+import { Switch as FoundationSwitch } from '@microsoft/fast-foundation';
 import type { Connotation } from '../enums';
 export type SwitchConnotation = Connotation.Accent | Connotation.Alert | Connotation.Success | Connotation.CTA;
-export declare class Switch extends FoundationElement {
+export declare class Switch extends FoundationSwitch {
     label?: string;
     connotation?: SwitchConnotation;
 }

package/listbox/index.cjs

@@ -1,19 +1,15 @@
 'use strict';
 
 const index = require('../shared/index.cjs');
-const definition$1 = require('../shared/definition59.cjs');
 const definition = require('../shared/definition35.cjs');
 const listbox = require('../shared/listbox.cjs');
-require('../shared/affix.cjs');
-const focus = require('../shared/focus2.cjs');
-require('../shared/index2.cjs');
 const slotted = require('../shared/slotted.cjs');
 const classNames = require('../shared/class-names.cjs');
-require('../shared/focus.cjs');
 require('../shared/definition26.cjs');
 require('../shared/icon.cjs');
 require('../shared/_has.cjs');
 require('../shared/when.cjs');
+require('../shared/affix.cjs');
 require('../shared/aria-global.cjs');
 require('../shared/start-end.cjs');
 require('../shared/ref.cjs');
@@ -23,7 +19,6 @@ require('../shared/key-codes2.cjs');
 require('../shared/key-codes.cjs');
 require('../shared/strings.cjs');
 require('../shared/numbers.cjs');
-require('../locales/en-US.cjs');
 
 const getClasses = ({ appearance, shape, disabled, orientation }) => classNames.classNames(
   "base",
@@ -32,8 +27,7 @@ const getClasses = ({ appearance, shape, disabled, orientation }) => classNames.
   [`shape-${shape}`, Boolean(shape) && orientation === "horizontal"],
   [`orientation-${orientation}`, Boolean(orientation)]
 );
-const ListboxTemplate = (context) => {
-  const focusTemplate = focus.focusTemplateFactory(context);
+const ListboxTemplate = () => {
   return index.html`
 <template
 	aria-activedescendant="${(x) => x.ariaActiveDescendant}"
@@ -50,8 +44,6 @@ const ListboxTemplate = (context) => {
 	<div
 		class="${getClasses}"
 	>
-		${() => focusTemplate}
-
 		<slot
 			${slotted.slotted({
     filter: listbox.ListboxElement.slottedOptionFilter,
@@ -64,14 +56,14 @@ const ListboxTemplate = (context) => {
 	`;
 };
 
-const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{position:relative;display:inline-flex;box-sizing:border-box;padding:4px;background-color:var(--_appearance-color-fill);border-radius:var(--_listbox-border-radius);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.focus-indicator{pointer-events:none}:host(:not(:focus-within)) .focus-indicator{display:none}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
+const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{display:inline-flex;box-sizing:border-box;padding:4px;background-color:var(--_appearance-color-fill);border-radius:var(--_listbox-border-radius);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
 
 const listboxDefinition = listbox.Listbox.compose({
   baseName: "listbox",
   template: ListboxTemplate,
   styles
 });
-const listboxRegistries = [listboxDefinition(), ...definition.listboxOptionRegistries, ...definition$1.focusRegistries];
+const listboxRegistries = [listboxDefinition(), ...definition.listboxOptionRegistries];
 const registerListbox = index.registerFactory(listboxRegistries);
 
 registerListbox();

package/listbox/index.js

@@ -1,17 +1,13 @@
 import { h as html, r as registerFactory } from '../shared/index.js';
-import { f as focusRegistries } from '../shared/definition59.js';
 import { a as listboxOptionRegistries } from '../shared/definition35.js';
 import { L as ListboxElement, a as Listbox } from '../shared/listbox.js';
-import '../shared/affix.js';
-import { f as focusTemplateFactory } from '../shared/focus2.js';
-import '../shared/index2.js';
 import { s as slotted } from '../shared/slotted.js';
 import { c as classNames } from '../shared/class-names.js';
-import '../shared/focus.js';
 import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/when.js';
+import '../shared/affix.js';
 import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
@@ -21,7 +17,6 @@ import '../shared/key-codes2.js';
 import '../shared/key-codes.js';
 import '../shared/strings.js';
 import '../shared/numbers.js';
-import '../locales/en-US.js';
 
 const getClasses = ({ appearance, shape, disabled, orientation }) => classNames(
   "base",
@@ -30,8 +25,7 @@ const getClasses = ({ appearance, shape, disabled, orientation }) => classNames(
   [`shape-${shape}`, Boolean(shape) && orientation === "horizontal"],
   [`orientation-${orientation}`, Boolean(orientation)]
 );
-const ListboxTemplate = (context) => {
-  const focusTemplate = focusTemplateFactory(context);
+const ListboxTemplate = () => {
   return html`
 <template
 	aria-activedescendant="${(x) => x.ariaActiveDescendant}"
@@ -48,8 +42,6 @@ const ListboxTemplate = (context) => {
 	<div
 		class="${getClasses}"
 	>
-		${() => focusTemplate}
-
 		<slot
 			${slotted({
     filter: ListboxElement.slottedOptionFilter,
@@ -62,14 +54,14 @@ const ListboxTemplate = (context) => {
 	`;
 };
 
-const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{position:relative;display:inline-flex;box-sizing:border-box;padding:4px;background-color:var(--_appearance-color-fill);border-radius:var(--_listbox-border-radius);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.focus-indicator{pointer-events:none}:host(:not(:focus-within)) .focus-indicator{display:none}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
+const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{display:inline-flex;box-sizing:border-box;padding:4px;background-color:var(--_appearance-color-fill);border-radius:var(--_listbox-border-radius);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
 
 const listboxDefinition = Listbox.compose({
   baseName: "listbox",
   template: ListboxTemplate,
   styles
 });
-const listboxRegistries = [listboxDefinition(), ...listboxOptionRegistries, ...focusRegistries];
+const listboxRegistries = [listboxDefinition(), ...listboxOptionRegistries];
 const registerListbox = registerFactory(listboxRegistries);
 
 registerListbox();

package/menu/index.cjs

@@ -2,15 +2,13 @@
 
 const definition = require('../shared/definition29.cjs');
 require('../shared/index.cjs');
-require('../shared/definition61.cjs');
+require('../shared/definition60.cjs');
 require('../shared/definition11.cjs');
 require('../shared/definition26.cjs');
 require('../shared/icon.cjs');
 require('../shared/_has.cjs');
 require('../shared/class-names.cjs');
 require('../shared/when.cjs');
-require('../shared/definition59.cjs');
-require('../shared/focus.cjs');
 require('../shared/definition37.cjs');
 require('../shared/base-progress.cjs');
 require('../shared/affix.cjs');
@@ -23,7 +21,7 @@ require('../shared/aria-global.cjs');
 require('../shared/start-end.cjs');
 require('../shared/ref.cjs');
 require('../shared/enums.cjs');
-require('../shared/definition60.cjs');
+require('../shared/definition59.cjs');
 require('../shared/definition28.cjs');
 require('../shared/direction.cjs');
 require('../shared/anchored.cjs');

package/menu/index.js

@@ -1,14 +1,12 @@
 import { r as registerMenu } from '../shared/definition29.js';
 import '../shared/index.js';
-import '../shared/definition61.js';
+import '../shared/definition60.js';
 import '../shared/definition11.js';
 import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition59.js';
-import '../shared/focus.js';
 import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
@@ -21,7 +19,7 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/enums.js';
-import '../shared/definition60.js';
+import '../shared/definition59.js';
 import '../shared/definition28.js';
 import '../shared/direction.js';
 import '../shared/anchored.js';

package/menu-item/index.cjs

@@ -7,8 +7,6 @@ require('../shared/icon.cjs');
 require('../shared/_has.cjs');
 require('../shared/class-names.cjs');
 require('../shared/when.cjs');
-require('../shared/definition59.cjs');
-require('../shared/focus.cjs');
 require('../shared/affix.cjs');
 require('../shared/slotted.cjs');
 require('../shared/apply-mixins.cjs');

package/menu-item/index.js

@@ -5,8 +5,6 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition59.js';
-import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';
 import '../shared/apply-mixins.js';

package/nav-disclosure/index.cjs

@@ -7,8 +7,6 @@ require('../shared/icon.cjs');
 require('../shared/_has.cjs');
 require('../shared/class-names.cjs');
 require('../shared/when.cjs');
-require('../shared/definition59.cjs');
-require('../shared/focus.cjs');
 require('../shared/affix.cjs');
 require('../shared/slotted.cjs');
 require('../shared/apply-mixins.cjs');

package/nav-disclosure/index.js

@@ -5,8 +5,6 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition59.js';
-import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';
 import '../shared/apply-mixins.js';