@vonage/vivid 5.19.0 → 5.20.1

package/locales/de-DE.cjs

@@ -191,6 +191,7 @@ var deDE = {
 		linkUrl: "URL",
 		linkTextPlaceholder: "Text eingeben, um Link zu erstellen",
 		linkUrlPlaceholder: "Link-URL einfügen",
+		linkUrlHelperText: "Ziel eingeben (z. B. https://, mailto: oder tel:)",
 		cancel: "Abbrechen",
 		apply: "Anwenden",
 		close: "Schließen",

package/locales/de-DE.js

@@ -189,6 +189,7 @@ var deDE = {
 		linkUrl: "URL",
 		linkTextPlaceholder: "Text eingeben, um Link zu erstellen",
 		linkUrlPlaceholder: "Link-URL einfügen",
+		linkUrlHelperText: "Ziel eingeben (z. B. https://, mailto: oder tel:)",
 		cancel: "Abbrechen",
 		apply: "Anwenden",
 		close: "Schließen",

package/locales/en-GB.cjs

@@ -191,6 +191,7 @@ var enGB = {
 		linkUrl: "URL",
 		linkTextPlaceholder: "Type text to convert into link",
 		linkUrlPlaceholder: "Insert link URL",
+		linkUrlHelperText: "Enter a destination (e.g., https://, mailto:, or tel:).",
 		cancel: "Cancel",
 		apply: "Apply",
 		close: "Close",

package/locales/en-GB.js

@@ -189,6 +189,7 @@ var enGB = {
 		linkUrl: "URL",
 		linkTextPlaceholder: "Type text to convert into link",
 		linkUrlPlaceholder: "Insert link URL",
+		linkUrlHelperText: "Enter a destination (e.g., https://, mailto:, or tel:).",
 		cancel: "Cancel",
 		apply: "Apply",
 		close: "Close",

package/locales/en-US.cjs

@@ -191,6 +191,7 @@ var enUS = {
 		linkUrl: "URL",
 		linkTextPlaceholder: "Type text to convert into link",
 		linkUrlPlaceholder: "Insert link URL",
+		linkUrlHelperText: "Enter a destination (e.g., https://, mailto:, or tel:).",
 		cancel: "Cancel",
 		apply: "Apply",
 		close: "Close",

package/locales/en-US.js

@@ -189,6 +189,7 @@ var enUS = {
 		linkUrl: "URL",
 		linkTextPlaceholder: "Type text to convert into link",
 		linkUrlPlaceholder: "Insert link URL",
+		linkUrlHelperText: "Enter a destination (e.g., https://, mailto:, or tel:).",
 		cancel: "Cancel",
 		apply: "Apply",
 		close: "Close",

package/locales/ja-JP.cjs

@@ -191,6 +191,7 @@ var jaJP = {
 		linkUrl: "URL",
 		linkTextPlaceholder: "リンクに変換するテキストを入力",
 		linkUrlPlaceholder: "リンクURLを挿入",
+		linkUrlHelperText: "リンク先を入力してください (例: https://, mailto:, tel:)",
 		cancel: "キャンセル",
 		apply: "適用",
 		close: "閉じる",

package/locales/ja-JP.js

@@ -189,6 +189,7 @@ var jaJP = {
 		linkUrl: "URL",
 		linkTextPlaceholder: "リンクに変換するテキストを入力",
 		linkUrlPlaceholder: "リンクURLを挿入",
+		linkUrlHelperText: "リンク先を入力してください (例: https://, mailto:, tel:)",
 		cancel: "キャンセル",
 		apply: "適用",
 		close: "閉じる",

package/locales/zh-CN.cjs

@@ -191,6 +191,7 @@ var zhCN = {
 		linkUrl: "URL",
 		linkTextPlaceholder: "输入要转换为链接的文本",
 		linkUrlPlaceholder: "插入链接URL",
+		linkUrlHelperText: "输入目标地址 (例如：https://, mailto:, 或 tel:)",
 		cancel: "取消",
 		apply: "应用",
 		close: "关闭",

package/locales/zh-CN.js

@@ -189,6 +189,7 @@ var zhCN = {
 		linkUrl: "URL",
 		linkTextPlaceholder: "输入要转换为链接的文本",
 		linkUrlPlaceholder: "插入链接URL",
+		linkUrlHelperText: "输入目标地址 (例如：https://, mailto:, 或 tel:)",
 		cancel: "取消",
 		apply: "应用",
 		close: "关闭",

package/nav/definition.cjs

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

package/nav/index.cjs

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

package/nav/index.js

@@ -1,8 +1,8 @@
-import { c as e, f as t, s as n, t as r } from "../bundled/vivid-element.js";
+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(n("nav", class extends a(r) {}, t`
+e(r("nav", class extends a(n) {}, t`
 	<nav ${i()}>
 		<slot></slot>
 	</nav>

package/nav-disclosure/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/definition48.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/definition47.js";
+import { n as registerNavDisclosure, r as NavDisclosure, t as navDisclosureDefinition } from "../unbundled/definition48.js";
 export { NavDisclosure as VwcNavDisclosureElement, navDisclosureDefinition, registerNavDisclosure };

package/nav-disclosure/index.cjs

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

package/nav-disclosure/index.js

@@ -1,4 +1,4 @@
-import { c as e, f as t, n, s as r, t as i, u as a } from "../bundled/vivid-element.js";
+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/ref.js";
 import { t as s } from "../bundled/decorate.js";
 import { r as c, t as l } from "../bundled/definition2.js";
@@ -20,11 +20,11 @@ var g = ".control.connotation-cta{--_connotation-color-primary:var(--vvd-nav-dis
 	}
 	#e;
 };
-s([a], _.prototype, "label", void 0), s([a], _.prototype, "appearance", void 0), s([a], _.prototype, "connotation", void 0), s([a({ mode: "boolean" })], _.prototype, "open", void 0), s([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
-}), a({
+}), t({
 	attribute: "current",
 	mode: "boolean"
 })], _.prototype, "current", void 0);
@@ -33,22 +33,22 @@ s([a], _.prototype, "label", void 0), s([a], _.prototype, "appearance", void 0),
 var v = ({ appearance: e, connotation: t, current: n, open: r }) => p("control", [`appearance-${e}`, !!e], [`connotation-${t}`, !!t], ["current-closed selected", !!n && !r]);
 //#endregion
 //#region src/lib/nav-disclosure/index.ts
-e(r("nav-disclosure", _, (e) => {
-	let n = u(e), r = e.tagFor(c);
-	return t`<details class="base" ${o("details")} ?open=${(e) => e.open}>
+e(a("nav-disclosure", _, (e) => {
+	let t = u(e), n = e.tagFor(c);
+	return r`<details class="base" ${o("details")} ?open=${(e) => e.open}>
 		<summary class="${v}"
-			aria-controls="disclosure-content"
 			${m({
 		role: "button",
 		ariaExpanded: (e) => e.open,
-		ariaCurrent: (e) => e.open ? null : e.current || e.ariaCurrent ? "true" : null
+		ariaCurrent: (e) => e.open ? null : e.current || e.ariaCurrent ? "true" : null,
+		ariaControls: "disclosure-content"
 	})}
 		>
-			${(e) => n(e.icon, d.Slot)}
+			${(e) => t(e.icon, d.Slot)}
 			${(e) => e.label}
 			<slot name="meta"></slot>
-			<${r} class="toggleIcon" name=${(e) => e.open ? "chevron-up-line" : "chevron-down-line"}
-				aria-hidden="true"></${r}>
+			<${n} class="toggleIcon" name=${(e) => e.open ? "chevron-up-line" : "chevron-down-line"}
+				aria-hidden="true"></${n}>
 		</summary>
 		<div class="content" id="disclosure-content">
 			<slot></slot>

package/nav-item/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition48.cjs");
+const require_definition = require("../unbundled/definition49.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/definition48.js";
+import { n as registerNavItem, r as NavItem, t as navItemDefinition } from "../unbundled/definition49.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/definition2.cjs`),r=require(`../bundled/affix.cjs`),i=require(`../bundled/class-names.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 r.t(a.t(e.t)){constructor(...e){super(...e),this.current=!1}};t.t([e.u],s.prototype,`text`,void 0),t.t([e.u],s.prototype,`connotation`,void 0),t.t([e.u],s.prototype,`appearance`,void 0),t.t([e.n({deprecatedPropertyName:`ariaCurrent`,fromDeprecated:e=>!!e,toDeprecated:e=>e?`page`:null}),e.u({attribute:`current`,mode:`boolean`})],s.prototype,`current`,void 0);var c=({text:e,connotation:t,appearance:n,current:r})=>i.t(`control`,[`icon-only`,!e],[`connotation-${t}`,!!t],[`appearance-${n}`,!!n],[`current selected`,!!r]),l=e.s(`nav-item`,s,t=>{let n=r.a(t);return e.f`${t=>t._renderLinkElement(e.f`${e=>n(e.icon,r.i.Slot)}
-				${e=>e.text} <slot name="meta"></slot>`,c)}`},[n.t],{styles:o,shadowOptions:{delegatesFocus:!0}});e.c(l)();
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/affix.cjs`),i=require(`../bundled/class-names.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 r.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=({text:e,connotation:t,appearance:n,current:r})=>i.t(`control`,[`icon-only`,!e],[`connotation-${t}`,!!t],[`appearance-${n}`,!!n],[`current selected`,!!r]),l=e.u(`nav-item`,s,t=>{let n=r.a(t);return e.p`${t=>t._renderLinkElement(e.p`${e=>n(e.icon,r.i.Slot)}
+				${e=>e.text} <slot name="meta"></slot>`,c)}`},[n.t],{styles:o,shadowOptions:{delegatesFocus:!0}});e.d(l)();

package/nav-item/index.js

@@ -1,4 +1,4 @@
-import { c as e, f as t, n, s as r, t as i, u as a } from "../bundled/vivid-element.js";
+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/definition2.js";
 import { a as c, i as l, t as u } from "../bundled/affix.js";
@@ -10,11 +10,11 @@ var p = ".control{box-sizing:border-box;background-color:var(--_appearance-color
 		super(...e), this.current = !1;
 	}
 };
-o([a], m.prototype, "text", void 0), o([a], m.prototype, "connotation", void 0), o([a], m.prototype, "appearance", void 0), o([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
-}), a({
+}), t({
 	attribute: "current",
 	mode: "boolean"
 })], m.prototype, "current", void 0);
@@ -23,9 +23,9 @@ o([a], m.prototype, "text", void 0), o([a], m.prototype, "connotation", void 0),
 var h = ({ text: e, connotation: t, appearance: n, current: r }) => d("control", ["icon-only", !e], [`connotation-${t}`, !!t], [`appearance-${n}`, !!n], ["current selected", !!r]);
 //#endregion
 //#region src/lib/nav-item/index.ts
-e(r("nav-item", m, (e) => {
-	let n = c(e);
-	return t`${(e) => e._renderLinkElement(t`${(e) => n(e.icon, l.Slot)}
+e(a("nav-item", m, (e) => {
+	let t = c(e);
+	return r`${(e) => e._renderLinkElement(r`${(e) => t(e.icon, l.Slot)}
 				${(e) => e.text} <slot name="meta"></slot>`, h)}`;
 }, [s], {
 	styles: p,

package/note/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.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/definition50.js";
+import { n as registerNote, r as Note, t as noteDefinition } from "../unbundled/definition51.js";
 export { Note as VwcNoteElement, noteDefinition, registerNote };

package/note/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition2.cjs`),i=require(`../bundled/affix.cjs`),a=require(`../bundled/class-names.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 i.t(e.t){};n.t([e.u],s.prototype,`headline`,void 0),n.t([e.u],s.prototype,`connotation`,void 0);var c=({connotation:e})=>a.t(`base`,`connotation-${e}`);function l(){return e.f`<div class="headline">${e=>e.headline}</div>`}var u=e.s(`note`,s,n=>{let r=i.a(n);return e.f`
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition2.cjs`),i=require(`../bundled/affix.cjs`),a=require(`../bundled/class-names.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 i.t(e.t){};n.t([e.m],s.prototype,`headline`,void 0),n.t([e.m],s.prototype,`connotation`,void 0);var c=({connotation:e})=>a.t(`base`,`connotation-${e}`);function l(){return e.p`<div class="headline">${e=>e.headline}</div>`}var u=e.u(`note`,s,n=>{let r=i.a(n);return e.p`
 		<div class="${c}">
 			${e=>r(e.icon,i.i.Slot)}
 			<div class="text">
@@ -6,4 +6,4 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`)
 				<slot class="message"></slot>
 			</div>
 		</div>
-	`},[r.t],{styles:o});e.c(u)();
+	`},[r.t],{styles:o});e.d(u)();

package/note/index.js

@@ -1,4 +1,4 @@
-import { c as e, f as t, s as n, t as r, u as i } from "../bundled/vivid-element.js";
+import { d as e, m as t, p as n, t as r, u as i } from "../bundled/vivid-element.js";
 import { t as a } from "../bundled/when.js";
 import { t as o } from "../bundled/decorate.js";
 import { t as s } from "../bundled/definition2.js";
@@ -6,20 +6,20 @@ import { a as c, i as l, t as u } from "../bundled/affix.js";
 import { t as d } from "../bundled/class-names.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 u(r) {};
-o([i], p.prototype, "headline", void 0), o([i], p.prototype, "connotation", void 0);
+o([t], p.prototype, "headline", void 0), o([t], p.prototype, "connotation", void 0);
 //#endregion
 //#region src/lib/note/note.template.ts
 var m = ({ connotation: e }) => d("base", `connotation-${e}`);
 function h() {
-	return t`<div class="headline">${(e) => e.headline}</div>`;
+	return n`<div class="headline">${(e) => e.headline}</div>`;
 }
 //#endregion
 //#region src/lib/note/index.ts
-e(n("note", p, (e) => {
-	let n = c(e);
-	return t`
+e(i("note", p, (e) => {
+	let t = c(e);
+	return n`
 		<div class="${m}">
-			${(e) => n(e.icon, l.Slot)}
+			${(e) => t(e.icon, l.Slot)}
 			<div class="text">
 				${a((e) => e.headline, h())}
 				<slot class="message"></slot>

package/number-field/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.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/definition51.js";
+import { n as registerNumberField, r as NumberField, t as numberFieldDefinition } from "../unbundled/definition52.js";
 export { NumberField as VwcNumberFieldElement, numberFieldDefinition, registerNumberField };

package/number-field/index.cjs

@@ -1,6 +1,6 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/slotted.cjs`),a=require(`../bundled/definition.cjs`),o=require(`../bundled/enums.cjs`),s=require(`../bundled/decorate.cjs`),c=require(`../bundled/definition2.cjs`),l=require(`../bundled/affix.cjs`),u=require(`../bundled/form-element.cjs`),d=require(`../bundled/with-success-text.cjs`),f=require(`../bundled/with-error-text.cjs`),p=require(`../bundled/with-contextual-help.cjs`),m=require(`../bundled/class-names.cjs`),h=require(`../bundled/key-codes.cjs`),g=require(`../bundled/delegates-aria.cjs`),_=require(`../bundled/form-associated.cjs`),v=require(`../bundled/definition6.cjs`),y=require(`../bundled/mixins.cjs`),b=require(`../bundled/definition11.cjs`),x=require(`../bundled/definition19.cjs`),S=require(`../bundled/divider.cjs`);var C=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{display:inline-block}.base{--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.base{--_connotation-color-primary:var(--vvd-text-field-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-text-field-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-field-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-text-field-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-firm:var(--vvd-text-field-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-text-field-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-faint:var(--vvd-text-field-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-text-field-accent-soft,var(--vvd-color-neutral-100));--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_text-field-border-radius:8px;--_text-field-pill-border-radius:24px;grid-template-columns:min-content 1fr max-content;align-items:center;gap:4px;width:100%;display:inline-grid}.base.size-condensed{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_text-field-border-radius:4px}@supports (user-select:none){.base{user-select:none}}.base:not(.disabled){--_low-ink-color:var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color:var(--_appearance-color-text)}.label:not(slot),.label::slotted(label){font:var(--vvd-typography-base);grid-area:1/1/auto/4;box-sizing:initial!important;padding:initial!important;margin:initial!important;color:var(--vvd-color-canvas-text)!important}.char-count+.label:not(slot),.char-count+.label::slotted(label){grid-column:1/3}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.label-wrapper{grid-area:1/1/auto/4}.char-count+.label-wrapper{grid-column:1/3}.fieldset{background-color:var(--_appearance-color-fill);font:var(--vvd-typography-base);grid-column:1/4;align-items:center;padding-block:0;transition:color .2s,background-color .2s;display:flex;position:relative}.fieldset:after{border-radius:inherit;block-size:100%;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:"";pointer-events:none;inline-size:100%;transition:box-shadow .2s;display:block;position:absolute}.fieldset:focus-visible{outline:none}.base>.fieldset{block-size:var(--_text-field-block-size)}.base:not(.shape-pill) .fieldset{border-radius:var(--_text-field-border-radius)}.base.shape-pill .fieldset{border-radius:var(--_text-field-pill-border-radius)}.wrapper{border-radius:inherit;block-size:100%;inline-size:100%}.control{border-radius:inherit;text-align:start}.control:not(slot),.control::slotted(input){font:inherit;text-align:inherit;outline:#0000;box-sizing:border-box!important;border-radius:inherit!important;width:100%!important;margin:initial!important;appearance:none!important;block-size:100%!important;color:inherit!important;padding-block:0!important;padding-inline:var(--_text-field-gutter-start) var(--_text-field-gutter-end)!important;background-color:#0000!important;border:0!important}.control:not(slot):disabled,.control::slotted(input:disabled){cursor:not-allowed!important;opacity:1!important;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot)::placeholder{opacity:1!important;-webkit-text-fill-color:var(--_low-ink-color)!important}.control::slotted(input:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.has-icon .control:not(slot),.has-icon .control::slotted(input){padding-inline-start:calc(var(--_text-field-icon-size) + var(--_text-field-gutter-start) * 2)!important}.icon{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);line-height:1;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + var(--_text-field-gutter-start));transform:translateY(-50%)}.leading-items-wrapper{position:relative}.base.no-leading .leading-items-wrapper{display:none}.action-items-wrapper{margin-inline-end:4px}.base:not(.action-items) .action-items-wrapper{display:none}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.wrapper .control:focus-within):after{--focus-stroke-gap-color:transparent;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 not selector(:has(*)){.base:not(.has-activedescendant) .wrapper:focus-within: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));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:"";pointer-events:none;display:block;position:absolute;inset:0}}:host([internal-part]) .fieldset{font:var(--vvd-typography-heading-4);background-color:#0000;line-height:1.1}:host([internal-part]) .fieldset:not(:focus-within):after{block-size:1px;inset-block-end:0}@supports selector(:has(*)){:host([internal-part]) .fieldset:has(.action-items-wrapper:focus-within):after{block-size:1px;inset-block-end:0}}:host([internal-part]) .control{text-align:center}slot[name=_mirrored-helper-text]{display:none}.base{--_text-field-gutter-end:70px}.control::-webkit-outer-spin-button{appearance:none}.control::-webkit-inner-spin-button{appearance:none}.control-buttons{z-index:1;display:flex;position:absolute;right:3px}.readonly .control-buttons,.disabled .control-buttons{pointer-events:none}.control-buttons .divider{margin-block:8px}.control-buttons>*{flex-shrink:0}`,w={up:1,down:-1};function T(e,t){let n=parseFloat(e.value),r=isNaN(n)?e.min>0?e.min:e.max<0?e.max:e.min?0:t*e.step:n+t*e.step;e.value=Number(r.toFixed(12)).toString(),e._updatedValueAnnouncement=e.locale.numberField.updatedValueAnnouncement(e._presentationValue)}var E=e=>{let t=e.source;return{invalidCharacters:RegExp(`[^0-9\\-+e${t}]`,`g`),additionalDecimalSeparators:RegExp(`(?<=${t}.*)${t}`,`g`),trailingDecimalSeparator:RegExp(`${t}$`),decimalSeparator:e}},D=E(/\./),O=E(/,/),k=/^-?((\d*\.\d+)|(\d+))$/,A=class extends p.t(y.t(f.t(d.t(u.t(l.t(e.t(g.t(_.n(t.t))))))))){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.readOnly=!1,this.autofocus=!1,this.step=1,this.isUserInput=!1,this._presentationValue=``,this._updatedValueAnnouncement=``,this.incrementButtonAriaLabel=null,this.decrementButtonAriaLabel=null}stepChanged(e,t){this.proxy.setAttribute(`step`,Number.isFinite(t)?t.toString():``)}maxChanged(e,t){this.max=Math.max(t,this.min??t),this.proxy.max=this.max.toString(),this.validate()}minChanged(e,t){this.min=Math.min(t,this.max??t),this.proxy.min=this.min.toString(),this.validate()}get valueAsNumber(){return parseFloat(this.value)}set valueAsNumber(e){this.value=e.toString()}valueChanged(e,t){this.value=k.test(t)?t:``,t===this.value&&(this.control&&!this.isUserInput&&(this._presentationValue=this.#e(this.value)),super.valueChanged(e,this.value),e!==void 0&&!this.isUserInput&&(this.$emit(`input`),this.$emit(`change`)))}get _numberPatterns(){return this.locale.common.useCommaAsDecimalSeparator?O:D}#e(e){return e.replace(`.`,this.locale.common.useCommaAsDecimalSeparator?`,`:`.`)}#t(e){return e.replace(this._numberPatterns.invalidCharacters,``).replace(this._numberPatterns.additionalDecimalSeparators,``)}#n(e){let t=e.replace(this._numberPatterns.trailingDecimalSeparator,``).replace(this._numberPatterns.decimalSeparator,`.`);return k.test(t)?t:``}validate(){super.validate(this.control)}stepUp(){T(this,w.up)}stepDown(){T(this,w.down)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,`number`),this.validate(),this._presentationValue=this.#e(this.value),this.autofocus&&t.A.enqueue(()=>{this.focus()})}select(){this.control.select(),this.$emit(`select`)}handleTextInput(){this._presentationValue=this.#t(this.control.value),this.control.value!==this._presentationValue&&(this.control.value=this._presentationValue),this.isUserInput=!0,this.value=this.#n(this._presentationValue),this.isUserInput=!1}handleChange(){this.$emit(`change`)}handleKeyDown(e){switch(e.key){case h.i:return this.stepUp(),!1;case h.t:return this.stepDown(),!1}return!0}};s.t([t.u({attribute:`readonly`,mode:`boolean`})],A.prototype,`readOnly`,void 0),s.t([t.u({mode:`boolean`})],A.prototype,`autofocus`,void 0),s.t([t.u],A.prototype,`placeholder`,void 0),s.t([t.u],A.prototype,`list`,void 0),s.t([t.u({converter:t.d})],A.prototype,`maxlength`,void 0),s.t([t.u({converter:t.d})],A.prototype,`minlength`,void 0),s.t([t.u({converter:t.d})],A.prototype,`size`,void 0),s.t([t.u()],A.prototype,`scale`,void 0),s.t([t.u({converter:t.d})],A.prototype,`step`,void 0),s.t([t.u({converter:t.d})],A.prototype,`max`,void 0),s.t([t.u({converter:t.d})],A.prototype,`min`,void 0),s.t([t.D],A.prototype,`defaultSlottedNodes`,void 0),s.t([t.D],A.prototype,`_presentationValue`,void 0),s.t([t.D],A.prototype,`_updatedValueAnnouncement`,void 0),s.t([t.u({attribute:`increment-button-aria-label`})],A.prototype,`incrementButtonAriaLabel`,void 0),s.t([t.u({attribute:`decrement-button-aria-label`})],A.prototype,`decrementButtonAriaLabel`,void 0),s.t([t.u],A.prototype,`appearance`,void 0),s.t([t.u],A.prototype,`shape`,void 0),s.t([t.u],A.prototype,`autoComplete`,void 0);var j=({errorValidationMessage:e,disabled:t,value:n,readOnly:r,placeholder:i,appearance:a,shape:o,label:s,successText:c,scale:l})=>m.t([`error`,!!e],[`disabled`,t],[`has-value`,!!n],[`readonly`,r],[`placeholder`,!!i],[`appearance-${a}`,!!a],[`shape-${o}`,!!o],[`no-label`,!s],[`success`,!!c],[`size-${l}`,!!l]);function M(){return t.f` <label for="control" class="label">
+const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/slotted.cjs`),r=require(`../bundled/ref.cjs`),i=require(`../bundled/when.cjs`),a=require(`../bundled/definition.cjs`),o=require(`../bundled/enums.cjs`),s=require(`../bundled/decorate.cjs`),c=require(`../bundled/definition2.cjs`),l=require(`../bundled/affix.cjs`),u=require(`../bundled/form-element.cjs`),d=require(`../bundled/with-success-text.cjs`),f=require(`../bundled/with-error-text.cjs`),p=require(`../bundled/with-contextual-help.cjs`),m=require(`../bundled/class-names.cjs`),h=require(`../bundled/key-codes.cjs`),g=require(`../bundled/delegates-aria.cjs`),_=require(`../bundled/form-associated.cjs`),v=require(`../bundled/definition6.cjs`),y=require(`../bundled/mixins.cjs`),b=require(`../bundled/definition11.cjs`),x=require(`../bundled/definition19.cjs`),S=require(`../bundled/divider.cjs`);var C=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{display:inline-block}.base{--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.base{--_connotation-color-primary:var(--vvd-text-field-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-text-field-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-field-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-text-field-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-firm:var(--vvd-text-field-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-text-field-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-faint:var(--vvd-text-field-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-text-field-accent-soft,var(--vvd-color-neutral-100));--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_text-field-border-radius:8px;--_text-field-pill-border-radius:24px;grid-template-columns:min-content 1fr max-content;align-items:center;gap:4px;width:100%;display:inline-grid}.base.size-condensed{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_text-field-border-radius:4px}@supports (user-select:none){.base{user-select:none}}.base:not(.disabled){--_low-ink-color:var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color:var(--_appearance-color-text)}.label:not(slot),.label::slotted(label){font:var(--vvd-typography-base);grid-area:1/1/auto/4;box-sizing:initial!important;padding:initial!important;margin:initial!important;color:var(--vvd-color-canvas-text)!important}.char-count+.label:not(slot),.char-count+.label::slotted(label){grid-column:1/3}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.label-wrapper{grid-area:1/1/auto/4}.char-count+.label-wrapper{grid-column:1/3}.fieldset{background-color:var(--_appearance-color-fill);font:var(--vvd-typography-base);grid-column:1/4;align-items:center;padding-block:0;transition:color .2s,background-color .2s;display:flex;position:relative}.fieldset:after{border-radius:inherit;block-size:100%;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:"";pointer-events:none;inline-size:100%;transition:box-shadow .2s;display:block;position:absolute}.fieldset:focus-visible{outline:none}.base>.fieldset{block-size:var(--_text-field-block-size)}.base:not(.shape-pill) .fieldset{border-radius:var(--_text-field-border-radius)}.base.shape-pill .fieldset{border-radius:var(--_text-field-pill-border-radius)}.wrapper{border-radius:inherit;block-size:100%;inline-size:100%}.control{border-radius:inherit;text-align:start}.control:not(slot),.control::slotted(input){font:inherit;text-align:inherit;outline:#0000;box-sizing:border-box!important;border-radius:inherit!important;width:100%!important;margin:initial!important;appearance:none!important;block-size:100%!important;color:inherit!important;padding-block:0!important;padding-inline:var(--_text-field-gutter-start) var(--_text-field-gutter-end)!important;background-color:#0000!important;border:0!important}.control:not(slot):disabled,.control::slotted(input:disabled){cursor:not-allowed!important;opacity:1!important;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot)::placeholder{opacity:1!important;-webkit-text-fill-color:var(--_low-ink-color)!important}.control::slotted(input:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.has-icon .control:not(slot),.has-icon .control::slotted(input){padding-inline-start:calc(var(--_text-field-icon-size) + var(--_text-field-gutter-start) * 2)!important}.icon{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);line-height:1;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + var(--_text-field-gutter-start));transform:translateY(-50%)}.leading-items-wrapper{position:relative}.base.no-leading .leading-items-wrapper{display:none}.action-items-wrapper{margin-inline-end:4px}.base:not(.action-items) .action-items-wrapper{display:none}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.wrapper .control:focus-within):after{--focus-stroke-gap-color:transparent;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 not selector(:has(*)){.base:not(.has-activedescendant) .wrapper:focus-within: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));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:"";pointer-events:none;display:block;position:absolute;inset:0}}:host([internal-part]) .fieldset{font:var(--vvd-typography-heading-4);background-color:#0000;line-height:1.1}:host([internal-part]) .fieldset:not(:focus-within):after{block-size:1px;inset-block-end:0}@supports selector(:has(*)){:host([internal-part]) .fieldset:has(.action-items-wrapper:focus-within):after{block-size:1px;inset-block-end:0}}:host([internal-part]) .control{text-align:center}slot[name=_mirrored-helper-text]{display:none}.base{--_text-field-gutter-end:70px}.control::-webkit-outer-spin-button{appearance:none}.control::-webkit-inner-spin-button{appearance:none}.control-buttons{z-index:1;display:flex;position:absolute;right:3px}.readonly .control-buttons,.disabled .control-buttons{pointer-events:none}.control-buttons .divider{margin-block:8px}.control-buttons>*{flex-shrink:0}`,w={up:1,down:-1};function T(e,t){let n=parseFloat(e.value),r=isNaN(n)?e.min>0?e.min:e.max<0?e.max:e.min?0:t*e.step:n+t*e.step;e.value=Number(r.toFixed(12)).toString(),e._updatedValueAnnouncement=e.locale.numberField.updatedValueAnnouncement(e._presentationValue)}var E=e=>{let t=e.source;return{invalidCharacters:RegExp(`[^0-9\\-+e${t}]`,`g`),additionalDecimalSeparators:RegExp(`(?<=${t}.*)${t}`,`g`),trailingDecimalSeparator:RegExp(`${t}$`),decimalSeparator:e}},D=E(/\./),O=E(/,/),k=/^-?((\d*\.\d+)|(\d+))$/,A=class extends p.t(y.t(f.t(d.t(u.t(l.t(e.t(g.t(_.n(t.t))))))))){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.readOnly=!1,this.autofocus=!1,this.step=1,this.isUserInput=!1,this._presentationValue=``,this._updatedValueAnnouncement=``,this.incrementButtonAriaLabel=null,this.decrementButtonAriaLabel=null}stepChanged(e,t){this.proxy.setAttribute(`step`,Number.isFinite(t)?t.toString():``)}maxChanged(e,t){this.max=Math.max(t,this.min??t),this.proxy.max=this.max.toString(),this.validate()}minChanged(e,t){this.min=Math.min(t,this.max??t),this.proxy.min=this.min.toString(),this.validate()}get valueAsNumber(){return parseFloat(this.value)}set valueAsNumber(e){this.value=e.toString()}valueChanged(e,t){this.value=k.test(t)?t:``,t===this.value&&(this.control&&!this.isUserInput&&(this._presentationValue=this.#e(this.value)),super.valueChanged(e,this.value),e!==void 0&&!this.isUserInput&&(this.$emit(`input`),this.$emit(`change`)))}get _numberPatterns(){return this.locale.common.useCommaAsDecimalSeparator?O:D}#e(e){return e.replace(`.`,this.locale.common.useCommaAsDecimalSeparator?`,`:`.`)}#t(e){return e.replace(this._numberPatterns.invalidCharacters,``).replace(this._numberPatterns.additionalDecimalSeparators,``)}#n(e){let t=e.replace(this._numberPatterns.trailingDecimalSeparator,``).replace(this._numberPatterns.decimalSeparator,`.`);return k.test(t)?t:``}validate(){super.validate(this.control)}stepUp(){T(this,w.up)}stepDown(){T(this,w.down)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,`number`),this.validate(),this._presentationValue=this.#e(this.value),this.autofocus&&t.M.enqueue(()=>{this.focus()})}select(){this.control.select(),this.$emit(`select`)}handleTextInput(){this._presentationValue=this.#t(this.control.value),this.control.value!==this._presentationValue&&(this.control.value=this._presentationValue),this.isUserInput=!0,this.value=this.#n(this._presentationValue),this.isUserInput=!1}handleChange(){this.$emit(`change`)}handleKeyDown(e){switch(e.key){case h.i:return this.stepUp(),!1;case h.t:return this.stepDown(),!1}return!0}};s.t([t.m({attribute:`readonly`,mode:`boolean`})],A.prototype,`readOnly`,void 0),s.t([t.m({mode:`boolean`})],A.prototype,`autofocus`,void 0),s.t([t.m],A.prototype,`placeholder`,void 0),s.t([t.m],A.prototype,`list`,void 0),s.t([t.m({converter:t.h})],A.prototype,`maxlength`,void 0),s.t([t.m({converter:t.h})],A.prototype,`minlength`,void 0),s.t([t.m({converter:t.h})],A.prototype,`size`,void 0),s.t([t.m()],A.prototype,`scale`,void 0),s.t([t.m({converter:t.h})],A.prototype,`step`,void 0),s.t([t.m({converter:t.h})],A.prototype,`max`,void 0),s.t([t.m({converter:t.h})],A.prototype,`min`,void 0),s.t([t.A],A.prototype,`defaultSlottedNodes`,void 0),s.t([t.A],A.prototype,`_presentationValue`,void 0),s.t([t.A],A.prototype,`_updatedValueAnnouncement`,void 0),s.t([t.m({attribute:`increment-button-aria-label`})],A.prototype,`incrementButtonAriaLabel`,void 0),s.t([t.m({attribute:`decrement-button-aria-label`})],A.prototype,`decrementButtonAriaLabel`,void 0),s.t([t.m],A.prototype,`appearance`,void 0),s.t([t.m],A.prototype,`shape`,void 0),s.t([t.m],A.prototype,`autoComplete`,void 0);var j=({errorValidationMessage:e,disabled:t,value:n,readOnly:r,placeholder:i,appearance:a,shape:o,label:s,successText:c,scale:l})=>m.t([`error`,!!e],[`disabled`,t],[`has-value`,!!n],[`readonly`,r],[`placeholder`,!!i],[`appearance-${a}`,!!a],[`shape-${o}`,!!o],[`no-label`,!s],[`success`,!!c],[`size-${l}`,!!l]);function M(){return t.p` <label for="control" class="label">
 		${e=>e.label}
-	</label>`}function N(e){return e.shape===o.i.Pill?o.i.Pill:null}function P(e){return e.disabled||e.readOnly?`-1`:null}function F(e){let n=e.tagFor(v.i),r=e.tagFor(S.t);return t.f`
+	</label>`}function N(e){return e.shape===o.i.Pill?o.i.Pill:null}function P(e){return e.disabled||e.readOnly?`-1`:null}function F(e){let n=e.tagFor(v.i),r=e.tagFor(S.t);return t.p`
 		<div class="control-buttons" ?inert="${e=>e.disabled||e.readOnly}">
 			<${n} id="subtract" icon="minus-line"
 				?disabled="${e=>e.disabled||e.readOnly}"
@@ -20,11 +20,11 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				tabindex="${P}"
 				@click="${e=>e.stepUp()}"></${n}>
 			</div>
-	`}var I=t.s(`number-field`,A,e=>{let o=e.tagFor(a.r);return t.f`
+	`}var I=t.u(`number-field`,A,e=>{let o=e.tagFor(a.r);return t.p`
 		<div class="base ${j}">
 			<div class="label-wrapper" ?hidden=${e=>!e.label&&!e._hasContextualHelp}>
-				${r.t(e=>e.label,M())}
-				<slot name="contextual-help" ${i.t(`_contextualHelpSlottedContent`)}></slot>
+				${i.t(e=>e.label,M())}
+				<slot name="contextual-help" ${n.t(`_contextualHelpSlottedContent`)}></slot>
 			</div>
 			<div class="fieldset">
 				<div class="wrapper">
@@ -48,9 +48,8 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 						?spellcheck="${e=>e.spellcheck}"
 						:value="${e=>e._presentationValue}"
 						type="text"
-						aria-describedby="${e=>e._feedbackDescribedBy}"
-						${g.n()}
-						${n.t(`control`)}
+						${g.n({ariaDescribedBy:e=>e._feedbackDescribedBy})}
+						${r.t(`control`)}
 					/>
 				</div>
 				${()=>F(e)}
@@ -59,4 +58,4 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			<${o} id="value-announcement" role="status" aria-atomic="true">
 				${e=>e._updatedValueAnnouncement}</${o}>
 		</div>
-	`},[v.t,x.t,c.t,y.a,a.n,b.t],{styles:C,shadowOptions:{delegatesFocus:!0}});t.c(I)();
+	`},[v.t,x.t,c.t,y.r,a.n,b.t],{styles:C,shadowOptions:{delegatesFocus:!0}});t.d(I)();