@vonage/vivid 5.25.0 → 5.27.0

package/locales/zh-CN.js

@@ -1,5 +1,5 @@
-import { t as __exportAll } from "../unbundled/chunk.js";
-//#region ../../node_modules/.pnpm/video.js@8.23.7/node_modules/video.js/dist/lang/zh-CN.json
+import { t as __exportAll } from "../unbundled/rolldown-runtime.js";
+//#region ../../node_modules/.pnpm/video.js@8.24.0/node_modules/video.js/dist/lang/zh-CN.json
 var zh_CN_exports = /* @__PURE__ */ __exportAll({
 	Background: () => Background,
 	Black: () => "黑",
@@ -233,9 +233,9 @@ var zhCN = {
 		dateFormat: "yyyy年MM月dd日",
 		dateFormatPlaceholder: "YYYY年MM月DD日",
 		chooseDateLabel: "选择日期",
-		changeDateLabel: (date) => `更改日期, ${date}`,
+		changeDateLabel: /* istanbul ignore next */ (date) => `更改日期, ${date}`,
 		chooseDatesLabel: "选择日期",
-		changeDatesLabel: (range) => `更改日期, ${range}`,
+		changeDatesLabel: /* istanbul ignore next */ (range) => `更改日期, ${range}`,
 		prevYearLabel: "上一年",
 		prevMonthLabel: "上个月",
 		nextMonthLabel: "下个月",
@@ -243,17 +243,17 @@ var zhCN = {
 		todayLabel: "今天",
 		selectedLabel: "已选择",
 		currentLabel: "当前",
-		changeMonthLabel: (month) => `更改月份, ${month}已选择`,
-		showCalendarForMonthLabel: (month) => `显示 ${month} 的日历`,
+		changeMonthLabel: /* istanbul ignore next */ (month) => `更改月份, ${month}已选择`,
+		showCalendarForMonthLabel: /* istanbul ignore next */ (month) => `显示 ${month} 的日历`,
 		invalidDateError: "请输入有效的日期。",
 		invalidDateRangeError: "请输入有效的日期范围。",
-		startDateAfterMinDateError: (minDate) => `开始日期必须是${minDate}或之后。`,
-		endDateBeforeMaxDateError: (maxDate) => `结束日期必须是${maxDate}或之前。`
+		startDateAfterMinDateError: /* istanbul ignore next */ (minDate) => `开始日期必须是${minDate}或之后。`,
+		endDateBeforeMaxDateError: /* istanbul ignore next */ (maxDate) => `结束日期必须是${maxDate}或之前。`
 	},
 	timePicker: {
 		defaultTo12HourClock: false,
 		chooseTimeLabel: "选择时间",
-		changeTimeLabel: (time) => `更改时间, ${time}`,
+		changeTimeLabel: /* istanbul ignore next */ (time) => `更改时间, ${time}`,
 		hoursLabel: "小时",
 		minutesLabel: "分钟",
 		secondsLabel: "秒",
@@ -262,12 +262,12 @@ var zhCN = {
 	},
 	dateTimePicker: {
 		chooseDateTimeLabel: "选择日期和时间",
-		changeDateTimeLabel: (dateTime) => `更改日期和时间, ${dateTime}`,
+		changeDateTimeLabel: /* istanbul ignore next */ (dateTime) => `更改日期和时间, ${dateTime}`,
 		invalidDateTimeError: "请输入有效的日期和时间。",
-		dateBeforeMinDateError: (minDate) => `日期必须是${minDate}或之后。`,
-		dateAfterMaxDateError: (maxDate) => `日期必须是${maxDate}或��前。`,
-		timeBeforeMinTimeError: (minTime) => `时间必须是${minTime}或之后。`,
-		timeAfterMaxTimeError: (maxTime) => `时间必须是${maxTime}或之前。`
+		dateBeforeMinDateError: /* istanbul ignore next */ (minDate) => `日期必须是${minDate}或之后。`,
+		dateAfterMaxDateError: /* istanbul ignore next */ (maxDate) => `日期必须是${maxDate}或��前。`,
+		timeBeforeMinTimeError: /* istanbul ignore next */ (minTime) => `时间必须是${minTime}或之后。`,
+		timeAfterMaxTimeError: /* istanbul ignore next */ (maxTime) => `时间必须是${maxTime}或之前。`
 	},
 	filePicker: {
 		invalidFileTypeError: "您不能选择此类型的文件。",
@@ -289,9 +289,9 @@ var zhCN = {
 	popover: { dismissButtonLabel: "关" },
 	banner: { dismissButtonLabel: "关" },
 	numberField: {
-		incrementButtonLabel: (step) => step === 1 ? "增加价值" : `价值增加 ${step}`,
-		decrementButtonLabel: (step) => step === 1 ? "减少价值" : `值减少 ${step}`,
-		updatedValueAnnouncement: (value) => `更新值：${value}`
+		incrementButtonLabel: /* istanbul ignore next */ (step) => step === 1 ? "增加价值" : `价值增加 ${step}`,
+		decrementButtonLabel: /* istanbul ignore next */ (step) => step === 1 ? "减少价值" : `值减少 ${step}`,
+		updatedValueAnnouncement: /* istanbul ignore next */ (value) => `更新值：${value}`
 	},
 	splitButton: { showMoreActionsLabel: "显示更多操作" },
 	videoPlayer: zh_CN_exports,
@@ -313,9 +313,10 @@ var zhCN = {
 		digitSevenLabel: "7 PQRS",
 		digitEightLabel: "8 TUV",
 		digitNineLabel: "9 WXYZ",
-		digitAsteriskLabel: "*",
+		digitAsteriskLabel: "星号",
 		digitZeroLabel: "0",
-		digitHashtagLabel: "#",
+		digitZeroDescription: "长按可输入加号",
+		digitHashtagLabel: "井号",
 		errorLabel: "错误："
 	},
 	tab: { dismissButtonLabel: "按 DELETE 键关闭此选项卡" },
@@ -330,11 +331,11 @@ var zhCN = {
 		loadingOptionsMessage: "加载中...",
 		selectedAllMessage: "已选择所有选项",
 		deselectedAllMessage: "取消选择所有选项",
-		removeTagButtonLabel: (label) => `${label} 删除`,
-		optionSelectedMessage: (name) => `选项 ${name} 已选择。`,
-		optionDeselectedMessage: (name) => `选项 ${name} 已取消选择。`,
-		optionFocusedMessage: (name, position, total, selected) => `选项 ${name} 已聚焦, ${selected ? "已选择, " : ""}${position} 的 ${total}。`,
-		maxSelectedMessage: (total, limit) => `已选择 ${limit} 个中的 ${total} 个。`
+		removeTagButtonLabel: /* istanbul ignore next */ (label) => `${label} 删除`,
+		optionSelectedMessage: /* istanbul ignore next */ (name) => `选项 ${name} 已选择。`,
+		optionDeselectedMessage: /* istanbul ignore next */ (name) => `选项 ${name} 已取消选择。`,
+		optionFocusedMessage: /* istanbul ignore next */ (name, position, total, selected) => `选项 ${name} 已聚焦, ${selected ? "已选择, " : ""}${position} 的 ${total}。`,
+		maxSelectedMessage: /* istanbul ignore next */ (total, limit) => `已选择 ${limit} 个中的 ${total} 个。`
 	},
 	richTextEditor: {
 		paragraphStyles: "段落样式",
@@ -389,8 +390,8 @@ var zhCN = {
 		ctaIcon: "号召性用语:"
 	},
 	charCount: {
-		charactersLimitMessage: (limit) => `您最多可以输入 ${limit} 个字符`,
-		charactersRemainingMessage: (total) => `您还剩 ${total} 个字符`
+		charactersLimitMessage: /* istanbul ignore next */ (limit) => `您最多可以输入 ${limit} 个字符`,
+		charactersRemainingMessage: /* istanbul ignore next */ (total) => `您还剩 ${total} 个字符`
 	},
 	dataGrid: { cell: {
 		selected: "已选择",
@@ -411,11 +412,11 @@ var zhCN = {
 	pagination: {
 		previousPageLabel: "转至上一页",
 		nextPageLabel: "转至下一页",
-		goToPageLabel: (index) => `转至第 ${index} 页`
+		goToPageLabel: /* istanbul ignore next */ (index) => `转至第 ${index} 页`
 	},
-	tag: { remove: (label) => `移除 ${label}` },
-	toggletip: { anchorLabel: (ariaLabel) => ariaLabel ? `关于 ${ariaLabel} 的更多信息` : `显示更多信息` },
-	baseColorPicker: { colorSwatchLabel: (value, label, selected) => {
+	tag: { remove: /* istanbul ignore next */ (label) => `移除 ${label}` },
+	toggletip: { anchorLabel: /* istanbul ignore next */ (ariaLabel) => ariaLabel ? `关于 ${ariaLabel} 的更多信息` : `显示更多信息` },
+	baseColorPicker: { colorSwatchLabel: /* istanbul ignore next */ (value, label, selected) => {
 		let swatchLabel = label ? `选择${label}, 十六进制：${value}` : `选择${value}`;
 		if (selected) swatchLabel += `，已选择。`;
 		return swatchLabel;
@@ -430,9 +431,9 @@ var zhCN = {
 		closeButtonLabel: "关闭颜色选择器",
 		copyButtonLabel: "将颜色复制到剪贴板",
 		copyErrorText: "复制失败。剪贴板访问已被阻止。请重试。",
-		copySuccessMessage: (value) => `颜色 ${value} 已复制到剪贴板。`,
-		selectionSuccessMessage: (value) => `已选择颜色 ${value}。`,
-		maxSwatchesMessage: (total, limit) => `已保存 ${limit} 种颜色中的 ${total} 种。`
+		copySuccessMessage: /* istanbul ignore next */ (value) => `颜色 ${value} 已复制到剪贴板。`,
+		selectionSuccessMessage: /* istanbul ignore next */ (value) => `已选择颜色 ${value}。`,
+		maxSwatchesMessage: /* istanbul ignore next */ (total, limit) => `已保存 ${limit} 种颜色中的 ${total} 种。`
 	}
 };
 //#endregion

package/menu/index.cjs

@@ -1 +1 @@
-require(`../bundled/definition22.cjs`).n();
+require("../bundled/definition22.cjs").n();

package/menu-item/index.cjs

@@ -1 +1 @@
-require(`../bundled/definition21.cjs`).n();
+require("../bundled/definition21.cjs").n();

package/nav/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition52.cjs");
+const require_definition = require("../unbundled/definition53.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/definition52.js";
+import { n as registerNav, r as Nav, t as navDefinition } from "../unbundled/definition53.js";
 export { Nav as VwcNavElement, navDefinition, registerNav };

package/nav/index.cjs

@@ -1,4 +1,4 @@
-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.p`
+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.p`
 	<nav ${t.n()}>
 		<slot></slot>
 	</nav>

package/nav/index.js

@@ -1,10 +1,12 @@
 import { d as e, p as t, t as n, u 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
-e(r("nav", class extends a(n) {}, t`
+//#region src/lib/nav/nav.scss?inline
+var o = "nav{flex-direction:column;gap:4px;display:flex}", s = class extends a(n) {}, c = t`
 	<nav ${i()}>
 		<slot></slot>
 	</nav>
-`, [], { styles: "nav{flex-direction:column;gap:4px;display:flex}" }))();
+`, l = r("nav", s, c, [], { styles: o });
+//#endregion
+//#region src/lib/nav/index.ts
+e(l)();
 //#endregion

package/nav-disclosure/definition.cjs

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

package/nav-disclosure/definition.js

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

package/nav-disclosure/index.cjs

@@ -1,5 +1,5 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/definition3.cjs`),a=require(`../bundled/icon.cjs`),o=require(`../bundled/affix.cjs`),s=require(`../bundled/delegates-aria.cjs`);var c=`.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))}.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}`,l=class extends o.t(s.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.m],l.prototype,`label`,void 0),n.t([e.m],l.prototype,`appearance`,void 0),n.t([e.m],l.prototype,`connotation`,void 0),n.t([e.m({mode:`boolean`})],l.prototype,`open`,void 0),n.t([e.n({deprecatedPropertyName:`ariaCurrent`,fromDeprecated:e=>!!e,toDeprecated:e=>e?`true`:null}),e.m({attribute:`current`,mode:`boolean`})],l.prototype,`current`,void 0);var u=e.u(`nav-disclosure`,l,n=>{let i=o.a(n),c=n.tagFor(a.t);return e.p`<details class="base" ${t.t(`details`)} ?open=${e=>e.open}>
-		<summary class="${e=>r.t(`control`,[`appearance-${e.appearance}`,!!e.appearance],[`connotation-${e.connotation}`,!!e.connotation],[`current-closed selected`,e.current&&!e.open])}"
+const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/ref.cjs"),n=require("../bundled/decorate.cjs"),r=require("../bundled/class-names.cjs"),i=require("../bundled/definition2.cjs"),a=require("../bundled/icon.cjs"),o=require("../bundled/affix.cjs"),s=require("../bundled/delegates-aria.cjs"),c=require("../bundled/component-enum.cjs");var l=`.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))}.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}`,u=c.t([`ghost`,`ghost-light`],`ghost`),d=c.t([`accent`,`cta`],`accent`),f=class extends o.t(s.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.m],f.prototype,`label`,void 0),n.t([e.m],f.prototype,`appearance`,void 0),n.t([e.m],f.prototype,`connotation`,void 0),n.t([e.m({mode:`boolean`})],f.prototype,`open`,void 0),n.t([e.n({deprecatedPropertyName:`ariaCurrent`,fromDeprecated:e=>!!e,toDeprecated:e=>e?`true`:null}),e.m({attribute:`current`,mode:`boolean`})],f.prototype,`current`,void 0);var p=e.u(`nav-disclosure`,f,n=>{let i=o.a(n),c=n.tagFor(a.t);return e.p`<details class="base" ${t.t(`details`)} ?open=${e=>e.open}>
+		<summary class="${e=>r.t(`control`,`connotation-${d.parse(e.connotation)}`,`appearance-${u.parse(e.appearance)}`,`with-idle`,`with-hover`,`with-active`,`with-selected`,`with-selectedAndHover`,[`current-closed selected`,e.current&&!e.open])}"
 			${s.n({role:`button`,ariaExpanded:e=>e.open,ariaCurrent:e=>e.open?null:e.current||e.ariaCurrent?`true`:null,ariaControls:`disclosure-content`})}
 		>
 			${e=>i(e.icon,o.i.Slot)}
@@ -12,4 +12,4 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),
 			<slot></slot>
 		</div>
 	</details>
-	`},[i.t],{styles:c});e.d(u)();
+	`},[i.t],{styles:l});e.d(p)();

package/nav-disclosure/index.js

@@ -2,12 +2,13 @@ import { d as e, m as t, n, p as r, t as i, u as a } from "../bundled/vivid-elem
 import { t as o } from "../bundled/ref.js";
 import { t as s } from "../bundled/decorate.js";
 import { t as c } from "../bundled/class-names.js";
-import { t as l } from "../bundled/definition3.js";
+import { t as l } from "../bundled/definition2.js";
 import { t as u } from "../bundled/icon.js";
 import { a as d, i as f, t as p } from "../bundled/affix.js";
 import { n as m, t as h } from "../bundled/delegates-aria.js";
+import { t as g } from "../bundled/component-enum.js";
 //#region src/lib/nav-disclosure/nav-disclosure.scss?inline
-var g = ".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))}.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}", _ = class extends p(h(i)) {
+var _ = ".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))}.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}", v = g(["ghost", "ghost-light"], "ghost"), y = g(["accent", "cta"], "accent"), b = class extends p(h(i)) {
 	constructor(...e) {
 		super(...e), this.open = !1, this.current = !1, this.#e = () => {
 			this.open = this.details.open, this.$emit("toggle", void 0, { bubbles: !1 });
@@ -21,19 +22,20 @@ var g = ".control.connotation-cta{--_connotation-color-primary:var(--vvd-nav-dis
 	}
 	#e;
 };
-//#endregion
-//#region src/lib/nav-disclosure/index.ts
-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({
+s([t], b.prototype, "label", void 0), s([t], b.prototype, "appearance", void 0), s([t], b.prototype, "connotation", void 0), s([t({ mode: "boolean" })], b.prototype, "open", void 0), s([n({
 	deprecatedPropertyName: "ariaCurrent",
 	fromDeprecated: (e) => !!e,
 	toDeprecated: (e) => e ? "true" : null
 }), t({
 	attribute: "current",
 	mode: "boolean"
-})], _.prototype, "current", void 0), e(a("nav-disclosure", _, (e) => {
+})], b.prototype, "current", void 0);
+//#endregion
+//#region src/lib/nav-disclosure/definition.ts
+var x = a("nav-disclosure", b, (e) => {
 	let t = d(e), n = e.tagFor(u);
 	return r`<details class="base" ${o("details")} ?open=${(e) => e.open}>
-		<summary class="${(e) => c("control", [`appearance-${e.appearance}`, !!e.appearance], [`connotation-${e.connotation}`, !!e.connotation], ["current-closed selected", e.current && !e.open])}"
+		<summary class="${(e) => c("control", `connotation-${y.parse(e.connotation)}`, `appearance-${v.parse(e.appearance)}`, "with-idle", "with-hover", "with-active", "with-selected", "with-selectedAndHover", ["current-closed selected", e.current && !e.open])}"
 			${m({
 		role: "button",
 		ariaExpanded: (e) => e.open,
@@ -52,5 +54,8 @@ s([t], _.prototype, "label", void 0), s([t], _.prototype, "appearance", void 0),
 		</div>
 	</details>
 	`;
-}, [l], { styles: g }))();
+}, [l], { styles: _ });
+//#endregion
+//#region src/lib/nav-disclosure/index.ts
+e(x)();
 //#endregion

package/nav-item/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition51.cjs");
+const require_definition = require("../unbundled/definition52.cjs");
 exports.VwcNavItemElement = require_definition.NavItem;
 exports.navItemDefinition = require_definition.navItemDefinition;
 exports.registerNavItem = require_definition.registerNavItem;

package/nav-item/definition.js

@@ -1,2 +1,2 @@
-import { n as registerNavItem, r as NavItem, t as navItemDefinition } from "../unbundled/definition51.js";
+import { n as registerNavItem, r as NavItem, t as navItemDefinition } from "../unbundled/definition52.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/decorate.cjs`),n=require(`../bundled/class-names.cjs`),r=require(`../bundled/definition3.cjs`),i=require(`../bundled/affix.cjs`),a=require(`../bundled/linkable.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;position:relative}.control.icon-only slot[name=meta]{display:block;position:absolute;inset-block-start:calc((calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - 20px) / 2);inset-inline-end:calc((calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - 20px) / 2);transform:translate(50%,-50%)}.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))}:host(:dir(rtl)) .icon-only slot[name=meta]{transform:translate(-50%,-50%)}slot[name=icon]{font-size:20px;line-height:1}`,s=class extends i.t(a.t(e.t)){constructor(...e){super(...e),this.current=!1}};t.t([e.m],s.prototype,`text`,void 0),t.t([e.m],s.prototype,`connotation`,void 0),t.t([e.m],s.prototype,`appearance`,void 0),t.t([e.n({deprecatedPropertyName:`ariaCurrent`,fromDeprecated:e=>!!e,toDeprecated:e=>e?`page`:null}),e.m({attribute:`current`,mode:`boolean`})],s.prototype,`current`,void 0);var c=e.u(`nav-item`,s,t=>{let r=i.a(t);return e.p`${t=>t._renderLinkElement(e.p`${e=>r(e.icon,i.i.Slot)}
-				${e=>e.text} <slot name="meta"></slot>`,e=>n.t(`control`,[`icon-only`,!e.text],[`connotation-${e.connotation}`,!!e.connotation],[`appearance-${e.appearance}`,!!e.appearance],[`current selected`,e.current]))}`},[r.t],{styles:o,shadowOptions:{delegatesFocus:!0}});e.d(c)();
+const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/decorate.cjs"),n=require("../bundled/class-names.cjs"),r=require("../bundled/definition2.cjs"),i=require("../bundled/affix.cjs"),a=require("../bundled/component-enum.cjs"),o=require("../bundled/linkable.cjs");var s=`.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.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;position:relative}.control.icon-only slot[name=meta]{display:block;position:absolute;inset-block-start:calc((calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - 20px) / 2);inset-inline-end:calc((calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - 20px) / 2);transform:translate(50%,-50%)}.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))}:host(:dir(rtl)) .icon-only slot[name=meta]{transform:translate(-50%,-50%)}slot[name=icon]{font-size:20px;line-height:1}`,c=a.t([`accent`,`cta`],`accent`),l=a.t([`ghost`,`ghost-light`],`ghost`),u=class extends i.t(o.t(e.t)){constructor(...e){super(...e),this.current=!1}};t.t([e.m],u.prototype,`text`,void 0),t.t([e.m],u.prototype,`connotation`,void 0),t.t([e.m],u.prototype,`appearance`,void 0),t.t([e.n({deprecatedPropertyName:`ariaCurrent`,fromDeprecated:e=>!!e,toDeprecated:e=>e?`page`:null}),e.m({attribute:`current`,mode:`boolean`})],u.prototype,`current`,void 0);var d=e.u(`nav-item`,u,t=>{let r=i.a(t);return e.p`${t=>t._renderLinkElement(e.p`${e=>r(e.icon,i.i.Slot)}
+				${e=>e.text} <slot name="meta"></slot>`,e=>n.t(`control`,[`icon-only`,!e.text],`connotation-${c.parse(e.connotation)}`,`appearance-${l.parse(e.appearance)}`,`with-idle`,`with-hover`,`with-active`,`with-selected`,`with-selectedAndHover`,[`current selected`,e.current]))}`},[r.t],{styles:s,shadowOptions:{delegatesFocus:!0}});e.d(d)();

package/nav-item/index.js

@@ -1,30 +1,35 @@
 import { d as e, m as t, n, p as r, t as i, u as a } from "../bundled/vivid-element.js";
 import { t as o } from "../bundled/decorate.js";
 import { t as s } from "../bundled/class-names.js";
-import { t as c } from "../bundled/definition3.js";
+import { t as c } from "../bundled/definition2.js";
 import { a as l, i as u, t as d } from "../bundled/affix.js";
-import { t as f } from "../bundled/linkable.js";
+import { t as f } from "../bundled/component-enum.js";
+import { t as p } from "../bundled/linkable.js";
 //#region src/lib/nav-item/nav-item.scss?inline
-var p = ".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;position:relative}.control.icon-only slot[name=meta]{display:block;position:absolute;inset-block-start:calc((calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - 20px) / 2);inset-inline-end:calc((calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - 20px) / 2);transform:translate(50%,-50%)}.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))}:host(:dir(rtl)) .icon-only slot[name=meta]{transform:translate(-50%,-50%)}slot[name=icon]{font-size:20px;line-height:1}", m = class extends d(f(i)) {
+var m = ".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.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;position:relative}.control.icon-only slot[name=meta]{display:block;position:absolute;inset-block-start:calc((calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - 20px) / 2);inset-inline-end:calc((calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - 20px) / 2);transform:translate(50%,-50%)}.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))}:host(:dir(rtl)) .icon-only slot[name=meta]{transform:translate(-50%,-50%)}slot[name=icon]{font-size:20px;line-height:1}", h = f(["accent", "cta"], "accent"), g = f(["ghost", "ghost-light"], "ghost"), _ = class extends d(p(i)) {
 	constructor(...e) {
 		super(...e), this.current = !1;
 	}
 };
-//#endregion
-//#region src/lib/nav-item/index.ts
-o([t], m.prototype, "text", void 0), o([t], m.prototype, "connotation", void 0), o([t], m.prototype, "appearance", void 0), o([n({
+o([t], _.prototype, "text", void 0), o([t], _.prototype, "connotation", void 0), o([t], _.prototype, "appearance", void 0), o([n({
 	deprecatedPropertyName: "ariaCurrent",
 	fromDeprecated: (e) => !!e,
 	toDeprecated: (e) => e ? "page" : null
 }), t({
 	attribute: "current",
 	mode: "boolean"
-})], m.prototype, "current", void 0), e(a("nav-item", m, (e) => {
+})], _.prototype, "current", void 0);
+//#endregion
+//#region src/lib/nav-item/definition.ts
+var v = a("nav-item", _, (e) => {
 	let t = l(e);
 	return r`${(e) => e._renderLinkElement(r`${(e) => t(e.icon, u.Slot)}
-				${(e) => e.text} <slot name="meta"></slot>`, (e) => s("control", ["icon-only", !e.text], [`connotation-${e.connotation}`, !!e.connotation], [`appearance-${e.appearance}`, !!e.appearance], ["current selected", e.current]))}`;
+				${(e) => e.text} <slot name="meta"></slot>`, (e) => s("control", ["icon-only", !e.text], `connotation-${h.parse(e.connotation)}`, `appearance-${g.parse(e.appearance)}`, "with-idle", "with-hover", "with-active", "with-selected", "with-selectedAndHover", ["current selected", e.current]))}`;
 }, [c], {
-	styles: p,
+	styles: m,
 	shadowOptions: { delegatesFocus: !0 }
-}))();
+});
+//#endregion
+//#region src/lib/nav-item/index.ts
+e(v)();
 //#endregion

package/note/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition53.cjs");
+const require_definition = require("../unbundled/definition54.cjs");
 exports.VwcNoteElement = require_definition.Note;
 exports.noteDefinition = require_definition.noteDefinition;
 exports.registerNote = require_definition.registerNote;

package/note/definition.js

@@ -1,2 +1,2 @@
-import { n as registerNote, r as Note, t as noteDefinition } from "../unbundled/definition53.js";
+import { n as registerNote, r as Note, t as noteDefinition } from "../unbundled/definition54.js";
 export { Note as VwcNoteElement, noteDefinition, registerNote };

package/note/index.cjs

@@ -1,9 +1,11 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/definition3.cjs`),a=require(`../bundled/affix.cjs`);var o=`.base.connotation-success{--_connotation-color-intermediate:var(--vvd-note-success-intermediate,var(--vvd-color-success-500));--_connotation-color-faint:var(--vvd-note-success-faint,var(--vvd-color-success-50));--_connotation-color-fierce:var(--vvd-note-success-fierce,var(--vvd-color-success-700))}.base.connotation-information{--_connotation-color-intermediate:var(--vvd-note-information-intermediate,var(--vvd-color-information-500));--_connotation-color-faint:var(--vvd-note-information-faint,var(--vvd-color-information-50));--_connotation-color-fierce:var(--vvd-note-information-fierce,var(--vvd-color-information-700))}.base.connotation-alert{--_connotation-color-intermediate:var(--vvd-note-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-faint:var(--vvd-note-alert-faint,var(--vvd-color-alert-50));--_connotation-color-fierce:var(--vvd-note-alert-fierce,var(--vvd-color-alert-700))}.base.connotation-warning{--_connotation-color-intermediate:var(--vvd-note-warning-intermediate,var(--vvd-color-warning-300));--_connotation-color-faint:var(--vvd-note-warning-faint,var(--vvd-color-warning-50));--_connotation-color-fierce:var(--vvd-note-warning-fierce,var(--vvd-color-warning-700))}.base.connotation-announcement{--_connotation-color-intermediate:var(--vvd-note-announcement-intermediate,var(--vvd-color-announcement-500));--_connotation-color-faint:var(--vvd-note-announcement-faint,var(--vvd-color-announcement-50));--_connotation-color-fierce:var(--vvd-note-announcement-fierce,var(--vvd-color-announcement-700))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-intermediate:var(--vvd-note-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-note-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-fierce:var(--vvd-note-accent-fierce,var(--vvd-color-neutral-700))}.base{--_appearance-color-text:var(--_connotation-color-fierce);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--_connotation-color-intermediate);padding:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:flex-start;column-gap:16px;display:flex}@supports (contain:content){.base{contain:content}}@supports not (contain:content){.base{overflow:hidden}}slot[name=icon]{color:var(--_appearance-color-outline);font-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.text{text-align:start;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;gap:4px;min-height:24px;display:flex}.text .headline{font:var(--vvd-typography-base-bold)}.text .message{font:var(--vvd-typography-base)}`,s=class extends a.t(e.t){};n.t([e.m],s.prototype,`headline`,void 0),n.t([e.m],s.prototype,`connotation`,void 0);function c(){return e.p`<div class="headline">${e=>e.headline}</div>`}var l=e.u(`note`,s,n=>{let i=a.a(n);return e.p`
-		<div class="${e=>r.t(`base`,`connotation-${e.connotation}`)}">
+const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/when.cjs"),n=require("../bundled/decorate.cjs"),r=require("../bundled/class-names.cjs"),i=require("../bundled/definition2.cjs"),a=require("../bundled/affix.cjs"),o=require("../bundled/component-enum.cjs");var s=`.base{padding:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:flex-start;column-gap:16px;display:flex}@supports (contain:content){.base{contain:content}}@supports not (contain:content){.base{overflow:hidden}}slot[name=icon]{color:var(--_appearance-color-outline);font-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.text{text-align:start;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;gap:4px;min-height:24px;display:flex}.text .headline{font:var(--vvd-typography-base-bold)}.text .message{font:var(--vvd-typography-base)}`,c=o.t([`accent`,`information`,`success`,`warning`,`announcement`,`alert`],`accent`),l=class extends a.t(e.t){};n.t([e.m],l.prototype,`headline`,void 0),n.t([e.m],l.prototype,`connotation`,void 0);function u(){return e.p`<div class="headline">${e=>e.headline}</div>`}var d=e.u(`note`,l,n=>{let i=a.a(n);return e.p`
+		<div
+			class="${e=>r.t(`base`,`connotation-${c.parse(e.connotation)}`,`appearance-harmony`,`with-idle`)}"
+		>
 			${e=>i(e.icon,a.i.Slot)}
 			<div class="text">
-				${t.t(e=>e.headline,c())}
+				${t.t(e=>e.headline,u())}
 				<slot class="message"></slot>
 			</div>
 		</div>
-	`},[i.t],{styles:o});e.d(l)();
+	`},[i.t],{styles:s});e.d(d)();

package/note/index.js

@@ -2,28 +2,41 @@ import { d as e, m as t, p as n, t as r, u as i } from "../bundled/vivid-element
 import { t as a } from "../bundled/when.js";
 import { t as o } from "../bundled/decorate.js";
 import { t as s } from "../bundled/class-names.js";
-import { t as c } from "../bundled/definition3.js";
+import { t as c } from "../bundled/definition2.js";
 import { a as l, i as u, t as d } from "../bundled/affix.js";
+import { t as f } from "../bundled/component-enum.js";
 //#region src/lib/note/note.scss?inline
-var f = ".base.connotation-success{--_connotation-color-intermediate:var(--vvd-note-success-intermediate,var(--vvd-color-success-500));--_connotation-color-faint:var(--vvd-note-success-faint,var(--vvd-color-success-50));--_connotation-color-fierce:var(--vvd-note-success-fierce,var(--vvd-color-success-700))}.base.connotation-information{--_connotation-color-intermediate:var(--vvd-note-information-intermediate,var(--vvd-color-information-500));--_connotation-color-faint:var(--vvd-note-information-faint,var(--vvd-color-information-50));--_connotation-color-fierce:var(--vvd-note-information-fierce,var(--vvd-color-information-700))}.base.connotation-alert{--_connotation-color-intermediate:var(--vvd-note-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-faint:var(--vvd-note-alert-faint,var(--vvd-color-alert-50));--_connotation-color-fierce:var(--vvd-note-alert-fierce,var(--vvd-color-alert-700))}.base.connotation-warning{--_connotation-color-intermediate:var(--vvd-note-warning-intermediate,var(--vvd-color-warning-300));--_connotation-color-faint:var(--vvd-note-warning-faint,var(--vvd-color-warning-50));--_connotation-color-fierce:var(--vvd-note-warning-fierce,var(--vvd-color-warning-700))}.base.connotation-announcement{--_connotation-color-intermediate:var(--vvd-note-announcement-intermediate,var(--vvd-color-announcement-500));--_connotation-color-faint:var(--vvd-note-announcement-faint,var(--vvd-color-announcement-50));--_connotation-color-fierce:var(--vvd-note-announcement-fierce,var(--vvd-color-announcement-700))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-intermediate:var(--vvd-note-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-note-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-fierce:var(--vvd-note-accent-fierce,var(--vvd-color-neutral-700))}.base{--_appearance-color-text:var(--_connotation-color-fierce);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--_connotation-color-intermediate);padding:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:flex-start;column-gap:16px;display:flex}@supports (contain:content){.base{contain:content}}@supports not (contain:content){.base{overflow:hidden}}slot[name=icon]{color:var(--_appearance-color-outline);font-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.text{text-align:start;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;gap:4px;min-height:24px;display:flex}.text .headline{font:var(--vvd-typography-base-bold)}.text .message{font:var(--vvd-typography-base)}", p = class extends d(r) {};
-o([t], p.prototype, "headline", void 0), o([t], p.prototype, "connotation", void 0);
+var p = ".base{padding:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:flex-start;column-gap:16px;display:flex}@supports (contain:content){.base{contain:content}}@supports not (contain:content){.base{overflow:hidden}}slot[name=icon]{color:var(--_appearance-color-outline);font-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.text{text-align:start;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;gap:4px;min-height:24px;display:flex}.text .headline{font:var(--vvd-typography-base-bold)}.text .message{font:var(--vvd-typography-base)}", m = f([
+	"accent",
+	"information",
+	"success",
+	"warning",
+	"announcement",
+	"alert"
+], "accent"), h = class extends d(r) {};
+o([t], h.prototype, "headline", void 0), o([t], h.prototype, "connotation", void 0);
 //#endregion
 //#region src/lib/note/note.template.ts
-function m() {
+function g() {
 	return n`<div class="headline">${(e) => e.headline}</div>`;
 }
 //#endregion
-//#region src/lib/note/index.ts
-e(i("note", p, (e) => {
+//#region src/lib/note/definition.ts
+var _ = i("note", h, (e) => {
 	let t = l(e);
 	return n`
-		<div class="${(e) => s("base", `connotation-${e.connotation}`)}">
+		<div
+			class="${(e) => s("base", `connotation-${m.parse(e.connotation)}`, "appearance-harmony", "with-idle")}"
+		>
 			${(e) => t(e.icon, u.Slot)}
 			<div class="text">
-				${a((e) => e.headline, m())}
+				${a((e) => e.headline, g())}
 				<slot class="message"></slot>
 			</div>
 		</div>
 	`;
-}, [c], { styles: f }))();
+}, [c], { styles: p });
+//#endregion
+//#region src/lib/note/index.ts
+e(_)();
 //#endregion

package/number-field/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition54.cjs");
+const require_definition = require("../unbundled/definition55.cjs");
 exports.VwcNumberFieldElement = require_definition.NumberField;
 exports.numberFieldDefinition = require_definition.numberFieldDefinition;
 exports.registerNumberField = require_definition.registerNumberField;

package/number-field/definition.js

@@ -1,2 +1,2 @@
-import { n as registerNumberField, r as NumberField, t as numberFieldDefinition } from "../unbundled/definition54.js";
+import { n as registerNumberField, r as NumberField, t as numberFieldDefinition } from "../unbundled/definition55.js";
 export { NumberField as VwcNumberFieldElement, numberFieldDefinition, registerNumberField };