@vonage/vivid 5.17.0 → 5.19.0

package/lib/country-group/country-group.template.d.ts

@@ -0,0 +1,3 @@
+import { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
+import { CountryGroup } from './country-group';
+export declare const CountryGroupTemplate: (context: VividElementDefinitionContext) => import('@microsoft/fast-element').ViewTemplate<CountryGroup, any>;

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

@@ -0,0 +1,3 @@
+import { CountryGroup } from './country-group';
+export declare const registerCountryGroup: (prefix?: string) => void;
+export { CountryGroup as VwcCountryGroupElement };

package/lib/country-group/index.d.ts

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

package/lib/country-group/locale.d.ts

@@ -0,0 +1,3 @@
+export interface CountryGroupLocale {
+    ariaLabelPrefix: string;
+}

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

@@ -48,6 +48,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -973,6 +974,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _onTextFieldInput(event: Event): void;
     _isPresentationValueInvalid(): boolean;
     _onClearClick(): void;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -1927,6 +1929,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -2880,6 +2883,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;

package/lib/date-range-picker/date-range-picker.d.ts

@@ -49,6 +49,7 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -1002,6 +1003,7 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;

package/lib/date-time-picker/date-time-picker.d.ts

@@ -35,6 +35,7 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _onTextFieldInput: ((event: Event) => void) & ((event: Event) => void);
     _isPresentationValueInvalid(): boolean;
     _onClearClick: (() => void) & (() => void);
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -985,6 +986,7 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -1910,6 +1912,7 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _onTextFieldInput(event: Event): void;
     _isPresentationValueInvalid(): boolean;
     _onClearClick(): void;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -2860,6 +2863,7 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _onMonthKeydown(month: import('../../shared/datetime/month').Month, event: KeyboardEvent): boolean;
     _onMonthFocus(month: import('../../shared/datetime/month').Month): void;
     get _tabbableMonth(): import('../../shared/datetime/month').Month | null;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;

package/lib/flag/definition.d.ts

@@ -0,0 +1,3 @@
+import { Flag } from './flag';
+export declare const registerFlag: (prefix?: string) => void;
+export { Flag as VwcFlagElement };

package/lib/flag/flag.d.ts

@@ -0,0 +1,8 @@
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class Flag extends VividElement {
+    #private;
+    code?: string;
+    label?: string;
+    size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;
+}
+export { Flag as VwcFlagElement };

package/lib/flag/flag.template.d.ts

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

package/lib/flag/index.d.ts

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

package/lib/icon/icon.d.ts

@@ -1,7 +1,6 @@
-import { Connotation } from '../enums';
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 import { ExtractFromEnum } from '../../shared/utils/enums';
-export declare const resolveIcon: (iconId: string | undefined, signal: AbortSignal) => Promise<string>;
+import { Connotation } from '../enums';
 export type IconConnotation = ExtractFromEnum<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information | Connotation.Announcement>;
 export declare class Icon extends VividElement {
     #private;

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

@@ -423,7 +423,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/delegate-aria-behavior').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').BoundAriaProperties<unknown>) => import('@microsoft/fast-element').ViewTemplate<T, any>;
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;

package/lib/rich-text-editor/rte/utils/ui.d.ts

@@ -49,7 +49,7 @@ export declare const createOptionalTooltip: (ctx: UiCtx, props: {
     slot?: string;
 }) => HTMLDivElement;
 export declare const createButton: (ctx: UiCtx, props: {
-    variant?: Prop<"toolbar" | "popover" | "popover-primary">;
+    variant?: Prop<"toolbar" | "toolbar-menu" | "popover" | "popover-primary">;
     label: Prop<string>;
     icon?: Prop<string>;
     noTooltip?: boolean;
@@ -72,6 +72,7 @@ export declare const createMenuItem: (ctx: UiCtx, props: {
     onSelect: () => void;
 }) => MenuItem;
 export declare const createButtonGroup: (ctx: UiCtx, props: {
+    slot?: string;
     children: Array<Node>;
 }) => HTMLDivElement;
 export declare const createMarkToggle: (ctx: UiCtx, props: {

package/lib/searchable-select/option-tag.d.ts

@@ -1,8 +1,9 @@
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-import { Connotation, Shape } from '../enums';
+import { Connotation, Shape, Size } from '../enums';
 import { ExtractFromEnum } from '../../shared/utils/enums';
 export type OptionTagShape = ExtractFromEnum<Shape, Shape.Rounded | Shape.Pill>;
 export type OptionTagConnotation = ExtractFromEnum<Connotation, Connotation.Accent | Connotation.CTA>;
+export type OptionTagSize = ExtractFromEnum<Size, Size.Condensed | Size.Normal>;
 declare const OptionTag_base: {
     new (...args: any[]): {
         get locale(): import('../../shared/localization/Locale').Locale;
@@ -419,5 +420,6 @@ export declare class OptionTag extends OptionTag_base {
     removable: boolean;
     disabled: boolean;
     hasIconPlaceholder: boolean;
+    scale?: OptionTagSize;
 }
 export {};

package/lib/searchable-select/searchable-select.d.ts

@@ -1,9 +1,10 @@
-import { Appearance, Shape } from '../enums';
+import { Appearance, Shape, Size } from '../enums';
 import { ListboxOption } from '../option/option';
 import { ExtractFromEnum } from '../../shared/utils/enums';
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 export type SearchableSelectAppearance = ExtractFromEnum<Appearance, Appearance.Fieldset | Appearance.Ghost>;
 export type SearchableSelectShape = ExtractFromEnum<Shape, Shape.Rounded | Shape.Pill>;
+export type SearchableSelectSize = ExtractFromEnum<Size, Size.Condensed | Size.Normal>;
 declare const SearchableSelect_base: {
     new (...args: any[]): {
         _contextualHelpSlottedContent?: HTMLElement[];
@@ -3847,6 +3848,7 @@ export declare class SearchableSelect extends SearchableSelect_base {
     #private;
     appearance?: SearchableSelectAppearance;
     shape?: SearchableSelectShape;
+    scale?: SearchableSelectSize;
     fixedDropdown: boolean;
     placeholder: string | undefined;
     open: boolean;

package/lib/tag-name-map.d.ts

@@ -1,4 +1,4 @@
-import { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcCountryElement, VwcDataGridCellElement, VwcDataGridElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialogElement, VwcDialPadElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcHeaderElement, VwcIconElement, VwcLayoutElement, VwcMenuElement, VwcMenuItemElement, VwcNavDisclosureElement, VwcNavElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptionElement, VwcPaginationElement, VwcPopoverElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcRichTextViewElement, VwcSearchableSelectElement, VwcSelectableBoxElement, VwcSelectElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcStatusElement, VwcSwitchElement, VwcTabElement, VwcTableBodyElement, VwcTableCellElement, VwcTableElement, VwcTableHeadElement, VwcTableHeaderCellElement, VwcTableRowElement, VwcTabPanelElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement } from './components';
+import { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcCountryElement, VwcCountryGroupElement, VwcDataGridCellElement, VwcDataGridElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialogElement, VwcDialPadElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcHeaderElement, VwcIconElement, VwcLayoutElement, VwcMenuElement, VwcMenuItemElement, VwcNavDisclosureElement, VwcNavElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptionElement, VwcPaginationElement, VwcPopoverElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcRichTextViewElement, VwcSearchableSelectElement, VwcSelectableBoxElement, VwcSelectElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcStatusElement, VwcSwitchElement, VwcTabElement, VwcTableBodyElement, VwcTableCellElement, VwcTableElement, VwcTableHeadElement, VwcTableHeaderCellElement, VwcTableRowElement, VwcTabPanelElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement } from './components';
 type DefaultVividTagNameMap = {
     'vwc-accordion': VwcAccordionElement;
     'vwc-accordion-item': VwcAccordionItemElement;
@@ -19,6 +19,7 @@ type DefaultVividTagNameMap = {
     'vwc-contextual-help': VwcContextualHelpElement;
     'vwc-combobox': VwcComboboxElement;
     'vwc-country': VwcCountryElement;
+    'vwc-country-group': VwcCountryGroupElement;
     'vwc-data-grid-cell': VwcDataGridCellElement;
     'vwc-data-grid': VwcDataGridElement;
     'vwc-data-grid-row': VwcDataGridRowElement;

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

@@ -36,6 +36,7 @@ declare const TimePicker_base: (abstract new (...args: any[]) => {
     _onTextFieldInput: ((event: Event) => void) & ((event: Event) => void);
     _isPresentationValueInvalid(): boolean;
     _onClearClick: (() => void) & (() => void);
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;
@@ -950,6 +951,7 @@ declare const TimePicker_base: (abstract new (...args: any[]) => {
     _onTextFieldInput(event: Event): void;
     _isPresentationValueInvalid(): boolean;
     _onClearClick(): void;
+    scale?: import('../text-field/text-field').TextFieldSize;
     readOnly: boolean;
     readOnlyChanged(): void;
     _textFieldEl: import('../components').VwcTextFieldElement;

package/locales/de-DE.cjs

@@ -1,6 +1,6 @@
 const require_chunk = require("../unbundled/chunk.cjs");
 let video_js_dist_lang_de_json = require("video.js/dist/lang/de.json");
-video_js_dist_lang_de_json = require_chunk.__toESM(video_js_dist_lang_de_json);
+video_js_dist_lang_de_json = require_chunk.__toESM(video_js_dist_lang_de_json, 1);
 //#region src/locales/de-DE.ts
 var deDE = {
 	lang: "de-DE",
@@ -151,6 +151,7 @@ var deDE = {
 	},
 	tab: { dismissButtonLabel: "Drücken Sie die ENTF-Taste, um diese Registerkarte zu schließen" },
 	select: { clearButtonLabel: "Auswahl löschen" },
+	countryGroup: { ariaLabelPrefix: "Länder:" },
 	searchableSelect: {
 		clearButtonLabel: "Auswahl löschen",
 		noOptionsMessage: "Keine Optionen",

package/locales/de-DE.js

@@ -149,6 +149,7 @@ var deDE = {
 	},
 	tab: { dismissButtonLabel: "Drücken Sie die ENTF-Taste, um diese Registerkarte zu schließen" },
 	select: { clearButtonLabel: "Auswahl löschen" },
+	countryGroup: { ariaLabelPrefix: "Länder:" },
 	searchableSelect: {
 		clearButtonLabel: "Auswahl löschen",
 		noOptionsMessage: "Keine Optionen",

package/locales/en-GB.cjs

@@ -1,6 +1,6 @@
 const require_chunk = require("../unbundled/chunk.cjs");
 let video_js_dist_lang_en_GB_json = require("video.js/dist/lang/en-GB.json");
-video_js_dist_lang_en_GB_json = require_chunk.__toESM(video_js_dist_lang_en_GB_json);
+video_js_dist_lang_en_GB_json = require_chunk.__toESM(video_js_dist_lang_en_GB_json, 1);
 //#region src/locales/en-GB.ts
 var enGB = {
 	lang: "en-GB",
@@ -151,6 +151,7 @@ var enGB = {
 	},
 	tab: { dismissButtonLabel: "Press the DELETE key to close this tab" },
 	select: { clearButtonLabel: "Clear selection" },
+	countryGroup: { ariaLabelPrefix: "Countries:" },
 	searchableSelect: {
 		clearButtonLabel: "Clear selection",
 		noOptionsMessage: "No options",

package/locales/en-GB.js

@@ -149,6 +149,7 @@ var enGB = {
 	},
 	tab: { dismissButtonLabel: "Press the DELETE key to close this tab" },
 	select: { clearButtonLabel: "Clear selection" },
+	countryGroup: { ariaLabelPrefix: "Countries:" },
 	searchableSelect: {
 		clearButtonLabel: "Clear selection",
 		noOptionsMessage: "No options",

package/locales/en-US.cjs

@@ -1,6 +1,6 @@
 const require_chunk = require("../unbundled/chunk.cjs");
 let video_js_dist_lang_en_json = require("video.js/dist/lang/en.json");
-video_js_dist_lang_en_json = require_chunk.__toESM(video_js_dist_lang_en_json);
+video_js_dist_lang_en_json = require_chunk.__toESM(video_js_dist_lang_en_json, 1);
 //#region src/locales/en-US.ts
 var enUS = {
 	lang: "en-US",
@@ -151,6 +151,7 @@ var enUS = {
 	},
 	tab: { dismissButtonLabel: "Press the DELETE key to close this tab" },
 	select: { clearButtonLabel: "Clear selection" },
+	countryGroup: { ariaLabelPrefix: "Countries:" },
 	searchableSelect: {
 		clearButtonLabel: "Clear selection",
 		noOptionsMessage: "No options",

package/locales/en-US.js

@@ -149,6 +149,7 @@ var enUS = {
 	},
 	tab: { dismissButtonLabel: "Press the DELETE key to close this tab" },
 	select: { clearButtonLabel: "Clear selection" },
+	countryGroup: { ariaLabelPrefix: "Countries:" },
 	searchableSelect: {
 		clearButtonLabel: "Clear selection",
 		noOptionsMessage: "No options",

package/locales/ja-JP.cjs

@@ -1,6 +1,6 @@
 const require_chunk = require("../unbundled/chunk.cjs");
 let video_js_dist_lang_ja_json = require("video.js/dist/lang/ja.json");
-video_js_dist_lang_ja_json = require_chunk.__toESM(video_js_dist_lang_ja_json);
+video_js_dist_lang_ja_json = require_chunk.__toESM(video_js_dist_lang_ja_json, 1);
 //#region src/locales/ja-JP.ts
 var jaJP = {
 	lang: "ja-JP",
@@ -151,6 +151,7 @@ var jaJP = {
 	},
 	tab: { dismissButtonLabel: "このタブを閉じるにはDELETEキーを押してください" },
 	select: { clearButtonLabel: "選択をクリア" },
+	countryGroup: { ariaLabelPrefix: "国:" },
 	searchableSelect: {
 		clearButtonLabel: "選択をクリア",
 		noOptionsMessage: "オプションがありません",

package/locales/ja-JP.js

@@ -149,6 +149,7 @@ var jaJP = {
 	},
 	tab: { dismissButtonLabel: "このタブを閉じるにはDELETEキーを押してください" },
 	select: { clearButtonLabel: "選択をクリア" },
+	countryGroup: { ariaLabelPrefix: "国:" },
 	searchableSelect: {
 		clearButtonLabel: "選択をクリア",
 		noOptionsMessage: "オプションがありません",

package/locales/zh-CN.cjs

@@ -1,6 +1,6 @@
 const require_chunk = require("../unbundled/chunk.cjs");
 let video_js_dist_lang_zh_CN_json = require("video.js/dist/lang/zh-CN.json");
-video_js_dist_lang_zh_CN_json = require_chunk.__toESM(video_js_dist_lang_zh_CN_json);
+video_js_dist_lang_zh_CN_json = require_chunk.__toESM(video_js_dist_lang_zh_CN_json, 1);
 //#region src/locales/zh-CN.ts
 var zhCN = {
 	lang: "zh-CN",
@@ -151,6 +151,7 @@ var zhCN = {
 	},
 	tab: { dismissButtonLabel: "按 DELETE 键关闭此选项卡" },
 	select: { clearButtonLabel: "清除选择" },
+	countryGroup: { ariaLabelPrefix: "国家" },
 	searchableSelect: {
 		clearButtonLabel: "清除选择",
 		noOptionsMessage: "没有选项",

package/locales/zh-CN.js

@@ -149,6 +149,7 @@ var zhCN = {
 	},
 	tab: { dismissButtonLabel: "按 DELETE 键关闭此选项卡" },
 	select: { clearButtonLabel: "清除选择" },
+	countryGroup: { ariaLabelPrefix: "国家" },
 	searchableSelect: {
 		clearButtonLabel: "清除选择",
 		noOptionsMessage: "没有选项",

package/menu/definition.cjs

@@ -1,6 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition13.cjs");
-exports.VwcMenuElement = require_definition$1.Menu;
-exports.menuDefinition = require_definition$1.menuDefinition;
-exports.registerMenu = require_definition$1.registerMenu;
+const require_definition = require("../unbundled/definition13.cjs");
+exports.VwcMenuElement = require_definition.Menu;
+exports.menuDefinition = require_definition.menuDefinition;
+exports.registerMenu = require_definition.registerMenu;

package/menu/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/definition2.js";
 import { n as registerMenu, r as Menu, t as menuDefinition } from "../unbundled/definition13.js";
 export { Menu as VwcMenuElement, menuDefinition, registerMenu };

package/menu/index.cjs

@@ -1 +1 @@
-require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition21.cjs`).n();
+require(`../bundled/definition21.cjs`).n();

package/menu/index.js

@@ -1,5 +1,3 @@
-import "../bundled/vivid-element.js";
-import "../bundled/definition2.js";
 import { n as e } from "../bundled/definition21.js";
 //#region src/lib/menu/index.ts
 e();

package/menu-item/definition.cjs

@@ -1,7 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition12.cjs");
-exports.MenuItemRole = require_definition$1.MenuItemRole;
-exports.VwcMenuItemElement = require_definition$1.MenuItem;
-exports.menuItemDefinition = require_definition$1.menuItemDefinition;
-exports.registerMenuItem = require_definition$1.registerMenuItem;
+const require_definition = require("../unbundled/definition12.cjs");
+exports.MenuItemRole = require_definition.MenuItemRole;
+exports.VwcMenuItemElement = require_definition.MenuItem;
+exports.menuItemDefinition = require_definition.menuItemDefinition;
+exports.registerMenuItem = require_definition.registerMenuItem;

package/menu-item/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/definition2.js";
 import { a as MenuItemRole, i as MenuItem, n as registerMenuItem, t as menuItemDefinition } from "../unbundled/definition12.js";
 export { MenuItemRole, MenuItem as VwcMenuItemElement, menuItemDefinition, registerMenuItem };

package/menu-item/index.cjs

@@ -1 +1 @@
-require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition20.cjs`).n();
+require(`../bundled/definition20.cjs`).n();

package/menu-item/index.js

@@ -1,5 +1,3 @@
-import "../bundled/vivid-element.js";
-import "../bundled/definition2.js";
 import { n as e } from "../bundled/definition20.js";
 //#region src/lib/menu-item/index.ts
 e();

package/nav/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition47.cjs");
+const require_definition = require("../unbundled/definition49.cjs");
 exports.VwcNavElement = require_definition.Nav;
 exports.navDefinition = require_definition.navDefinition;
 exports.registerNav = require_definition.registerNav;

package/nav/definition.js

@@ -1,2 +1,2 @@
-import { n as registerNav, r as Nav, t as navDefinition } from "../unbundled/definition47.js";
+import { n as registerNav, r as Nav, t as navDefinition } from "../unbundled/definition49.js";
 export { Nav as VwcNavElement, navDefinition, registerNav };

package/nav/index.cjs

@@ -1,5 +1,5 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/delegates-aria.cjs`);var n=`nav{flex-direction:column;gap:4px;display:flex}`,r=class extends t.t(e.t){},i=e.d`
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/delegates-aria.cjs`);var n=`nav{flex-direction:column;gap:4px;display:flex}`,r=class extends t.t(e.t){},i=e.f`
 	<nav ${t.n()}>
 		<slot></slot>
 	</nav>
-`,a=e.o(`nav`,r,i,[],{styles:n});e.s(a)();
+`,a=e.s(`nav`,r,i,[],{styles:n});e.c(a)();

package/nav/index.js

@@ -1,8 +1,8 @@
-import { d as e, o as t, s as n, t as r } from "../bundled/vivid-element.js";
+import { c as e, f as t, s as n, t as r } from "../bundled/vivid-element.js";
 import { n as i, t as a } from "../bundled/delegates-aria.js";
 //#endregion
 //#region src/lib/nav/index.ts
-n(t("nav", class extends a(r) {}, e`
+e(n("nav", class extends a(r) {}, t`
 	<nav ${i()}>
 		<slot></slot>
 	</nav>

package/nav-disclosure/definition.cjs

@@ -1,6 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition45.cjs");
-exports.VwcNavDisclosureElement = require_definition$1.NavDisclosure;
-exports.navDisclosureDefinition = require_definition$1.navDisclosureDefinition;
-exports.registerNavDisclosure = require_definition$1.registerNavDisclosure;
+const require_definition = require("../unbundled/definition47.cjs");
+exports.VwcNavDisclosureElement = require_definition.NavDisclosure;
+exports.navDisclosureDefinition = require_definition.navDisclosureDefinition;
+exports.registerNavDisclosure = require_definition.registerNavDisclosure;

package/nav-disclosure/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/definition2.js";
-import { n as registerNavDisclosure, r as NavDisclosure, t as navDisclosureDefinition } from "../unbundled/definition45.js";
+import { n as registerNavDisclosure, r as NavDisclosure, t as navDisclosureDefinition } from "../unbundled/definition47.js";
 export { NavDisclosure as VwcNavDisclosureElement, navDisclosureDefinition, registerNavDisclosure };

package/nav-disclosure/index.cjs

@@ -1,9 +1,9 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/affix.cjs`),a=require(`../bundled/delegates-aria.cjs`),o=require(`../bundled/class-names.cjs`);var s=`.control.connotation-cta{--_connotation-color-primary:var(--vvd-nav-disclosure-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-nav-disclosure-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-nav-disclosure-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-contrast:var(--vvd-nav-disclosure-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-fierce:var(--vvd-nav-disclosure-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-fierce-primary:var(--vvd-nav-disclosure-cta-fierce-primary,var(--vvd-color-cta-700));--_connotation-color-faint:var(--vvd-nav-disclosure-cta-faint,var(--vvd-color-cta-50));--_connotation-color-firm:var(--vvd-nav-disclosure-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-nav-disclosure-cta-soft,var(--vvd-color-cta-100))}.control:not(.connotation-cta){--_connotation-color-primary:var(--vvd-nav-disclosure-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-nav-disclosure-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-nav-disclosure-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-contrast:var(--vvd-nav-disclosure-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-fierce:var(--vvd-nav-disclosure-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-fierce-primary:var(--vvd-nav-disclosure-accent-fierce-primary,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-nav-disclosure-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-firm:var(--vvd-nav-disclosure-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-nav-disclosure-accent-soft,var(--vvd-color-neutral-100))}.control,.control.appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:transparent}.control.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.control.selected:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-firm), transparent 10%);--_appearance-color-outline:transparent}@media (hover:hover){.control.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}.control.selected:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-fierce-primary), transparent 20%);--_appearance-color-outline:transparent}}.control.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}.control.selected.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-fierce-primary), transparent 20%);--_appearance-color-outline:transparent}.control{box-sizing:border-box;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);cursor:pointer;font:var(--vvd-typography-base);hyphens:auto;inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));vertical-align:middle;border-radius:8px;align-items:center;gap:12px;padding-block:10px;padding-inline:16px;text-decoration:none;display:flex}.control.current-closed{color:var(--_appearance-color-text)}@supports not (color:color-mix(in srgb, var(--one-color), var(--second-color))){.control.current-closed{background-color:var(--_connotation-color-primary)}}.control:not(.current-closed){color:var(--vvd-color-canvas-text);--focus-stroke-gap-color:transparent}.control:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}@supports (user-select:none){.control{user-select:none}}.control .toggleIcon{margin-inline-start:auto}slot[name=icon]{font-size:20px;line-height:1}.content{border-inline-start:1px solid var(--vvd-color-neutral-200);flex-direction:column;gap:4px;margin-block:4px;margin-inline-start:20px;padding-inline-start:12px;display:flex}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}`,c=class extends i.t(a.t(e.t)){constructor(...e){super(...e),this.open=!1,this.current=!1}connectedCallback(){super.connectedCallback(),this.details.addEventListener(`toggle`,this.#e),this.details.open=this.open}disconnectedCallback(){super.disconnectedCallback(),this.details.removeEventListener(`toggle`,this.#e)}#e=()=>{this.open=this.details.open,this.$emit(`toggle`,void 0,{bubbles:!1})}};r.t([e.l],c.prototype,`label`,void 0),r.t([e.l],c.prototype,`appearance`,void 0),r.t([e.l],c.prototype,`connotation`,void 0),r.t([e.l({mode:`boolean`})],c.prototype,`open`,void 0),r.t([e.n({deprecatedPropertyName:`ariaCurrent`,fromDeprecated:e=>!!e,toDeprecated:e=>e?`true`:null}),e.l({attribute:`current`,mode:`boolean`})],c.prototype,`current`,void 0);var l=({appearance:e,connotation:t,current:n,open:r})=>o.t(`control`,[`appearance-${e}`,!!e],[`connotation-${t}`,!!t],[`current-closed selected`,!!n&&!r]),u=e.o(`nav-disclosure`,c,r=>{let o=i.a(r),s=r.tagFor(n.r);return e.d`<details class="base" ${t.t(`details`)} ?open=${e=>e.open}>
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition2.cjs`),i=require(`../bundled/affix.cjs`),a=require(`../bundled/class-names.cjs`),o=require(`../bundled/delegates-aria.cjs`);var s=`.control.connotation-cta{--_connotation-color-primary:var(--vvd-nav-disclosure-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-nav-disclosure-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-nav-disclosure-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-contrast:var(--vvd-nav-disclosure-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-fierce:var(--vvd-nav-disclosure-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-fierce-primary:var(--vvd-nav-disclosure-cta-fierce-primary,var(--vvd-color-cta-700));--_connotation-color-faint:var(--vvd-nav-disclosure-cta-faint,var(--vvd-color-cta-50));--_connotation-color-firm:var(--vvd-nav-disclosure-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-nav-disclosure-cta-soft,var(--vvd-color-cta-100))}.control:not(.connotation-cta){--_connotation-color-primary:var(--vvd-nav-disclosure-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-nav-disclosure-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-nav-disclosure-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-contrast:var(--vvd-nav-disclosure-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-fierce:var(--vvd-nav-disclosure-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-fierce-primary:var(--vvd-nav-disclosure-accent-fierce-primary,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-nav-disclosure-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-firm:var(--vvd-nav-disclosure-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-nav-disclosure-accent-soft,var(--vvd-color-neutral-100))}.control,.control.appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:transparent}.control.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.control.selected:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-firm), transparent 10%);--_appearance-color-outline:transparent}@media (hover:hover){.control.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}.control.selected:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-fierce-primary), transparent 20%);--_appearance-color-outline:transparent}}.control.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}.control.selected.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-fierce-primary), transparent 20%);--_appearance-color-outline:transparent}.control{box-sizing:border-box;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);cursor:pointer;font:var(--vvd-typography-base);hyphens:auto;inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));vertical-align:middle;border-radius:8px;align-items:center;gap:12px;padding-block:10px;padding-inline:16px;text-decoration:none;display:flex}.control.current-closed{color:var(--_appearance-color-text)}@supports not (color:color-mix(in srgb, var(--one-color), var(--second-color))){.control.current-closed{background-color:var(--_connotation-color-primary)}}.control:not(.current-closed){color:var(--vvd-color-canvas-text);--focus-stroke-gap-color:transparent}.control:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}@supports (user-select:none){.control{user-select:none}}.control .toggleIcon{margin-inline-start:auto}slot[name=icon]{font-size:20px;line-height:1}.content{border-inline-start:1px solid var(--vvd-color-neutral-200);flex-direction:column;gap:4px;margin-block:4px;margin-inline-start:20px;padding-inline-start:12px;display:flex}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}`,c=class extends i.t(o.t(e.t)){constructor(...e){super(...e),this.open=!1,this.current=!1,this.#e=()=>{this.open=this.details.open,this.$emit(`toggle`,void 0,{bubbles:!1})}}connectedCallback(){super.connectedCallback(),this.details.addEventListener(`toggle`,this.#e),this.details.open=this.open}disconnectedCallback(){super.disconnectedCallback(),this.details.removeEventListener(`toggle`,this.#e)}#e};n.t([e.u],c.prototype,`label`,void 0),n.t([e.u],c.prototype,`appearance`,void 0),n.t([e.u],c.prototype,`connotation`,void 0),n.t([e.u({mode:`boolean`})],c.prototype,`open`,void 0),n.t([e.n({deprecatedPropertyName:`ariaCurrent`,fromDeprecated:e=>!!e,toDeprecated:e=>e?`true`:null}),e.u({attribute:`current`,mode:`boolean`})],c.prototype,`current`,void 0);var l=({appearance:e,connotation:t,current:n,open:r})=>a.t(`control`,[`appearance-${e}`,!!e],[`connotation-${t}`,!!t],[`current-closed selected`,!!n&&!r]),u=e.s(`nav-disclosure`,c,n=>{let a=i.a(n),s=n.tagFor(r.r);return e.f`<details class="base" ${t.t(`details`)} ?open=${e=>e.open}>
 		<summary class="${l}"
 			aria-controls="disclosure-content"
-			${a.n({role:`button`,ariaExpanded:e=>e.open,ariaCurrent:e=>e.open?null:e.current||e.ariaCurrent?`true`:null})}
+			${o.n({role:`button`,ariaExpanded:e=>e.open,ariaCurrent:e=>e.open?null:e.current||e.ariaCurrent?`true`:null})}
 		>
-			${e=>o(e.icon,i.i.Slot)}
+			${e=>a(e.icon,i.i.Slot)}
 			${e=>e.label}
 			<slot name="meta"></slot>
 			<${s} class="toggleIcon" name=${e=>e.open?`chevron-up-line`:`chevron-down-line`}
@@ -13,4 +13,4 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),
 			<slot></slot>
 		</div>
 	</details>
-	`},[n.t],{styles:s});e.s(u)();
+	`},[r.t],{styles:s});e.c(u)();