@vonage/vivid 5.25.0 → 5.28.0

package/avatar/index.js

@@ -2,53 +2,62 @@ 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 { t as l } from "../bundled/icon.js";
 import { n as u } from "../bundled/delegates-aria.js";
-import { t as d } from "../bundled/linkable.js";
+import { t as d } from "../bundled/component-enum.js";
+import { t as f } from "../bundled/linkable.js";
 //#region src/lib/avatar/avatar.scss?inline
-var f = ":host{display:inline-block}.base.connotation-cta{--_connotation-color-primary:var(--vvd-avatar-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-avatar-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-cta-firm,var(--vvd-color-cta-600));--_connotation-color-firm-all:var(--vvd-avatar-cta-firm-all,var(--vvd-color-cta-600));--_connotation-color-fierce:var(--vvd-avatar-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-pale:var(--vvd-avatar-cta-pale,var(--vvd-color-cta-300));--_connotation-color-soft:var(--vvd-avatar-cta-soft,var(--vvd-color-cta-100));--_connotation-color-contrast:var(--vvd-avatar-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-avatar-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-avatar-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-firm-all:var(--vvd-avatar-accent-firm-all,var(--vvd-color-neutral-600));--_connotation-color-fierce:var(--vvd-avatar-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-pale:var(--vvd-avatar-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-soft:var(--vvd-avatar-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-avatar-accent-contrast,var(--vvd-color-neutral-800))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.appearance-duotone{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base{border-radius:var(--_avatar-border-radius);background-color:var(--_appearance-color-fill);block-size:var(--_size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:var(--_size);vertical-align:middle;border:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.base.size-condensed{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.base.size-condensed .initials{font:var(--vvd-typography-base-condensed-bold)}.base.size-condensed .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);line-height:1}.base.size-expanded{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.base.size-expanded .initials{font:var(--vvd-typography-heading-4)}.base.size-expanded .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8)) / 2);line-height:1}.base:is(a,button){cursor:pointer;--focus-stroke-gap-color:transparent}.base:not(.shape-pill){--_avatar-border-radius:8px}.base:not(.shape-pill).size-condensed{--_avatar-border-radius:4px}.base:not(.size-condensed,.size-expanded){--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.base:not(.size-condensed,.size-expanded) .initials{font:var(--vvd-typography-base-extended-bold)}.base:not(.size-condensed,.size-expanded) .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);line-height:1}.base:is(a,button):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))}.base.shape-pill{--_avatar-border-radius:50%}.base .initials{text-transform:uppercase}.base ::slotted([slot=graphic]){object-fit:cover;block-size:100%;inline-size:100%}", p = class extends d(r) {
+var p = ":host{display:inline-block}.base{border-radius:var(--_avatar-border-radius);background-color:var(--_appearance-color-fill);block-size:var(--_size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:var(--_size);vertical-align:middle;border:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.base.size-condensed{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.base.size-condensed .initials{font:var(--vvd-typography-base-condensed-bold)}.base.size-condensed .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);line-height:1}.base.size-expanded{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.base.size-expanded .initials{font:var(--vvd-typography-heading-4)}.base.size-expanded .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8)) / 2);line-height:1}.base:is(a,button){cursor:pointer;--focus-stroke-gap-color:transparent}.base:not(.shape-pill){--_avatar-border-radius:8px}.base:not(.shape-pill).size-condensed{--_avatar-border-radius:4px}.base:not(.size-condensed,.size-expanded){--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.base:not(.size-condensed,.size-expanded) .initials{font:var(--vvd-typography-base-extended-bold)}.base:not(.size-condensed,.size-expanded) .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);line-height:1}.base:is(a,button):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))}.base.shape-pill{--_avatar-border-radius:50%}.base .initials{text-transform:uppercase}.base ::slotted([slot=graphic]){object-fit:cover;block-size:100%;inline-size:100%}", m = d(["accent", "cta"], "accent"), h = d([
+	"filled",
+	"outlined",
+	"duotone",
+	"subtle"
+], "filled"), g = class extends f(r) {
 	constructor(...e) {
 		super(...e), this.clickable = !1;
 	}
 };
-o([t], p.prototype, "connotation", void 0), o([t], p.prototype, "shape", void 0), o([t], p.prototype, "appearance", void 0), o([t], p.prototype, "size", void 0), o([t], p.prototype, "icon", void 0), o([t], p.prototype, "initials", void 0), o([t({
+o([t], g.prototype, "connotation", void 0), o([t], g.prototype, "shape", void 0), o([t], g.prototype, "appearance", void 0), o([t], g.prototype, "size", void 0), o([t], g.prototype, "icon", void 0), o([t], g.prototype, "initials", void 0), o([t({
 	mode: "boolean",
 	attribute: "clickable"
-})], p.prototype, "clickable", void 0);
+})], g.prototype, "clickable", void 0);
 //#endregion
 //#region src/lib/avatar/avatar.template.ts
-var m = (e) => s("base", [`connotation-${e.connotation}`, !!e.connotation], [`appearance-${e.appearance}`, !!e.appearance], [`shape-${e.shape}`, !!e.shape], [`size-${e.size}`, !!e.size]);
-function h(e) {
+var _ = (e) => !!(e.clickable || e.href), v = (e) => s("base", `connotation-${m.parse(e.connotation)}`, `appearance-${h.parse(e.appearance)}`, "with-idle", ["with-hover", _(e)], ["with-active", _(e)], ["active", _(e) && e.ariaExpanded === "true"], [`shape-${e.shape}`, !!e.shape], [`size-${e.size}`, !!e.size]);
+function y(e) {
 	return n`
 		<${e} name="${(e) => e.icon ? e.icon : "user-line"}"></${e}>
 	`;
 }
-function g() {
+function b() {
 	return n`
 		<span class="initials">${({ initials: e }) => e.substring(0, 2)}</span>
 	`;
 }
-function _(e, t) {
-	return e.href ? e._renderLinkElement(t, m) : e.clickable ? n`<button
+function x(e, t) {
+	return e.href ? e._renderLinkElement(t, v) : e.clickable ? n`<button
 			type="button"
-			class="${m}"
+			class="${v}"
 			${u()}
 		>
 			${t}
-		</button>` : n`<span class="${m}">${t}</span>`;
+		</button>` : n`<span class="${v}">${t}</span>`;
 }
 //#endregion
-//#region src/lib/avatar/index.ts
-e(i("avatar", p, (e) => {
+//#region src/lib/avatar/definition.ts
+var S = i("avatar", g, (e) => {
 	let t = e.tagFor(l);
 	return n`
-		${(e) => _(e, n`<slot name="graphic">
-					${a((e) => e.initials, g())}
+		${(e) => x(e, n`<slot name="graphic">
+					${a((e) => e.initials, b())}
 					${a((e) => !e.initials, n`<span class="icon"
-							><slot name="icon">${h(t)}</slot></span
+							><slot name="icon">${y(t)}</slot></span
 						>`)}</slot
 				>`)}
 	`;
-}, [c], { styles: f }))();
+}, [c], { styles: p });
+//#endregion
+//#region src/lib/avatar/index.ts
+e(S)();
 //#endregion

package/badge/index.cjs

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

package/banner/index.cjs

@@ -1,19 +1,19 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/slotted.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/enums.cjs`),a=require(`../bundled/decorate.cjs`),o=require(`../bundled/class-names.cjs`),s=require(`../bundled/definition3.cjs`),c=require(`../bundled/affix.cjs`),l=require(`../bundled/delegates-aria.cjs`),u=require(`../bundled/definition6.cjs`);var d=`:host{display:block}.control.connotation-success{--_connotation-color-primary:var(--vvd-banner-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-banner-success-primary-text,var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary:var(--vvd-banner-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-banner-alert-primary-text,var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary:var(--vvd-banner-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-banner-announcement-primary-text,var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary:var(--vvd-banner-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-banner-warning-primary-text,var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary:var(--vvd-banner-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-banner-information-primary-text,var(--vvd-color-canvas))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;background-color:var(--_appearance-color-fill);max-height:160px;color:var(--_appearance-color-text);transition:max-height var(--transition-delay,.2s);overflow:hidden}@media (prefers-reduced-motion:reduce){.control{transition-duration:.01ms}}.control.removing{max-height:0}.header{box-sizing:border-box;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20));align-items:center;display:flex}.header .content{flex-grow:1;justify-content:center;align-items:center;column-gap:16px;inline-size:100%;padding:10px 16px;display:flex}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}`,f={[i.n.Information]:`info-solid`,[i.n.Announcement]:`megaphone-solid`,[i.n.Success]:`check-circle-solid`,[i.n.Warning]:`warning-solid`,[i.n.Alert]:`error-solid`},p=(e=i.n.Information)=>f[e],m=class extends c.t(e.t(l.t(t.t))){constructor(...e){super(...e),this.dismissButtonAriaLabel=null,this.removable=!1,this.#e=()=>{this.$emit(`removed`),this.parentElement?.removeChild(this)},this.#t=e=>{e.key!==`Escape`||!this.removable||this.remove()}}get conditionedIcon(){return this.icon??p(this.connotation)}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`keydown`,this.#t)}remove(){this.$emit(`removing`);let e=this.shadowRoot&&this.shadowRoot.querySelector(`.control`);e?.classList.add(`removing`),e?.addEventListener(`transitionend`,this.#e)}#e;#t};a.t([t.m({attribute:`dismiss-aria-label`})],m.prototype,`dismissButtonAriaLabel`,void 0),a.t([t.m({mode:`boolean`})],m.prototype,`removable`,void 0),a.t([t.m()],m.prototype,`text`,void 0),a.t([t.m()],m.prototype,`connotation`,void 0),a.t([t.A],m.prototype,`actionItemsSlottedContent`,void 0);var h=e=>o.t(`control`,[`connotation-${e.connotation}`,!!e.connotation]);function g(e){return t.p`
+const e=require("../bundled/localized.cjs"),t=require("../bundled/vivid-element.cjs"),n=require("../bundled/slotted.cjs"),r=require("../bundled/when.cjs"),i=require("../bundled/decorate.cjs"),a=require("../bundled/class-names.cjs"),o=require("../bundled/definition2.cjs"),s=require("../bundled/affix.cjs"),c=require("../bundled/delegates-aria.cjs"),l=require("../bundled/component-enum.cjs"),u=require("../bundled/definition5.cjs");var d=`:host{display:block}.control{background-color:var(--_appearance-color-fill);max-height:160px;color:var(--_appearance-color-text);transition:max-height var(--transition-delay,.2s);overflow:hidden}@media (prefers-reduced-motion:reduce){.control{transition-duration:.01ms}}.control.removing{max-height:0}.header{box-sizing:border-box;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20));align-items:center;display:flex}.header .content{flex-grow:1;justify-content:center;align-items:center;column-gap:16px;inline-size:100%;padding:10px 16px;display:flex}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}`,f=l.t([`information`,`announcement`,`success`,`warning`,`alert`],`information`),p={information:`info-solid`,announcement:`megaphone-solid`,success:`check-circle-solid`,warning:`warning-solid`,alert:`error-solid`},m=class extends s.t(e.t(c.t(t.t))){constructor(...e){super(...e),this.dismissButtonAriaLabel=null,this.removable=!1,this.#e=()=>{this.$emit(`removed`),this.parentElement?.removeChild(this)},this.#t=e=>{e.key!==`Escape`||!this.removable||this.remove()}}get conditionedIcon(){return this.icon??p[f.parse(this.connotation)]}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`keydown`,this.#t)}remove(){this.$emit(`removing`);let e=this.shadowRoot&&this.shadowRoot.querySelector(`.control`);e?.classList.add(`removing`),e?.addEventListener(`transitionend`,this.#e)}#e;#t};i.t([t.m({attribute:`dismiss-aria-label`})],m.prototype,`dismissButtonAriaLabel`,void 0),i.t([t.m({mode:`boolean`})],m.prototype,`removable`,void 0),i.t([t.m()],m.prototype,`text`,void 0),i.t([t.m()],m.prototype,`connotation`,void 0),i.t([t.A],m.prototype,`actionItemsSlottedContent`,void 0);var h=e=>a.t(`control`,`connotation-${f.parse(e.connotation)}`,`appearance-filled`,`with-idle`);function g(e){return t.p`
 	  <${e}
 	  		aria-label="${e=>e.dismissButtonAriaLabel||e.locale.banner.dismissButtonLabel}"
-			part="${e=>e.connotation===`warning`?``:`vvd-theme-alternate`}"
+			part="${e=>f.parse(e.connotation)===`warning`?``:`vvd-theme-alternate`}"
 			size="condensed"
 			class="dismiss-button"
 			icon="close-line"
 			@click="${e=>e.remove()}">
-	  </${e}>`}var _=(e,t)=>{let n=c.a(e),r=t.conditionedIcon,i=!t.icon&&t.connotation?{label:t.locale.connotationAnnoncement[`${t.connotation}Icon`],announceOnUpdate:!1}:void 0;return n(r,c.i.Slot,c.r.Hidden,i)},v=t.u(`banner`,m,e=>{let i=e.tagFor(u.i);return t.p`
+	  </${e}>`}var _=(e,t)=>{let n=s.a(e),r=t.conditionedIcon,i=f.parse(t.connotation),a=!t.icon&&i?{label:t.locale.connotationAnnoncement[`${i}Icon`],announceOnUpdate:!1}:void 0;return n(r,s.i.Slot,s.r.Hidden,a)},v=t.u(`banner`,m,e=>{let i=e.tagFor(u.i);return t.p`
 		<div class="${h}">
 			<header class="header">
 				<div class="content">
 					${t=>_(e,t)}
 					<div
 						class="banner-message"
-						${l.n({role:e=>e.role?e.role:`status`,ariaLive:e=>e.ariaLive?e.ariaLive:`polite`})}
+						${c.n({role:e=>e.role?e.role:`status`,ariaLive:e=>e.ariaLive?e.ariaLive:`polite`})}
 					>
 						${e=>e.text}
 					</div>
@@ -27,4 +27,4 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				${r.t(e=>e.removable,g(i))}
 			</header>
 		</div>
-	`},[s.t,u.t],{styles:d});t.d(v)();
+	`},[o.t,u.t],{styles:d});t.d(v)();

package/banner/index.js

@@ -2,21 +2,27 @@ import { t as e } from "../bundled/localized.js";
 import { A as t, d as n, m as r, p as i, t as a, u as o } from "../bundled/vivid-element.js";
 import { t as s } from "../bundled/slotted.js";
 import { t as c } from "../bundled/when.js";
-import { n as l } from "../bundled/enums.js";
-import { t as u } from "../bundled/decorate.js";
-import { t as d } from "../bundled/class-names.js";
-import { t as f } from "../bundled/definition3.js";
-import { a as p, i as m, r as h, t as g } from "../bundled/affix.js";
-import { n as _, t as v } from "../bundled/delegates-aria.js";
-import { i as y, t as b } from "../bundled/definition6.js";
+import { t as l } from "../bundled/decorate.js";
+import { t as u } from "../bundled/class-names.js";
+import { t as d } from "../bundled/definition2.js";
+import { a as f, i as p, r as m, t as h } from "../bundled/affix.js";
+import { n as g, t as _ } from "../bundled/delegates-aria.js";
+import { t as v } from "../bundled/component-enum.js";
+import { i as y, t as b } from "../bundled/definition5.js";
 //#region src/lib/banner/banner.scss?inline
-var x = ":host{display:block}.control.connotation-success{--_connotation-color-primary:var(--vvd-banner-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-banner-success-primary-text,var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary:var(--vvd-banner-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-banner-alert-primary-text,var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary:var(--vvd-banner-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-banner-announcement-primary-text,var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary:var(--vvd-banner-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-banner-warning-primary-text,var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary:var(--vvd-banner-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-banner-information-primary-text,var(--vvd-color-canvas))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;background-color:var(--_appearance-color-fill);max-height:160px;color:var(--_appearance-color-text);transition:max-height var(--transition-delay,.2s);overflow:hidden}@media (prefers-reduced-motion:reduce){.control{transition-duration:.01ms}}.control.removing{max-height:0}.header{box-sizing:border-box;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20));align-items:center;display:flex}.header .content{flex-grow:1;justify-content:center;align-items:center;column-gap:16px;inline-size:100%;padding:10px 16px;display:flex}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}", S = {
-	[l.Information]: "info-solid",
-	[l.Announcement]: "megaphone-solid",
-	[l.Success]: "check-circle-solid",
-	[l.Warning]: "warning-solid",
-	[l.Alert]: "error-solid"
-}, C = (e = l.Information) => S[e], w = class extends g(e(v(a))) {
+var x = ":host{display:block}.control{background-color:var(--_appearance-color-fill);max-height:160px;color:var(--_appearance-color-text);transition:max-height var(--transition-delay,.2s);overflow:hidden}@media (prefers-reduced-motion:reduce){.control{transition-duration:.01ms}}.control.removing{max-height:0}.header{box-sizing:border-box;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20));align-items:center;display:flex}.header .content{flex-grow:1;justify-content:center;align-items:center;column-gap:16px;inline-size:100%;padding:10px 16px;display:flex}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}", S = v([
+	"information",
+	"announcement",
+	"success",
+	"warning",
+	"alert"
+], "information"), C = {
+	information: "info-solid",
+	announcement: "megaphone-solid",
+	success: "check-circle-solid",
+	warning: "warning-solid",
+	alert: "error-solid"
+}, w = class extends h(e(_(a))) {
 	constructor(...e) {
 		super(...e), this.dismissButtonAriaLabel = null, this.removable = !1, this.#e = () => {
 			this.$emit("removed"), this.parentElement?.removeChild(this);
@@ -25,7 +31,7 @@ var x = ":host{display:block}.control.connotation-success{--_connotation-color-p
 		};
 	}
 	get conditionedIcon() {
-		return this.icon ?? C(this.connotation);
+		return this.icon ?? C[S.parse(this.connotation)];
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.addEventListener("keydown", this.#t);
@@ -41,15 +47,15 @@ var x = ":host{display:block}.control.connotation-success{--_connotation-color-p
 	#e;
 	#t;
 };
-u([r({ attribute: "dismiss-aria-label" })], w.prototype, "dismissButtonAriaLabel", void 0), u([r({ mode: "boolean" })], w.prototype, "removable", void 0), u([r()], w.prototype, "text", void 0), u([r()], w.prototype, "connotation", void 0), u([t], w.prototype, "actionItemsSlottedContent", void 0);
+l([r({ attribute: "dismiss-aria-label" })], w.prototype, "dismissButtonAriaLabel", void 0), l([r({ mode: "boolean" })], w.prototype, "removable", void 0), l([r()], w.prototype, "text", void 0), l([r()], w.prototype, "connotation", void 0), l([t], w.prototype, "actionItemsSlottedContent", void 0);
 //#endregion
 //#region src/lib/banner/banner.template.ts
-var T = (e) => d("control", [`connotation-${e.connotation}`, !!e.connotation]);
+var T = (e) => u("control", `connotation-${S.parse(e.connotation)}`, "appearance-filled", "with-idle");
 function E(e) {
 	return i`
 	  <${e}
 	  		aria-label="${(e) => e.dismissButtonAriaLabel || e.locale.banner.dismissButtonLabel}"
-			part="${(e) => e.connotation === "warning" ? "" : "vvd-theme-alternate"}"
+			part="${(e) => S.parse(e.connotation) === "warning" ? "" : "vvd-theme-alternate"}"
 			size="condensed"
 			class="dismiss-button"
 			icon="close-line"
@@ -57,15 +63,12 @@ function E(e) {
 	  </${e}>`;
 }
 var D = (e, t) => {
-	let n = p(e), r = t.conditionedIcon, i = !t.icon && t.connotation ? {
-		label: t.locale.connotationAnnoncement[`${t.connotation}Icon`],
+	let n = f(e), r = t.conditionedIcon, i = S.parse(t.connotation), a = !t.icon && i ? {
+		label: t.locale.connotationAnnoncement[`${i}Icon`],
 		announceOnUpdate: !1
 	} : void 0;
-	return n(r, m.Slot, h.Hidden, i);
-};
-//#endregion
-//#region src/lib/banner/index.ts
-n(o("banner", w, (e) => {
+	return n(r, p.Slot, m.Hidden, a);
+}, O = o("banner", w, (e) => {
 	let t = e.tagFor(y);
 	return i`
 		<div class="${T}">
@@ -74,7 +77,7 @@ n(o("banner", w, (e) => {
 					${(t) => D(e, t)}
 					<div
 						class="banner-message"
-						${_({
+						${g({
 		role: (e) => e.role ? e.role : "status",
 		ariaLive: (e) => e.ariaLive ? e.ariaLive : "polite"
 	})}
@@ -92,5 +95,8 @@ n(o("banner", w, (e) => {
 			</header>
 		</div>
 	`;
-}, [f, b], { styles: x }))();
+}, [d, b], { styles: x });
+//#endregion
+//#region src/lib/banner/index.ts
+n(O)();
 //#endregion

package/breadcrumb/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/slotted.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/delegates-aria.cjs`),i=require(`../bundled/breadcrumb-item.cjs`);var a=e.p`
+const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/slotted.cjs"),n=require("../bundled/decorate.cjs"),r=require("../bundled/delegates-aria.cjs"),i=require("../bundled/breadcrumb-item.cjs");var a=e.p`
 	<nav
 		class="base"
 		${r.n({ariaLabel:e=>e.ariaLabel||`breadcrumbs`})}

package/breadcrumb/index.js

@@ -37,7 +37,11 @@ var d = n`
 		n !== null && (t ? n.setAttribute("aria-current", "page") : n.removeAttribute("aria-current"));
 	}
 };
+s([e], p.prototype, "slottedBreadcrumbItems", void 0);
+//#endregion
+//#region src/lib/breadcrumb/definition.ts
+var m = i("breadcrumb", p, d, [], { styles: f });
 //#endregion
 //#region src/lib/breadcrumb/index.ts
-s([e], p.prototype, "slottedBreadcrumbItems", void 0), t(i("breadcrumb", p, d, [], { styles: f }))();
+t(m)();
 //#endregion

package/breadcrumb-item/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/class-names.cjs`),r=require(`../bundled/definition3.cjs`),i=require(`../bundled/icon.cjs`),a=require(`../bundled/breadcrumb-item.cjs`);var o=`:host{flex:0 auto;min-inline-size:0}.base{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);align-items:center;min-inline-size:0;display:flex}.base .separator{color:var(--vvd-color-neutral-600);margin:0 16px;font-size:12px}.text{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;display:block;overflow:hidden}.control{font:inherit;min-inline-size:0;display:block}.control:focus-visible{outline:none;position:relative}.control: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));--focus-stroke-gap-color:transparent;--focus-block-size-addition:8px;--focus-border-radius:4px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}@media (hover:hover){.control:any-link:hover{text-decoration:underline}}`,s=e=>n.t(`base`),c=e.u(`breadcrumb-item`,a.t,n=>{let r=n.tagFor(i.t);return e.p` <div role="listitem" class="${s}">
+const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/when.cjs"),n=require("../bundled/class-names.cjs"),r=require("../bundled/definition2.cjs"),i=require("../bundled/icon.cjs"),a=require("../bundled/breadcrumb-item.cjs");var o=`:host{flex:0 auto;min-inline-size:0}.base{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);align-items:center;min-inline-size:0;display:flex}.base .separator{color:var(--vvd-color-neutral-600);margin:0 16px;font-size:12px}.text{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;display:block;overflow:hidden}.control{font:inherit;min-inline-size:0;display:block}.control:focus-visible{outline:none;position:relative}.control: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));--focus-stroke-gap-color:transparent;--focus-block-size-addition:8px;--focus-border-radius:4px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}@media (hover:hover){.control:any-link:hover{text-decoration:underline}}`,s=e=>n.t(`base`),c=e.u(`breadcrumb-item`,a.t,n=>{let r=n.tagFor(i.t);return e.p` <div role="listitem" class="${s}">
 		${t.t(e=>e.text&&!e.href,e.p`<span class="text" title="${e=>e.text}"
 				>${e=>e.text}</span
 			>`)}

package/breadcrumb-item/index.js

@@ -1,14 +1,11 @@
 import { d as e, p as t, u as n } from "../bundled/vivid-element.js";
 import { t as r } from "../bundled/when.js";
 import { t as i } from "../bundled/class-names.js";
-import { t as a } from "../bundled/definition3.js";
+import { t as a } from "../bundled/definition2.js";
 import { t as o } from "../bundled/icon.js";
 import { t as s } from "../bundled/breadcrumb-item.js";
 //#region src/lib/breadcrumb-item/breadcrumb-item.scss?inline
-var c = ":host{flex:0 auto;min-inline-size:0}.base{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);align-items:center;min-inline-size:0;display:flex}.base .separator{color:var(--vvd-color-neutral-600);margin:0 16px;font-size:12px}.text{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;display:block;overflow:hidden}.control{font:inherit;min-inline-size:0;display:block}.control:focus-visible{outline:none;position:relative}.control: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));--focus-stroke-gap-color:transparent;--focus-block-size-addition:8px;--focus-border-radius:4px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}@media (hover:hover){.control:any-link:hover{text-decoration:underline}}", l = (e) => i("base");
-//#endregion
-//#region src/lib/breadcrumb-item/index.ts
-e(n("breadcrumb-item", s, (e) => {
+var c = ":host{flex:0 auto;min-inline-size:0}.base{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);align-items:center;min-inline-size:0;display:flex}.base .separator{color:var(--vvd-color-neutral-600);margin:0 16px;font-size:12px}.text{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;display:block;overflow:hidden}.control{font:inherit;min-inline-size:0;display:block}.control:focus-visible{outline:none;position:relative}.control: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));--focus-stroke-gap-color:transparent;--focus-block-size-addition:8px;--focus-border-radius:4px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}@media (hover:hover){.control:any-link:hover{text-decoration:underline}}", l = (e) => i("base"), u = n("breadcrumb-item", s, (e) => {
 	let n = e.tagFor(o);
 	return t` <div role="listitem" class="${l}">
 		${r((e) => e.text && !e.href, t`<span class="text" title="${(e) => e.text}"
@@ -22,5 +19,8 @@ e(n("breadcrumb-item", s, (e) => {
 }, [a], {
 	styles: c,
 	shadowOptions: { delegatesFocus: !0 }
-}))();
+});
+//#endregion
+//#region src/lib/breadcrumb-item/index.ts
+e(u)();
 //#endregion

package/bundled/affix.cjs

@@ -1,13 +1,13 @@
-const e=require(`./vivid-element.cjs`),t=require(`./slotted.cjs`),n=require(`./decorate.cjs`),r=require(`./icon.cjs`);var i=t=>{class r extends t{}return n.t([e.m],r.prototype,`icon`,void 0),n.t([e.A],r.prototype,`iconSlottedContent`,void 0),r},a=t=>{class r extends i(t){constructor(...e){super(...e),this.iconTrailing=!1}}return n.t([e.m({mode:`boolean`,attribute:`icon-trailing`})],r.prototype,`iconTrailing`,void 0),r},o={Slot:!1,Span:!0},s={Hidden:`true`,Visible:`false`},c=n=>{let i=n.tagFor(r.t);return(n,r=o.Span,a=s.Hidden,c={label:``,announceOnUpdate:!1})=>{if(!n&&!r)return e.p`<slot
+const e=require("./vivid-element.cjs"),t=require("./slotted.cjs"),n=require("./decorate.cjs"),r=require("./icon.cjs");var i=t=>{class r extends t{}return n.t([e.m],r.prototype,`icon`,void 0),n.t([e.A],r.prototype,`iconSlottedContent`,void 0),r},a=t=>{class r extends i(t){constructor(...e){super(...e),this.iconTrailing=!1}}return n.t([e.m({mode:`boolean`,attribute:`icon-trailing`})],r.prototype,`iconTrailing`,void 0),r},o={Slot:!1,Span:!0},s={Hidden:`true`,Visible:`false`},c=n=>{let i=n.tagFor(r.t);return(n,r=o.Span,a=s.Hidden,c={label:``,announceOnUpdate:!1})=>{if(!n&&!r)return e.p`<slot
 				name="icon"
 				aria-hidden="${()=>a}"
 				${t.t(`iconSlottedContent`)}
 			></slot>`;if(!n&&r)return null;let l=e.p`<${i} :name="${()=>n}" :label="${()=>c.label||void 0}"></${i}>`,u=e.p.partial(r?`span`:`slot`);return e.p`<${u}
 					class="${()=>r?`icon`:void 0}"
 					:name="${()=>r?void 0:`icon`}"
-					aria-hidden="${()=>c.label?!1:a}"
+					aria-hidden="${()=>!c.label&&a}"
 					:role="${()=>c.announceOnUpdate?`status`:void 0}"
 					:ariaLive="${()=>c.announceOnUpdate?`polite`:void 0}"
 			  >
 					${l}
-			  </${u}>`}};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+			  </${u}>`}};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/bundled/affix.js

@@ -38,7 +38,7 @@ var o = (n) => {
 		return n`<${u}
 					class="${() => i ? "icon" : void 0}"
 					:name="${() => i ? void 0 : "icon"}"
-					aria-hidden="${() => o.label ? !1 : a}"
+					aria-hidden="${() => !o.label && a}"
 					:role="${() => o.announceOnUpdate ? "status" : void 0}"
 					:ariaLive="${() => o.announceOnUpdate ? "polite" : void 0}"
 			  >

package/bundled/anchored.cjs

@@ -1,4 +1,4 @@
-const e=require(`./vivid-element.cjs`),t=require(`./slotted.cjs`),n=require(`./decorate.cjs`);var r=t=>{class r extends t{anchorChanged(){this.#e()}_slottedAnchorChanged(){let t=!!(this._slottedAnchor&&this._slottedAnchor.length>0);e.P.setBooleanAttribute(this,`slotted-anchor`,t),this.#e()}#e=()=>{if(!this.isConnected){this._anchorEl=void 0;return}this.#r();let e;this._slottedAnchor&&this._slottedAnchor.length>0?e=this._slottedAnchor[0]:this.anchor instanceof HTMLElement?e=this.anchor:typeof this.anchor==`string`&&(e=document.getElementById(this.anchor)??void 0,e||this.#n(this.anchor)),this._anchorEl=e};#t;#n=e=>{this.#t=new MutationObserver(()=>{let t=document.getElementById(e);t&&(this._anchorEl=t,this.#r())}),this.#t.observe(document.body,{childList:!0,subtree:!0})};#r=()=>{this.#t?.disconnect(),this.#t=void 0};connectedCallback(){super.connectedCallback(),this.#e()}disconnectedCallback(){super.disconnectedCallback(),this.#r(),this._anchorEl=void 0}}return n.t([e.m],r.prototype,`anchor`,void 0),n.t([e.A],r.prototype,`_slottedAnchor`,void 0),n.t([e.A],r.prototype,`_anchorEl`,void 0),r},i=()=>e.p`<slot
+const e=require("./vivid-element.cjs"),t=require("./slotted.cjs"),n=require("./decorate.cjs");var r=t=>{class r extends t{anchorChanged(){this.#e()}_slottedAnchorChanged(){let t=!!(this._slottedAnchor&&this._slottedAnchor.length>0);e.P.setBooleanAttribute(this,`slotted-anchor`,t),this.#e()}#e=()=>{if(!this.isConnected){this._anchorEl=void 0;return}this.#r();let e;this._slottedAnchor&&this._slottedAnchor.length>0?e=this._slottedAnchor[0]:this.anchor instanceof HTMLElement?e=this.anchor:typeof this.anchor==`string`&&(e=document.getElementById(this.anchor)??void 0,e||this.#n(this.anchor)),this._anchorEl=e};#t;#n=e=>{this.#t=new MutationObserver(()=>{let t=document.getElementById(e);t&&(this._anchorEl=t,this.#r())}),this.#t.observe(document.body,{childList:!0,subtree:!0})};#r=()=>{this.#t?.disconnect(),this.#t=void 0};connectedCallback(){super.connectedCallback(),this.#e()}disconnectedCallback(){super.disconnectedCallback(),this.#r(),this._anchorEl=void 0}}return n.t([e.m],r.prototype,`anchor`,void 0),n.t([e.A],r.prototype,`_slottedAnchor`,void 0),n.t([e.A],r.prototype,`_anchorEl`,void 0),r},i=()=>e.p`<slot
 		name="anchor"
 		${t.t(`_slottedAnchor`)}
-	></slot>`;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+	></slot>`;function a(t,n){e.P.setAttribute(t,`data-expanded`,n.toString()),s(t)}function o(t){e.P.setAttribute(t,`data-expanded`,null),s(t)}function s(e){e.dispatchEvent(new CustomEvent(`_vvd-anchor-expanded-change`,{bubbles:!1,composed:!1}))}Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/bundled/anchored.js

@@ -45,5 +45,17 @@ var o = (r) => {
 		name="anchor"
 		${i("_slottedAnchor")}
 	></slot>`;
+function c(e, n) {
+	t.setAttribute(e, "data-expanded", n.toString()), u(e);
+}
+function l(e) {
+	t.setAttribute(e, "data-expanded", null), u(e);
+}
+function u(e) {
+	e.dispatchEvent(new CustomEvent("_vvd-anchor-expanded-change", {
+		bubbles: !1,
+		composed: !1
+	}));
+}
 //#endregion
-export { s as n, o as t };
+export { c as i, s as n, l as r, o as t };

package/bundled/aria-binding-directive.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`);var t=0;function n(e=``){return`${e}${t++}`}var r=e=>e.trim()?e.trim().split(/\s+/):[],i=new WeakMap,a=class t{static resolvedElements(e,t){return i.get(e)?.get(t)?.getResolvedElements()??null}static for(e,n){let r=i.get(e);r||(r=new Map,i.set(e,r));let a=r.get(n);return a||(a=new t(e,n),r.set(n,a)),a}constructor(e,t){this.host=e,this.propertyName=t,e._addController(this)}#e=!1;hostConnected(){this.#e=!0,this.#r()}hostDisconnected(){this.#e=!1,this.#r()}getAttribute(){return this.host[`_${this.propertyName}`]}setAttribute(t){this.host[`_${this.propertyName}`]=t,e.o(this.host,this.propertyName),this.#r()}#t=null;#n(t){this.#t=t,e.s(this.host,this.propertyName)}getResolvedElements(){return!this.host.isConnected&&this.#t?[]:this.#t}setElements(e){this.setAttribute(e===null?null:``),this.#n(e)}#r(){if(this.#c(),!(this.#e&&this.host.isConnected))return;let e=this.getAttribute();if(e){let t=r(e);if(t.length===0){this.#n([]);return}let n=this.#a(t);this.#n(n),n.length<t.length&&this.#s(t)}}#i(e){return this.host.getRootNode().getElementById(e)}#a(e){return e.map(e=>this.#i(e)).filter(e=>e!==null)}#o;#s(e){this.#o=new MutationObserver(()=>{let t=this.#a(e);this.#n(t),t.length===e.length&&this.#c()}),this.#o.observe(this.host.getRootNode(),{childList:!0,subtree:!0})}#c(){this.#o?.disconnect(),this.#o=void 0}},o=(t,n,r)=>e.P.setAttribute(t,e.r(n),r===!1?null:r),s=class extends e.S{get propertyBindingBehaviours(){return this._propertyBindingBehaviours||=Object.entries(this.options.boundProperties).map(([t,r])=>{let i=new e.g(e.E(r instanceof Function?r:()=>r));return i.id=n(),i.targetNodeId=this.targetNodeId,i.policy=this.policy,e.x.assignAspect(i,e.r(t)),i.createBehavior()}),this._propertyBindingBehaviours}bind(t){let n=t.source,r=t.targets[this.targetNodeId];if(this.options.requireHost&&r!==n)throw Error(`Target element must be the same as the source element`);for(let e of this.propertyBindingBehaviours)e.bind(t);for(let e of this.options.forwardedValueProperties)o(r,e,n[e]);let i=e=>{r[`${e}Elements`]=a.resolvedElements(n,e)};for(let e of this.options.forwardedIdrefsProperties)i(e);let s=(e,t)=>{this.options.forwardedValueProperties.has(t)&&o(r,t,e[t]),this.options.forwardedIdrefsProperties.has(t)&&i(t)};e.c(n,s),t.onUnbind({unbind:()=>e.l(n,s)})}};e.x.define(s),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+const e=require("./vivid-element.cjs");var t=0;function n(e=``){return`${e}${t++}`}var r=e=>e.trim()?e.trim().split(/\s+/):[],i=new WeakMap,a=class t{static resolvedElements(e,t){return i.get(e)?.get(t)?.getResolvedElements()??null}static for(e,n){let r=i.get(e);r||(r=new Map,i.set(e,r));let a=r.get(n);return a||(a=new t(e,n),r.set(n,a)),a}constructor(e,t){this.host=e,this.propertyName=t,e._addController(this)}#e=!1;hostConnected(){this.#e=!0,this.#r()}hostDisconnected(){this.#e=!1,this.#r()}getAttribute(){return this.host[`_${this.propertyName}`]}setAttribute(t){this.host[`_${this.propertyName}`]=t,e.o(this.host,this.propertyName),this.#r()}#t=null;#n(t){this.#t=t,e.s(this.host,this.propertyName)}getResolvedElements(){return!this.host.isConnected&&this.#t?[]:this.#t}setElements(e){this.setAttribute(e===null?null:``),this.#n(e)}#r(){if(this.#c(),!(this.#e&&this.host.isConnected))return;let e=this.getAttribute();if(e){let t=r(e);if(t.length===0){this.#n([]);return}let n=this.#a(t);this.#n(n),n.length<t.length&&this.#s(t)}}#i(e){return this.host.getRootNode().getElementById(e)}#a(e){return e.map(e=>this.#i(e)).filter(e=>e!==null)}#o;#s(e){this.#o=new MutationObserver(()=>{let t=this.#a(e);this.#n(t),t.length===e.length&&this.#c()}),this.#o.observe(this.host.getRootNode(),{childList:!0,subtree:!0})}#c(){this.#o?.disconnect(),this.#o=void 0}},o=(t,n,r)=>e.P.setAttribute(t,e.r(n),r===!1?null:r),s=class extends e.S{get propertyBindingBehaviours(){return this._propertyBindingBehaviours||=Object.entries(this.options.boundProperties).map(([t,r])=>{let i=r instanceof Function?r:()=>r,a=new e.g(e.E(i));return a.id=n(),a.targetNodeId=this.targetNodeId,a.policy=this.policy,e.x.assignAspect(a,e.r(t)),a.createBehavior()}),this._propertyBindingBehaviours}bind(t){let n=t.source,r=t.targets[this.targetNodeId];if(this.options.requireHost&&r!==n)throw Error(`Target element must be the same as the source element`);for(let e of this.propertyBindingBehaviours)e.bind(t);for(let e of this.options.forwardedValueProperties)o(r,e,n[e]);let i=e=>{r[`${e}Elements`]=a.resolvedElements(n,e)};for(let e of this.options.forwardedIdrefsProperties)i(e);let s=(e,t)=>{this.options.forwardedValueProperties.has(t)&&o(r,t,e[t]),this.options.forwardedIdrefsProperties.has(t)&&i(t)};e.c(n,s),t.onUnbind({unbind:()=>e.l(n,s)})}};e.x.define(s),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/bundled/aria-binding-directive.js

@@ -77,8 +77,8 @@ var f = (e) => e.trim() ? e.trim().split(/\s+/) : [], p = /* @__PURE__ */ new We
 }, h = (e, n, r) => t.setAttribute(e, s(n), r === !1 ? null : r), g = class extends n {
 	get propertyBindingBehaviours() {
 		return this._propertyBindingBehaviours ||= Object.entries(this.options.boundProperties).map(([t, n]) => {
-			let r = new i(e(n instanceof Function ? n : () => n));
-			return r.id = d(), r.targetNodeId = this.targetNodeId, r.policy = this.policy, l.assignAspect(r, s(t)), r.createBehavior();
+			let r = n instanceof Function ? n : () => n, a = new i(e(r));
+			return a.id = d(), a.targetNodeId = this.targetNodeId, a.policy = this.policy, l.assignAspect(a, s(t)), a.createBehavior();
 		}), this._propertyBindingBehaviours;
 	}
 	bind(e) {

package/bundled/aria.cjs

@@ -1 +1 @@
-var e={horizontal:`horizontal`,vertical:`vertical`};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+var e={horizontal:`horizontal`,vertical:`vertical`};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/bundled/base-color-picker.cjs

@@ -1,4 +1,4 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./when.cjs`),r=require(`./decorate.cjs`),i=require(`./class-names.cjs`),a=require(`./form-associated.cjs`),o=require(`./form-element.cjs`);function s(e){if(!e)return null;let t=e.trim().replace(/^#/,``);return/^[0-9a-fA-F]{3}$/.test(t)?t.split(``).map(e=>e+e).join(``).toLowerCase():/^[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():null}function c(e){return s(e)!==null}function l(e){let t=s(e);if(!t)return 0;let n=parseInt(t.slice(0,2),16)/255,r=parseInt(t.slice(2,4),16)/255,i=parseInt(t.slice(4,6),16)/255,a=n<=.03928?n/12.92:((n+.055)/1.055)**2.4,o=r<=.03928?r/12.92:((r+.055)/1.055)**2.4,c=i<=.03928?i/12.92:((i+.055)/1.055)**2.4;return .2126*a+.7152*o+.0722*c}function u(e,t){let n=l(e),r=l(t),i=Math.max(n,r),a=Math.min(n,r);return(i+.05)/(a+.05)}function d(e,t){return t||=document.querySelector(`.vvd-root`)||document.documentElement,getComputedStyle(t).getPropertyValue(e).trim()}var f=s=>{class c extends e.t(o.t(a.n(s))){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.open=!1,this.swatches=[],this._canvasColor=``}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{this._refreshCanvasColor()})}get _computedCanvasColor(){return this._canvasColor||=d(`--vvd-color-canvas`,this),this._canvasColor}_refreshCanvasColor(){this._canvasColor=d(`--vvd-color-canvas`,this)}_applyContrastClass(e,t=3){if(!e)return!1;let n=this._computedCanvasColor;return n?u(e,n)<t:!1}_getRowLength(){return 7}_handleSwatchSelection(e){this.value===e?this.value=``:this.value=e,this.$emit(`change`),this.open=!1}_handleColorSaving(){}_getFocusReturnEl(){return null}_returnFocusToAnchor(){let e=this._getFocusReturnEl();e&&t.M.enqueue(()=>e.focus())}_getGridCells(){let e=this.shadowRoot?.querySelector(`[role="grid"]`);return e?Array.from(e.querySelectorAll(`[role="gridcell"], [data-vvd-role="gridcell"]`)):[]}_handleCellKeydown(e,t,n,r){let i=this._getRowLength(),a=this._getGridCells().length,o=Math.floor(n/i),s=n%i,c=Math.ceil(a/i);switch(e.key){case`ArrowRight`:return s<i-1&&n+1<a&&this._focusSwatchByIndex(n+1),!1;case`ArrowLeft`:return s>0&&this._focusSwatchByIndex(n-1),!1;case`ArrowDown`:return o<c-1&&n+i<a&&this._focusSwatchByIndex(n+i),!1;case`ArrowUp`:return o>0&&this._focusSwatchByIndex(n-i),!1;case`PageDown`:{let e=(c-1)*i,t=Math.min(e+s,a-1);return n!==t&&this._focusSwatchByIndex(t),!1}case`PageUp`:{let e=Math.min(s,a-1);return n!==e&&this._focusSwatchByIndex(e),!1}case`Home`:return e.ctrlKey?this._focusSwatchByIndex(0):this._focusSwatchByIndex(o*i),!1;case`End`:if(e.ctrlKey)this._focusSwatchByIndex(a-1);else{let e=Math.min((o+1)*i-1,a-1);this._focusSwatchByIndex(e)}return!1;case`Enter`:case` `:return r&&this._handleColorSaving(),t&&!r&&(this._handleSwatchSelection(t),this._returnFocusToAnchor()),!1;case`Escape`:return this.open=!1,this._returnFocusToAnchor(),!1;case`Tab`:return this.open=!1,!0;default:return!0}}_focusSwatchByIndex(e){let t=this._getGridCells();e<0||e>=t.length||t[e]?.focus()}_renderColorSwatch(e,r){return t.p`
+const e=require("./localized.cjs"),t=require("./vivid-element.cjs"),n=require("./when.cjs"),r=require("./decorate.cjs"),i=require("./class-names.cjs"),a=require("./form-associated.cjs"),o=require("./form-element.cjs");function s(e){if(!e)return null;let t=e.trim().replace(/^#/,``);return/^[0-9a-fA-F]{3}$/.test(t)?t.split(``).map(e=>e+e).join(``).toLowerCase():/^[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():null}function c(e){return s(e)!==null}function l(e){let t=s(e);if(!t)return 0;let n=parseInt(t.slice(0,2),16)/255,r=parseInt(t.slice(2,4),16)/255,i=parseInt(t.slice(4,6),16)/255,a=n<=.03928?n/12.92:((n+.055)/1.055)**2.4,o=r<=.03928?r/12.92:((r+.055)/1.055)**2.4,c=i<=.03928?i/12.92:((i+.055)/1.055)**2.4;return .2126*a+.7152*o+.0722*c}function u(e,t){let n=l(e),r=l(t),i=Math.max(n,r),a=Math.min(n,r);return(i+.05)/(a+.05)}function d(e,t){return t||=document.querySelector(`.vvd-root`)||document.documentElement,getComputedStyle(t).getPropertyValue(e).trim()}var f=s=>{class c extends e.t(o.t(a.n(s))){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.open=!1,this.swatches=[],this._canvasColor=``}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{this._refreshCanvasColor()})}get _computedCanvasColor(){return this._canvasColor||=d(`--vvd-color-canvas`,this),this._canvasColor}_refreshCanvasColor(){this._canvasColor=d(`--vvd-color-canvas`,this)}_applyContrastClass(e,t=3){if(!e)return!1;let n=this._computedCanvasColor;return n?u(e,n)<t:!1}_getRowLength(){return 7}_handleSwatchSelection(e){this.value=this.value===e?``:e,this.$emit(`change`),this.open=!1}_handleColorSaving(){}_getFocusReturnEl(){return null}_returnFocusToAnchor(){let e=this._getFocusReturnEl();e&&t.M.enqueue(()=>e.focus())}_getGridCells(){let e=this.shadowRoot?.querySelector(`[role="grid"]`);return e?Array.from(e.querySelectorAll(`[role="gridcell"], [data-vvd-role="gridcell"]`)):[]}_handleCellKeydown(e,t,n,r){let i=this._getRowLength(),a=this._getGridCells().length,o=Math.floor(n/i),s=n%i,c=Math.ceil(a/i);switch(e.key){case`ArrowRight`:return s<i-1&&n+1<a&&this._focusSwatchByIndex(n+1),!1;case`ArrowLeft`:return s>0&&this._focusSwatchByIndex(n-1),!1;case`ArrowDown`:return o<c-1&&n+i<a&&this._focusSwatchByIndex(n+i),!1;case`ArrowUp`:return o>0&&this._focusSwatchByIndex(n-i),!1;case`PageDown`:{let e=(c-1)*i,t=Math.min(e+s,a-1);return n!==t&&this._focusSwatchByIndex(t),!1}case`PageUp`:{let e=Math.min(s,a-1);return n!==e&&this._focusSwatchByIndex(e),!1}case`Home`:return e.ctrlKey?this._focusSwatchByIndex(0):this._focusSwatchByIndex(o*i),!1;case`End`:if(e.ctrlKey)this._focusSwatchByIndex(a-1);else{let e=Math.min((o+1)*i-1,a-1);this._focusSwatchByIndex(e)}return!1;case`Enter`:case` `:return r&&this._handleColorSaving(),t&&!r&&(this._handleSwatchSelection(t),this._returnFocusToAnchor()),!1;case`Escape`:return this.open=!1,this._returnFocusToAnchor(),!1;case`Tab`:return this.open=!1,!0;default:return!0}}_focusSwatchByIndex(e){let t=this._getGridCells();e<0||e>=t.length||t[e]?.focus()}_renderColorSwatch(e,r){return t.p`
 				<${r} placement="top"
 					text="${e=>e.label??e.value}"
 					exportparts="vvd-theme-alternate">
@@ -15,4 +15,4 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 						${n.t((e,t)=>t.parent.value===e.value,t.p`<${e} size="-6" name="check-solid" aria-hidden="true"></${e}>`)}
 					</button>
 				</${r}>
-			`}}return r.t([t.m({mode:`boolean`})],c.prototype,`open`,void 0),r.t([t.A],c.prototype,`swatches`,void 0),r.t([t.A],c.prototype,`_canvasColor`,void 0),c};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
+			`}}return r.t([t.m({mode:`boolean`})],c.prototype,`open`,void 0),r.t([t.A],c.prototype,`swatches`,void 0),r.t([t.A],c.prototype,`_canvasColor`,void 0),c};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/bundled/base-color-picker.js

@@ -54,7 +54,7 @@ var h = (u) => {
 			return 7;
 		}
 		_handleSwatchSelection(e) {
-			this.value === e ? this.value = "" : this.value = e, this.$emit("change"), this.open = !1;
+			this.value = this.value === e ? "" : e, this.$emit("change"), this.open = !1;
 		}
 		/* v8 ignore next */
 		_handleColorSaving() {}

package/bundled/base-progress.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=class extends e.t{constructor(...e){super(...e),this.percentComplete=0}valueChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}minChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}maxChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}connectedCallback(){super.connectedCallback(),this.updatePercentComplete()}updatePercentComplete(){let e=typeof this.min==`number`?this.min:0,t=typeof this.max==`number`?this.max:100,n=typeof this.value==`number`?this.value:0,r=t-e;this.percentComplete=r===0?0:Math.fround((n-e)/r*100)}};t.t([e.m({converter:e.h})],n.prototype,`value`,void 0),t.t([e.m({converter:e.h})],n.prototype,`min`,void 0),t.t([e.m({converter:e.h})],n.prototype,`max`,void 0),t.t([e.m({mode:`boolean`})],n.prototype,`paused`,void 0),t.t([e.A],n.prototype,`percentComplete`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+const e=require("./vivid-element.cjs"),t=require("./decorate.cjs");var n=class extends e.t{constructor(...e){super(...e),this.percentComplete=0}valueChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}minChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}maxChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}connectedCallback(){super.connectedCallback(),this.updatePercentComplete()}updatePercentComplete(){let e=typeof this.min==`number`?this.min:0,t=typeof this.max==`number`?this.max:100,n=typeof this.value==`number`?this.value:0,r=t-e;this.percentComplete=r===0?0:Math.fround((n-e)/r*100)}};t.t([e.m({converter:e.h})],n.prototype,`value`,void 0),t.t([e.m({converter:e.h})],n.prototype,`min`,void 0),t.t([e.m({converter:e.h})],n.prototype,`max`,void 0),t.t([e.m({mode:`boolean`})],n.prototype,`paused`,void 0),t.t([e.A],n.prototype,`percentComplete`,void 0),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/bundled/breadcrumb-item.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./linkable.cjs`);var r=class extends n.t(e.t){constructor(...e){super(...e),this.separator=!0}};t.t([e.m],r.prototype,`text`,void 0),t.t([e.A],r.prototype,`separator`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+const e=require("./vivid-element.cjs"),t=require("./decorate.cjs"),n=require("./linkable.cjs");var r=class extends n.t(e.t){constructor(...e){super(...e),this.separator=!0}};t.t([e.m],r.prototype,`text`,void 0),t.t([e.A],r.prototype,`separator`,void 0),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/bundled/button.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./delegates-aria.cjs`),r=require(`./form-associated.cjs`);var i=class extends n.t(r.n(e.t)){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.handleClick=e=>{this.disabled&&e.stopPropagation()},this.handleSubmission=()=>{this.form&&(this.attachProxy(),this.form.requestSubmit(this.proxy),this.detachProxy())},this.handleFormReset=()=>{this.form?.reset()},this.handleUnsupportedDelegatesFocus=()=>{this.$fastController.definition.shadowOptions&&window.ShadowRoot&&!Object.prototype.hasOwnProperty.call(window.ShadowRoot.prototype,`delegatesFocus`)&&this.$fastController.definition.shadowOptions.delegatesFocus&&Object.defineProperty(this,`focus`,{value:()=>{this.control.focus()},configurable:!0})}}formactionChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formAction=this.formaction)}formenctypeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formEnctype=this.formenctype)}formmethodChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formMethod=this.formmethod)}formnovalidateChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formNoValidate=this.formnovalidate)}formtargetChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formTarget=this.formtarget)}typeChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type),t===`submit`&&this.addEventListener(`click`,this.handleSubmission),e===`submit`&&this.removeEventListener(`click`,this.handleSubmission),t===`reset`&&this.addEventListener(`click`,this.handleFormReset),e===`reset`&&this.removeEventListener(`click`,this.handleFormReset)}validate(){super.validate(this.control)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,this.type),this.handleUnsupportedDelegatesFocus(),this.autofocus&&e.M.enqueue(()=>{this.focus()}),(this.control?Array.from(this.control.children):[]).forEach(e=>{e.addEventListener(`click`,this.handleClick)})}disconnectedCallback(){super.disconnectedCallback(),(this.control?Array.from(this.control.children):[]).forEach(e=>{e.removeEventListener(`click`,this.handleClick)})}};t.t([e.m({mode:`boolean`})],i.prototype,`autofocus`,void 0),t.t([e.m({attribute:`form`})],i.prototype,`formId`,void 0),t.t([e.m],i.prototype,`formaction`,void 0),t.t([e.m],i.prototype,`formenctype`,void 0),t.t([e.m],i.prototype,`formmethod`,void 0),t.t([e.m({mode:`boolean`})],i.prototype,`formnovalidate`,void 0),t.t([e.m],i.prototype,`formtarget`,void 0),t.t([e.m],i.prototype,`type`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+const e=require("./vivid-element.cjs"),t=require("./decorate.cjs"),n=require("./delegates-aria.cjs"),r=require("./form-associated.cjs");var i=class extends n.t(r.n(e.t)){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.handleClick=e=>{this.disabled&&e.stopPropagation()},this.handleSubmission=()=>{this.form&&(this.attachProxy(),this.form.requestSubmit(this.proxy),this.detachProxy())},this.handleFormReset=()=>{this.form?.reset()},this.handleUnsupportedDelegatesFocus=()=>{this.$fastController.definition.shadowOptions&&window.ShadowRoot&&!Object.prototype.hasOwnProperty.call(window.ShadowRoot.prototype,`delegatesFocus`)&&this.$fastController.definition.shadowOptions.delegatesFocus&&Object.defineProperty(this,"focus",{value:()=>{this.control.focus()},configurable:!0})}}formactionChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formAction=this.formaction)}formenctypeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formEnctype=this.formenctype)}formmethodChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formMethod=this.formmethod)}formnovalidateChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formNoValidate=this.formnovalidate)}formtargetChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formTarget=this.formtarget)}typeChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type),t===`submit`&&this.addEventListener(`click`,this.handleSubmission),e===`submit`&&this.removeEventListener(`click`,this.handleSubmission),t===`reset`&&this.addEventListener(`click`,this.handleFormReset),e===`reset`&&this.removeEventListener(`click`,this.handleFormReset)}validate(){super.validate(this.control)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,this.type),this.handleUnsupportedDelegatesFocus(),this.autofocus&&e.M.enqueue(()=>{this.focus()}),(this.control?Array.from(this.control.children):[]).forEach(e=>{e.addEventListener(`click`,this.handleClick)})}disconnectedCallback(){super.disconnectedCallback(),(this.control?Array.from(this.control.children):[]).forEach(e=>{e.removeEventListener(`click`,this.handleClick)})}};t.t([e.m({mode:`boolean`})],i.prototype,`autofocus`,void 0),t.t([e.m({attribute:`form`})],i.prototype,`formId`,void 0),t.t([e.m],i.prototype,`formaction`,void 0),t.t([e.m],i.prototype,`formenctype`,void 0),t.t([e.m],i.prototype,`formmethod`,void 0),t.t([e.m({mode:`boolean`})],i.prototype,`formnovalidate`,void 0),t.t([e.m],i.prototype,`formtarget`,void 0),t.t([e.m],i.prototype,`type`,void 0),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/bundled/calendar-event.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./delegates-aria.cjs`);var r=class extends n.t(e.t){};t.t([e.m],r.prototype,`heading`,void 0),t.t([e.m],r.prototype,`description`,void 0),t.t([e.m],r.prototype,`connotation`,void 0),t.t([e.m],r.prototype,`appearance`,void 0),t.t([e.m({converter:e.h,attribute:`overlap-count`})],r.prototype,`overlapCount`,void 0),t.t([e.m({converter:e.h})],r.prototype,`start`,void 0),t.t([e.m({converter:e.h})],r.prototype,`duration`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+const e=require("./vivid-element.cjs"),t=require("./decorate.cjs"),n=require("./delegates-aria.cjs"),r=require("./component-enum.cjs");var i=r.t([`accent`,`cta`,`success`,`alert`,`warning`,`information`,`announcement`],`information`),a=r.t([`filled`,`duotone`,`subtle`],`filled`),o=class extends n.t(e.t){};t.t([e.m],o.prototype,`heading`,void 0),t.t([e.m],o.prototype,`description`,void 0),t.t([e.m],o.prototype,`connotation`,void 0),t.t([e.m],o.prototype,`appearance`,void 0),t.t([e.m({converter:e.h,attribute:`overlap-count`})],o.prototype,`overlapCount`,void 0),t.t([e.m({converter:e.h})],o.prototype,`start`,void 0),t.t([e.m({converter:e.h})],o.prototype,`duration`,void 0),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/bundled/calendar-event.js

@@ -1,11 +1,24 @@
 import { h as e, m as t, t as n } from "./vivid-element.js";
 import { t as r } from "./decorate.js";
 import { t as i } from "./delegates-aria.js";
+import { t as a } from "./component-enum.js";
 //#region src/lib/calendar-event/calendar-event.ts
-var a = class extends i(n) {};
-r([t], a.prototype, "heading", void 0), r([t], a.prototype, "description", void 0), r([t], a.prototype, "connotation", void 0), r([t], a.prototype, "appearance", void 0), r([t({
+var o = a([
+	"accent",
+	"cta",
+	"success",
+	"alert",
+	"warning",
+	"information",
+	"announcement"
+], "information"), s = a([
+	"filled",
+	"duotone",
+	"subtle"
+], "filled"), c = class extends i(n) {};
+r([t], c.prototype, "heading", void 0), r([t], c.prototype, "description", void 0), r([t], c.prototype, "connotation", void 0), r([t], c.prototype, "appearance", void 0), r([t({
 	converter: e,
 	attribute: "overlap-count"
-})], a.prototype, "overlapCount", void 0), r([t({ converter: e })], a.prototype, "start", void 0), r([t({ converter: e })], a.prototype, "duration", void 0);
+})], c.prototype, "overlapCount", void 0), r([t({ converter: e })], c.prototype, "start", void 0), r([t({ converter: e })], c.prototype, "duration", void 0);
 //#endregion
-export { a as t };
+export { s as n, o as r, c as t };