@vonage/vivid 5.17.0 → 5.18.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/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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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,6 @@
 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;
+require("../unbundled/numberConverter.cjs");
+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,3 @@
-import "../unbundled/definition2.js";
+import "../unbundled/numberConverter.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/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition21.cjs`).n();

package/menu/index.js

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

package/menu-item/definition.cjs

@@ -1,7 +1,7 @@
 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;
+require("../unbundled/numberConverter.cjs");
+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,3 @@
-import "../unbundled/definition2.js";
+import "../unbundled/numberConverter.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/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition20.cjs`).n();

package/menu-item/index.js

@@ -1,5 +1,5 @@
 import "../bundled/vivid-element.js";
-import "../bundled/definition2.js";
+import "../bundled/numberConverter.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-disclosure/definition.cjs

@@ -1,6 +1,6 @@
 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;
+require("../unbundled/numberConverter.cjs");
+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,3 @@
-import "../unbundled/definition2.js";
-import { n as registerNavDisclosure, r as NavDisclosure, t as navDisclosureDefinition } from "../unbundled/definition45.js";
+import "../unbundled/numberConverter.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,4 +1,4 @@
-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`);require(`../bundled/numberConverter.cjs`);const n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition2.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})}};n.t([e.l],c.prototype,`label`,void 0),n.t([e.l],c.prototype,`appearance`,void 0),n.t([e.l],c.prototype,`connotation`,void 0),n.t([e.l({mode:`boolean`})],c.prototype,`open`,void 0),n.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,n=>{let o=i.a(n),s=n.tagFor(r.r);return e.d`<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})}
@@ -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.s(u)();

package/nav-disclosure/index.js

@@ -1,7 +1,8 @@
 import { d as e, l as t, n, o as r, s as i, t as a } from "../bundled/vivid-element.js";
 import { t as o } from "../bundled/ref.js";
-import { r as s, t as c } from "../bundled/definition2.js";
-import { t as l } from "../bundled/decorate.js";
+import "../bundled/numberConverter.js";
+import { t as s } from "../bundled/decorate.js";
+import { r as c, t as l } from "../bundled/definition2.js";
 import { a as u, i as d, t as f } from "../bundled/affix.js";
 import { n as p, t as m } from "../bundled/delegates-aria.js";
 import { t as h } from "../bundled/class-names.js";
@@ -20,7 +21,7 @@ var g = ".control.connotation-cta{--_connotation-color-primary:var(--vvd-nav-dis
 		this.open = this.details.open, this.$emit("toggle", void 0, { bubbles: !1 });
 	};
 };
-l([t], _.prototype, "label", void 0), l([t], _.prototype, "appearance", void 0), l([t], _.prototype, "connotation", void 0), l([t({ mode: "boolean" })], _.prototype, "open", void 0), l([n({
+s([t], _.prototype, "label", void 0), s([t], _.prototype, "appearance", void 0), s([t], _.prototype, "connotation", void 0), s([t({ mode: "boolean" })], _.prototype, "open", void 0), s([n({
 	deprecatedPropertyName: "ariaCurrent",
 	fromDeprecated: (e) => !!e,
 	toDeprecated: (e) => e ? "true" : null
@@ -34,7 +35,7 @@ var v = ({ appearance: e, connotation: t, current: n, open: r }) => h("control",
 //#endregion
 //#region src/lib/nav-disclosure/index.ts
 i(r("nav-disclosure", _, (t) => {
-	let n = u(t), r = t.tagFor(s);
+	let n = u(t), r = t.tagFor(c);
 	return e`<details class="base" ${o("details")} ?open=${(e) => e.open}>
 		<summary class="${v}"
 			aria-controls="disclosure-content"
@@ -55,5 +56,5 @@ i(r("nav-disclosure", _, (t) => {
 		</div>
 	</details>
 	`;
-}, [c], { styles: g }))();
+}, [l], { styles: g }))();
 //#endregion

package/nav-item/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition46.cjs");
-exports.VwcNavItemElement = require_definition$1.NavItem;
-exports.navItemDefinition = require_definition$1.navItemDefinition;
-exports.registerNavItem = require_definition$1.registerNavItem;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition48.cjs");
+exports.VwcNavItemElement = require_definition.NavItem;
+exports.navItemDefinition = require_definition.navItemDefinition;
+exports.registerNavItem = require_definition.registerNavItem;

package/nav-item/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as registerNavItem, r as NavItem, t as navItemDefinition } from "../unbundled/definition46.js";
+import "../unbundled/numberConverter.js";
+import { n as registerNavItem, r as NavItem, t as navItemDefinition } from "../unbundled/definition48.js";
 export { NavItem as VwcNavItemElement, navItemDefinition, registerNavItem };

package/nav-item/index.cjs

@@ -1,2 +1,2 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition2.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/affix.cjs`),i=require(`../bundled/linkable.cjs`),a=require(`../bundled/class-names.cjs`);var o=`.control{box-sizing:border-box;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);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;text-decoration:none;display:inline-flex}.control.current{color:var(--_appearance-color-text)}@supports not (color:color-mix(in srgb, var(--one-color), var(--second-color))){.control.current{background-color:var(--_connotation-color-primary)}}.control.current:focus-visible{outline:none;position:relative}.control.current:focus-visible:after{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));border-radius:var(--focus-border-radius,inherit);block-size:calc(100% + var(--focus-block-size-addition,4px));content:"";inline-size:calc(100% + var(--focus-block-size-addition,4px));display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control.connotation-cta{--_connotation-color-primary:var(--vvd-nav-item-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-nav-item-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-nav-item-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-contrast:var(--vvd-nav-item-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-fierce:var(--vvd-nav-item-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-fierce-primary:var(--vvd-nav-item-cta-fierce-primary,var(--vvd-color-cta-700));--_connotation-color-faint:var(--vvd-nav-item-cta-faint,var(--vvd-color-cta-50));--_connotation-color-firm:var(--vvd-nav-item-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-nav-item-cta-soft,var(--vvd-color-cta-100))}.control:not(.connotation-cta){--_connotation-color-primary:var(--vvd-nav-item-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-nav-item-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-nav-item-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-contrast:var(--vvd-nav-item-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-fierce:var(--vvd-nav-item-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-fierce-primary:var(--vvd-nav-item-accent-fierce-primary,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-nav-item-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-firm:var(--vvd-nav-item-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-nav-item-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.icon-only{block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));place-content:center;display:flex}.control:not(.icon-only){padding-block:10px;padding-inline:16px}.control:not(.current){color:var(--vvd-color-canvas-text);--focus-stroke-gap-color:transparent}.control:not(.current):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))}slot[name=icon]{font-size:20px;line-height:1}`,s=class extends r.t(i.t(e.t)){constructor(...e){super(...e),this.current=!1}};n.t([e.l],s.prototype,`text`,void 0),n.t([e.l],s.prototype,`connotation`,void 0),n.t([e.l],s.prototype,`appearance`,void 0),n.t([e.n({deprecatedPropertyName:`ariaCurrent`,fromDeprecated:e=>!!e,toDeprecated:e=>e?`page`:null}),e.l({attribute:`current`,mode:`boolean`})],s.prototype,`current`,void 0);var c=({text:e,connotation:t,appearance:n,current:r})=>a.t(`control`,[`icon-only`,!e],[`connotation-${t}`,!!t],[`appearance-${n}`,!!n],[`current selected`,!!r]),l=e.o(`nav-item`,s,t=>{let n=r.a(t);return e.d`${t=>t._renderLinkElement(e.d`${e=>n(e.icon,r.i.Slot)}
-				${e=>e.text} <slot name="meta"></slot>`,c)}`},[t.t],{styles:o,shadowOptions:{delegatesFocus:!0}});e.s(l)();
+const e=require(`../bundled/vivid-element.cjs`);require(`../bundled/numberConverter.cjs`);const t=require(`../bundled/decorate.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/affix.cjs`),i=require(`../bundled/linkable.cjs`),a=require(`../bundled/class-names.cjs`);var o=`.control{box-sizing:border-box;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);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;text-decoration:none;display:inline-flex}.control.current{color:var(--_appearance-color-text)}@supports not (color:color-mix(in srgb, var(--one-color), var(--second-color))){.control.current{background-color:var(--_connotation-color-primary)}}.control.current:focus-visible{outline:none;position:relative}.control.current:focus-visible:after{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));border-radius:var(--focus-border-radius,inherit);block-size:calc(100% + var(--focus-block-size-addition,4px));content:"";inline-size:calc(100% + var(--focus-block-size-addition,4px));display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control.connotation-cta{--_connotation-color-primary:var(--vvd-nav-item-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-nav-item-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-nav-item-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-contrast:var(--vvd-nav-item-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-fierce:var(--vvd-nav-item-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-fierce-primary:var(--vvd-nav-item-cta-fierce-primary,var(--vvd-color-cta-700));--_connotation-color-faint:var(--vvd-nav-item-cta-faint,var(--vvd-color-cta-50));--_connotation-color-firm:var(--vvd-nav-item-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-nav-item-cta-soft,var(--vvd-color-cta-100))}.control:not(.connotation-cta){--_connotation-color-primary:var(--vvd-nav-item-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-nav-item-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-nav-item-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-contrast:var(--vvd-nav-item-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-fierce:var(--vvd-nav-item-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-fierce-primary:var(--vvd-nav-item-accent-fierce-primary,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-nav-item-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-firm:var(--vvd-nav-item-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-nav-item-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.icon-only{block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));place-content:center;display:flex}.control:not(.icon-only){padding-block:10px;padding-inline:16px}.control:not(.current){color:var(--vvd-color-canvas-text);--focus-stroke-gap-color:transparent}.control:not(.current):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))}slot[name=icon]{font-size:20px;line-height:1}`,s=class extends r.t(i.t(e.t)){constructor(...e){super(...e),this.current=!1}};t.t([e.l],s.prototype,`text`,void 0),t.t([e.l],s.prototype,`connotation`,void 0),t.t([e.l],s.prototype,`appearance`,void 0),t.t([e.n({deprecatedPropertyName:`ariaCurrent`,fromDeprecated:e=>!!e,toDeprecated:e=>e?`page`:null}),e.l({attribute:`current`,mode:`boolean`})],s.prototype,`current`,void 0);var c=({text:e,connotation:t,appearance:n,current:r})=>a.t(`control`,[`icon-only`,!e],[`connotation-${t}`,!!t],[`appearance-${n}`,!!n],[`current selected`,!!r]),l=e.o(`nav-item`,s,t=>{let n=r.a(t);return e.d`${t=>t._renderLinkElement(e.d`${e=>n(e.icon,r.i.Slot)}
+				${e=>e.text} <slot name="meta"></slot>`,c)}`},[n.t],{styles:o,shadowOptions:{delegatesFocus:!0}});e.s(l)();

package/nav-item/index.js

@@ -1,6 +1,7 @@
 import { d as e, l as t, n, o as r, s as i, t as a } from "../bundled/vivid-element.js";
-import { t as o } from "../bundled/definition2.js";
-import { t as s } from "../bundled/decorate.js";
+import "../bundled/numberConverter.js";
+import { t as o } from "../bundled/decorate.js";
+import { t as s } from "../bundled/definition2.js";
 import { a as c, i as l, t as u } from "../bundled/affix.js";
 import { t as d } from "../bundled/linkable.js";
 import { t as f } from "../bundled/class-names.js";
@@ -10,7 +11,7 @@ var p = ".control{box-sizing:border-box;background-color:var(--_appearance-color
 		super(...e), this.current = !1;
 	}
 };
-s([t], m.prototype, "text", void 0), s([t], m.prototype, "connotation", void 0), s([t], m.prototype, "appearance", void 0), s([n({
+o([t], m.prototype, "text", void 0), o([t], m.prototype, "connotation", void 0), o([t], m.prototype, "appearance", void 0), o([n({
 	deprecatedPropertyName: "ariaCurrent",
 	fromDeprecated: (e) => !!e,
 	toDeprecated: (e) => e ? "page" : null
@@ -27,7 +28,7 @@ i(r("nav-item", m, (t) => {
 	let n = c(t);
 	return e`${(t) => t._renderLinkElement(e`${(e) => n(e.icon, l.Slot)}
 				${(e) => e.text} <slot name="meta"></slot>`, h)}`;
-}, [o], {
+}, [s], {
 	styles: p,
 	shadowOptions: { delegatesFocus: !0 }
 }))();

package/note/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition48.cjs");
-exports.VwcNoteElement = require_definition$1.Note;
-exports.noteDefinition = require_definition$1.noteDefinition;
-exports.registerNote = require_definition$1.registerNote;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition50.cjs");
+exports.VwcNoteElement = require_definition.Note;
+exports.noteDefinition = require_definition.noteDefinition;
+exports.registerNote = require_definition.registerNote;

package/note/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as registerNote, r as Note, t as noteDefinition } from "../unbundled/definition48.js";
+import "../unbundled/numberConverter.js";
+import { n as registerNote, r as Note, t as noteDefinition } from "../unbundled/definition50.js";
 export { Note as VwcNoteElement, noteDefinition, registerNote };