@vonage/vivid 5.25.0 → 5.27.0

package/bundled/calendar-picker.template.js

@@ -4,32 +4,32 @@ import { t as o } from "./when.js";
 import { r as s } from "./definition.js";
 import { t as c } from "./decorate.js";
 import { t as l } from "./class-names.js";
-import { i as u } from "./definition6.js";
+import { i as u } from "./definition5.js";
 import { t as d } from "./divider.js";
 //#region src/shared/picker-field/mixins/calendar-picker.scss?inline
-var f = ".segments{gap:24px}@media (width>=648px){.segments{display:inline-flex}}.segment{flex-direction:column;gap:12px;display:flex}.segment .header{align-items:center;padding-block:8px;display:flex}.segment .title{flex-grow:1;justify-content:center;display:flex}.segment .title-action{block-size:24px;font:var(--vvd-typography-base-extended);border-radius:8px;padding-inline:8px}.calendar{flex-direction:column;gap:4px;margin-top:8px;display:flex}.calendar .calendar-separator{margin-inline:10px}.calendar .calendar-weekdays{justify-content:center;display:flex}.calendar .calendar-weekday{block-size:16px;font:var(--vvd-typography-base-condensed);justify-content:center;align-items:center;inline-size:40px;display:inline-flex}.calendar .calendar-week{justify-content:center;display:flex}.calendar .calendar-day{aspect-ratio:1;block-size:28px;font:var(--vvd-typography-base);border-radius:50%;justify-content:center;align-items:center;margin-inline:6px;display:inline-flex}.calendar .calendar-day.start,.calendar .calendar-day.end{border:2px solid var(--vvd-color-cta-50);background-color:var(--vvd-color-cta-200)}.calendar:focus-visible .calendar .calendar-day.start,.calendar:focus-visible .calendar .calendar-day.end{border-width:3px}.calendar .calendar-day:before,.calendar .calendar-day:after{z-index:-1;width:20px;height:28px;display:block;position:absolute}.calendar .calendar-day:before{right:50%}.calendar .calendar-day:after{left:50%}.calendar .calendar-day.range:before,.calendar .calendar-day.range:after{background-color:var(--vvd-color-cta-50)}.calendar .calendar-day.range:not(.start):before,.calendar .calendar-day.range:not(.end):after{content:\"\"}.calendar .calendar-day.outside-month,.calendar .calendar-day:disabled{color:var(--vvd-color-neutral-400)}.months-separator{margin-inline:-12px}.month-grid{flex-direction:column;gap:34px;display:flex}.month-grid .months-row{justify-content:center;gap:29px;display:flex}.month-grid .month{aspect-ratio:1;block-size:48px;font:var(--vvd-typography-base-extended);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.month-grid .month:disabled{color:var(--vvd-color-neutral-400)}.button{--_connotation-color-primary:var(--vvd-date-picker-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-firm:var(--vvd-date-picker-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-date-picker-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-date-picker-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-dim:var(--vvd-date-picker-accent-dim,var(--vvd-color-neutral-200));--_connotation-color-pale:var(--vvd-date-picker-accent-pale,var(--vvd-color-neutral-300));--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.button:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.button.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.button:active:where(:not(.disabled,:disabled)),.button.active:where(:not(.disabled,:disabled)),.button.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.button.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.button.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.button.selected:disabled,.button.selected.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:transparent}.button{background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);cursor:pointer;border:none;padding:0;position:relative}.button:disabled{cursor:not-allowed}.button:focus-visible{--focus-stroke-gap-color:transparent;color:var(--vvd-color-canvas-text);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))}.button:focus-visible.start,.button:focus-visible.end{border-width:3px}.button.current{border:1px solid var(--vvd-color-neutral-200)}.button.selected{border:1px solid var(--vvd-color-neutral-900)}";
+var f = ".segments{gap:24px}@media (width>=648px){.segments{display:inline-flex}}.segment{flex-direction:column;gap:12px;display:flex}.segment .header{align-items:center;padding-block:8px;display:flex}.segment .title{flex-grow:1;justify-content:center;display:flex}.segment .title-action{block-size:24px;font:var(--vvd-typography-base-extended);border-radius:8px;padding-inline:8px}.calendar{flex-direction:column;gap:4px;margin-top:8px;display:flex}.calendar .calendar-separator{margin-inline:10px}.calendar .calendar-weekdays{justify-content:center;display:flex}.calendar .calendar-weekday{block-size:16px;font:var(--vvd-typography-base-condensed);justify-content:center;align-items:center;inline-size:40px;display:inline-flex}.calendar .calendar-week{justify-content:center;display:flex}.calendar .calendar-day{aspect-ratio:1;block-size:28px;font:var(--vvd-typography-base);border-radius:50%;justify-content:center;align-items:center;margin-inline:6px;display:inline-flex}.calendar .calendar-day.start,.calendar .calendar-day.end{border:2px solid var(--vvd-color-cta-50);background-color:var(--vvd-color-cta-200)}.calendar:focus-visible .calendar .calendar-day.start,.calendar:focus-visible .calendar .calendar-day.end{border-width:3px}.calendar .calendar-day:before,.calendar .calendar-day:after{z-index:-1;width:20px;height:28px;display:block;position:absolute}.calendar .calendar-day:before{right:50%}.calendar .calendar-day:after{left:50%}.calendar .calendar-day.range:before,.calendar .calendar-day.range:after{background-color:var(--vvd-color-cta-50)}.calendar .calendar-day.range:not(.start):before,.calendar .calendar-day.range:not(.end):after{content:\"\"}.calendar .calendar-day.outside-month,.calendar .calendar-day:disabled{color:var(--vvd-color-neutral-400)}.months-separator{margin-inline:-12px}.month-grid{flex-direction:column;gap:34px;display:flex}.month-grid .months-row{justify-content:center;gap:29px;display:flex}.month-grid .month{aspect-ratio:1;block-size:48px;font:var(--vvd-typography-base-extended);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.month-grid .month:disabled{color:var(--vvd-color-neutral-400)}.button{background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);cursor:pointer;border:none;padding:0;position:relative}.button:disabled{cursor:not-allowed}.button:focus-visible{--focus-stroke-gap-color:transparent;color:var(--vvd-color-canvas-text);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))}.button:focus-visible.start,.button:focus-visible.end{border-width:3px}.button.current{border:1px solid var(--vvd-color-neutral-200)}.button.selected{border:1px solid var(--vvd-color-neutral-900)}";
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/addLeadingZeros.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/addLeadingZeros.js
 function p(e, t) {
 	return (e < 0 ? "-" : "") + Math.abs(e).toString().padStart(t, "0");
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/constants.js
-var m = 365.2425, h = 6048e5, ee = 864e5, te = 6e4, ne = 36e5, re = 1e3, ie = 3600 * 24;
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/constants.js
+var m = 365.2425, h = 6048e5, ee = 864e5, te = 6e4, ne = 36e5, re = 1e3, ie = 86400;
 ie * 7, ie * m / 12 * 3;
 var ae = Symbol.for("constructDateFrom");
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/constructFrom.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/constructFrom.js
 function g(e, t) {
 	return typeof e == "function" ? e(t) : e && typeof e == "object" && ae in e ? e[ae](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/toDate.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/toDate.js
 function _(e, t) {
 	return g(t || e, e);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatISO.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/formatISO.js
 function oe(e, t) {
 	let n = _(e, t?.in);
 	if (isNaN(+n)) throw RangeError("Invalid time value");
@@ -134,7 +134,7 @@ var v = (e) => oe(e, { representation: "date" }), y = (e = /* @__PURE__ */ new D
 	return r = typeof i == "string" ? i : t === 1 ? i.one : i.other.replace("{{count}}", t.toString()), n?.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r;
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildFormatLongFn.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/_lib/buildFormatLongFn.js
 function C(e) {
 	return (t = {}) => {
 		let n = t.width ? String(t.width) : e.defaultWidth;
@@ -178,7 +178,7 @@ var pe = {
 	other: "P"
 }, he = (e, t, n, r) => me[e];
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildLocalizeFn.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/_lib/buildLocalizeFn.js
 function w(e) {
 	return (t, n) => {
 		let r = n?.context ? String(n.context) : "standalone", i;
@@ -393,7 +393,7 @@ var ge = {
 	})
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildMatchFn.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/_lib/buildMatchFn.js
 function T(e) {
 	return (t, n = {}) => {
 		let r = n.width, i = r && e.matchPatterns[r] || e.matchPatterns[e.defaultMatchWidth], a = t.match(i);
@@ -414,7 +414,7 @@ function ve(e, t) {
 	for (let n = 0; n < e.length; n++) if (t(e[n])) return n;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js
 function ye(e) {
 	return (t, n = {}) => {
 		let r = t.match(e.matchPattern);
@@ -431,7 +431,7 @@ function ye(e) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/en-US.js
 var be = {
 	code: "en-US",
 	formatDistance: fe,
@@ -567,49 +567,49 @@ function E() {
 	return xe;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js
 function D(e) {
 	let t = _(e), n = new Date(Date.UTC(t.getFullYear(), t.getMonth(), t.getDate(), t.getHours(), t.getMinutes(), t.getSeconds(), t.getMilliseconds()));
 	return n.setUTCFullYear(t.getFullYear()), e - +n;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/normalizeDates.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/normalizeDates.js
 function Se(e, ...t) {
 	let n = g.bind(null, e || t.find((e) => typeof e == "object"));
 	return t.map(n);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfDay.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfDay.js
 function Ce(e, t) {
 	let n = _(e, t?.in);
 	return n.setHours(0, 0, 0, 0), n;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarDays.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/differenceInCalendarDays.js
 function we(e, t, n) {
 	let [r, i] = Se(n?.in, e, t), a = Ce(r), o = Ce(i), s = +a - D(a), c = +o - D(o);
 	return Math.round((s - c) / ee);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfYear.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfYear.js
 function Te(e, t) {
 	let n = _(e, t?.in);
 	return n.setFullYear(n.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDayOfYear.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getDayOfYear.js
 function Ee(e, t) {
 	let n = _(e, t?.in);
 	return we(n, Te(n)) + 1;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfWeek.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfWeek.js
 function O(e, t) {
 	let n = E(), r = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, i = _(e, t?.in), a = i.getDay(), o = (a < r ? 7 : 0) + a - r;
 	return i.setDate(i.getDate() - o), i.setHours(0, 0, 0, 0), i;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfISOWeek.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfISOWeek.js
 function k(e, t) {
 	return O(e, {
 		...t,
@@ -617,7 +617,7 @@ function k(e, t) {
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getISOWeekYear.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getISOWeekYear.js
 function De(e, t) {
 	let n = _(e, t?.in), r = n.getFullYear(), i = g(n, 0);
 	i.setFullYear(r + 1, 0, 4), i.setHours(0, 0, 0, 0);
@@ -627,19 +627,19 @@ function De(e, t) {
 	return n.getTime() >= a.getTime() ? r + 1 : n.getTime() >= s.getTime() ? r : r - 1;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfISOWeekYear.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfISOWeekYear.js
 function Oe(e, t) {
 	let n = De(e, t), r = g(t?.in || e, 0);
 	return r.setFullYear(n, 0, 4), r.setHours(0, 0, 0, 0), k(r);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getISOWeek.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getISOWeek.js
 function ke(e, t) {
 	let n = _(e, t?.in), r = k(n) - +Oe(n);
 	return Math.round(r / h) + 1;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getWeekYear.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getWeekYear.js
 function A(e, t) {
 	let n = _(e, t?.in), r = n.getFullYear(), i = E(), a = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? i.firstWeekContainsDate ?? i.locale?.options?.firstWeekContainsDate ?? 1, o = g(t?.in || e, 0);
 	o.setFullYear(r + 1, 0, a), o.setHours(0, 0, 0, 0);
@@ -649,19 +649,19 @@ function A(e, t) {
 	return +n >= +s ? r + 1 : +n >= +l ? r : r - 1;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfWeekYear.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfWeekYear.js
 function Ae(e, t) {
 	let n = E(), r = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, i = A(e, t), a = g(t?.in || e, 0);
 	return a.setFullYear(i, 0, r), a.setHours(0, 0, 0, 0), O(a, t);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getWeek.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getWeek.js
 function je(e, t) {
 	let n = _(e, t?.in), r = O(n, t) - +Ae(n, t);
 	return Math.round(r / h) + 1;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/format/lightFormatters.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/format/lightFormatters.js
 var j = {
 	y(e, t) {
 		let n = e.getFullYear(), r = n > 0 ? n : 1 - n;
@@ -1073,7 +1073,7 @@ function P(e, t = "") {
 	return n + i + t + a;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/format/longFormatters.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/format/longFormatters.js
 var Pe = (e, t) => {
 	switch (e) {
 		case "P": return t.date({ width: "short" });
@@ -1104,9 +1104,7 @@ var Pe = (e, t) => {
 			case "PPP":
 				a = t.dateTime({ width: "long" });
 				break;
-			default:
-				a = t.dateTime({ width: "full" });
-				break;
+			default: a = t.dateTime({ width: "full" });
 		}
 		return a.replace("{{date}}", Pe(r, t)).replace("{{time}}", Fe(i, t));
 	}
@@ -1131,17 +1129,17 @@ function Ve(e, t, n) {
 	return `Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isDate.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/isDate.js
 function He(e) {
 	return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isValid.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/isValid.js
 function Ue(e) {
 	return !(!He(e) && typeof e != "number" || isNaN(+_(e)));
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/format.js
 var We = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Ge = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Ke = /^'([^]*?)'?$/, qe = /''/g, Je = /[a-zA-Z]/;
 function Ye(e, t, n) {
 	let r = E(), i = n?.locale ?? r.locale ?? be, a = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? r.firstWeekContainsDate ?? r.locale?.options?.firstWeekContainsDate ?? 1, o = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? r.weekStartsOn ?? r.locale?.options?.weekStartsOn ?? 0, s = _(e, n?.in);
@@ -1192,12 +1190,12 @@ function Xe(e) {
 	return t ? t[1].replace(qe, "'") : e;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDefaultOptions.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getDefaultOptions.js
 function Ze() {
 	return Object.assign({}, E());
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/transpose.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/transpose.js
 function Qe(e, t) {
 	let n = $e(t) ? new t(0) : g(t, 0);
 	return n.setFullYear(e.getFullYear(), e.getMonth(), e.getDate()), n.setHours(e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()), n;
@@ -1206,7 +1204,7 @@ function $e(e) {
 	return typeof e == "function" && e.prototype?.constructor === e;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/Setter.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/Setter.js
 var et = 10, tt = class {
 	subPriority = 0;
 	validate(e, t) {
@@ -1290,7 +1288,7 @@ var et = 10, tt = class {
 	extendedOptionalSeconds: /^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/utils.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/utils.js
 function B(e, t) {
 	return e && {
 		value: t(e.value),
@@ -1361,7 +1359,7 @@ function st(e) {
 	return e % 400 == 0 || e % 4 == 0 && e % 100 != 0;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/YearParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/YearParser.js
 var ct = class extends L {
 	priority = 130;
 	incompatibleTokens = [
@@ -1696,13 +1694,13 @@ var ct = class extends L {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setWeek.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/setWeek.js
 function gt(e, t, n) {
 	let r = _(e, n?.in), i = je(r, n) - t;
 	return r.setDate(r.getDate() - i * 7), _(r, n?.in);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/LocalWeekParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/LocalWeekParser.js
 var _t = class extends L {
 	priority = 100;
 	parse(e, t, n) {
@@ -1735,13 +1733,13 @@ var _t = class extends L {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setISOWeek.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/setISOWeek.js
 function vt(e, t, n) {
 	let r = _(e, n?.in), i = ke(r, n) - t;
 	return r.setDate(r.getDate() - i * 7), r;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/ISOWeekParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/ISOWeekParser.js
 var yt = class extends L {
 	priority = 100;
 	parse(e, t, n) {
@@ -1866,19 +1864,19 @@ var yt = class extends L {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addDays.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/addDays.js
 function K(e, t, n) {
 	let r = _(e, n?.in);
 	return isNaN(t) ? g(n?.in || e, NaN) : (t && r.setDate(r.getDate() + t), r);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setDay.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/setDay.js
 function q(e, t, n) {
 	let r = E(), i = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? r.weekStartsOn ?? r.locale?.options?.weekStartsOn ?? 0, a = _(e, n?.in), o = a.getDay(), s = (t % 7 + 7) % 7, c = 7 - i;
 	return K(a, t < 0 || t > 6 ? t - (o + c) % 7 : (s + c) % 7 - (o + c) % 7, n);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/DayParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/DayParser.js
 var wt = class extends L {
 	priority = 90;
 	parse(e, t, n) {
@@ -2077,19 +2075,19 @@ var wt = class extends L {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getISODay.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getISODay.js
 function Dt(e, t) {
 	let n = _(e, t?.in).getDay();
 	return n === 0 ? 7 : n;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setISODay.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/setISODay.js
 function Ot(e, t, n) {
 	let r = _(e, n?.in);
 	return K(r, t - Dt(r, n), n);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/ISODayParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/ISODayParser.js
 var kt = class extends L {
 	priority = 90;
 	parse(e, t, n) {
@@ -2613,7 +2611,7 @@ var cn = ({ month: e, year: t }, n) => {
 	class i extends r {
 		_adjustSelectedMonthToEnsureVisibilityOf(e) {
 			let t = Y(e), n = this._selectedMonth, r = X(this._selectedMonth, this._numCalendars - 1);
-			return Z(t, n) < 0 ? (this._selectedMonth = t, !0) : Z(t, r) > 0 ? (this._selectedMonth = X(t, 1 - this._numCalendars), !0) : !1;
+			return Z(t, n) < 0 ? (this._selectedMonth = t, !0) : Z(t, r) > 0 && (this._selectedMonth = X(t, 1 - this._numCalendars), !0);
 		}
 		_isDateInValidRange(e) {
 			return (!this._resolvedMinDate || S(e, this._resolvedMinDate) >= 0) && (!this._resolvedMaxDate || S(e, this._resolvedMaxDate) <= 0);
@@ -2641,7 +2639,7 @@ var cn = ({ month: e, year: t }, n) => {
 			}
 		}
 		_onTitleActionClick() {
-			this._inMonthPicker ? this._monthPickerYear = null : this._monthPickerYear = this._selectedMonth.year;
+			this._monthPickerYear = this._inMonthPicker ? null : this._selectedMonth.year;
 		}
 		get _isPrevYearDisabled() {
 			let e = (this._inMonthPicker ? this._monthPickerYear : this._selectedMonth.year) - 1;
@@ -2817,7 +2815,7 @@ function fn(e) {
 					<button
 						tabindex="1"
 						id="${(e) => `grid-label-${e.id}`}"
-						class="title-action button"
+						class="title-action button connotation-accent appearance-listitem with-idle with-hover with-active"
 						aria-live="polite"
 						aria-label="${(e) => e.titleAriaLabel}"
 						@click="${(e, t) => t.parent._onTitleActionClick()}"
@@ -2885,7 +2883,7 @@ function pn(e) {
 								${o((e, t) => t.parentContext.parentContext.parent._hideDatesOutsideMonth && e.isOutsideMonth, i`<div class="calendar-day"></div>`)}
 								${o((e, t) => !t.parentContext.parentContext.parent._hideDatesOutsideMonth || !e.isOutsideMonth, i` <span role="gridcell">
 										<button
-											class="${(e, t) => l("calendar-day", "button", ["current", e.date === t.parentContext.parentContext.parent._currentDate], ["selected", t.parentContext.parentContext.parent._isDateSelected(e.date)], ["range", t.parentContext.parentContext.parent._isDateInSelectedRange(e.date)], ["start", t.parentContext.parentContext.parent._isDateRangeStart(e.date)], ["end", t.parentContext.parentContext.parent._isDateRangeEnd(e.date)], ["outside-month", e.isOutsideMonth])}"
+											class="${(e, t) => l("calendar-day", "button", "connotation-accent", "appearance-listitem", "with-idle", "with-hover", "with-active", "with-selected", "with-selectedAndHover", "with-selectedAndDisabled", ["current", e.date === t.parentContext.parentContext.parent._currentDate], ["selected", t.parentContext.parentContext.parent._isDateSelected(e.date)], ["range", t.parentContext.parentContext.parent._isDateInSelectedRange(e.date)], ["start", t.parentContext.parentContext.parent._isDateRangeStart(e.date)], ["end", t.parentContext.parentContext.parent._isDateRangeEnd(e.date)], ["outside-month", e.isOutsideMonth])}"
 											?disabled="${(e, t) => !t.parentContext.parentContext.parent._isDateInValidRange(e.date)}"
 											tabindex="${(e, t) => e.date === t.parentContext.parentContext.parent._tabbableDate ? 1 : -1}"
 											data-date="${(e) => e.date}"
@@ -2923,7 +2921,7 @@ function mn(e) {
 						${a((e) => e, i`
 								<span role="gridcell">
 									<button
-										class="${(e, t) => l("month", "button", ["current", Q(e.month, t.parentContext.parentContext.parent._currentMonth)], ["selected", Q(e.month, t.parentContext.parentContext.parent._selectedMonth)])}"
+										class="${(e, t) => l("month", "button", "connotation-accent", "appearance-listitem", "with-idle", "with-hover", "with-active", "with-selected", "with-selectedAndHover", "with-selectedAndDisabled", ["current", Q(e.month, t.parentContext.parentContext.parent._currentMonth)], ["selected", Q(e.month, t.parentContext.parentContext.parent._selectedMonth)])}"
 										tabindex="${(e, t) => t.parentContext.parentContext.parent._tabbableMonth && Q(e.month, t.parentContext.parentContext.parent._tabbableMonth) ? 1 : -1}"
 										aria-label="${(e, t) => {
 		let n = t.parentContext.parentContext.parent, r = [e.monthName];

package/bundled/char-count.cjs

@@ -1,4 +1,4 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./ref.cjs`),r=require(`./definition.cjs`),i=require(`./decorate.cjs`);var a=a=>{class o extends e.t(a){constructor(...e){super(...e),this.charCount=!1,this.#e=null,this._charCountDescribedBy=`char-count-description`,this._renderCharCountRemaining=()=>{!this.charCount||!this.maxlength||(this.charCountRemaining.textContent=this.locale.charCount.charactersRemainingMessage(this.maxlength-this.value.length))},this._updateCharCountRemaining=()=>{this.#e!==null&&clearTimeout(this.#e),this.#e=setTimeout(()=>this._renderCharCountRemaining(),1e3)},this._getCharCountTemplate=e=>{let i=e.tagFor(r.r);return t.p`
+const e=require("./localized.cjs"),t=require("./vivid-element.cjs"),n=require("./ref.cjs"),r=require("./definition.cjs"),i=require("./decorate.cjs");var a=a=>{class o extends e.t(a){constructor(...e){super(...e),this.charCount=!1,this.#e=null,this._charCountDescribedBy=`char-count-description`,this._renderCharCountRemaining=()=>{!this.charCount||!this.maxlength||(this.charCountRemaining.textContent=this.locale.charCount.charactersRemainingMessage(this.maxlength-this.value.length))},this._updateCharCountRemaining=()=>{this.#e!==null&&clearTimeout(this.#e),this.#e=setTimeout(()=>this._renderCharCountRemaining(),1e3)},this._getCharCountTemplate=e=>{let i=e.tagFor(r.r);return t.p`
 				<div class="char-count">
 					<span aria-hidden="true"
 						> ${e=>e.value?e.value.length:0} / ${e=>e.maxlength}</span
@@ -10,4 +10,4 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 						></${i}
 					>
 				</div>
-			`}}#e}return i.t([t.m({attribute:`char-count`,mode:`boolean`})],o.prototype,`charCount`,void 0),o};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+			`}}#e}return i.t([t.m({attribute:`char-count`,mode:`boolean`})],o.prototype,`charCount`,void 0),o};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/bundled/children.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./slotted.cjs`);var n=class extends t.n{constructor(e){super(e),this.observerProperty=Symbol(),e.childList=!0}observe(t){let n=t[this.observerProperty];n||(n=new MutationObserver((e,n)=>{this.updateTarget(this.getSource(t),this.computeNodes(t))}),n.toJSON=e.R,t[this.observerProperty]=n),n.observe(t,this.options)}disconnect(e){e[this.observerProperty].disconnect()}getNodes(e){return`selector`in this.options?Array.from(e.querySelectorAll(this.options.selector)):Array.from(e.childNodes)}};e.x.define(n);function r(t){return e.L(t)&&(t={property:t}),new n(t)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+const e=require("./vivid-element.cjs"),t=require("./slotted.cjs");var n=class extends t.n{constructor(e){super(e),this.observerProperty=Symbol(),e.childList=!0}observe(t){let n=t[this.observerProperty];n||(n=new MutationObserver((e,n)=>{this.updateTarget(this.getSource(t),this.computeNodes(t))}),n.toJSON=e.R,t[this.observerProperty]=n),n.observe(t,this.options)}disconnect(e){e[this.observerProperty].disconnect()}getNodes(e){return`selector`in this.options?Array.from(e.querySelectorAll(this.options.selector)):Array.from(e.childNodes)}};e.x.define(n);function r(t){return e.L(t)&&(t={property:t}),new n(t)}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/bundled/children.js

@@ -1,6 +1,6 @@
 import { L as e, R as t, x as n } from "./vivid-element.js";
 import { n as r } from "./slotted.js";
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/templating/children.js
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/templating/children.js
 var i = class extends r {
 	constructor(e) {
 		super(e), this.observerProperty = Symbol(), e.childList = !0;

package/bundled/class-names.cjs

@@ -1 +1 @@
-function e(...t){return t.reduce((t,n)=>{let r=t.length?` `:``,i=Array.isArray(n)&&n[1]?e.call(null,n[0]):typeof n==`function`?n():typeof n==`string`?n:``;return i.length?t+r+i:t},``)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+function e(...t){return t.reduce((t,n)=>{let r=t.length?` `:``,i=Array.isArray(n)&&n[1]?e.call(null,n[0]):typeof n==`function`?n():typeof n==`string`?n:``;return i.length?t+r+i:t},``)}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/bundled/component-enum.cjs

@@ -0,0 +1 @@
+function e(e,t){return{defaultValue:t,parse:n=>e.includes(n)?n:t}}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/bundled/component-enum.js

@@ -0,0 +1,9 @@
+//#region src/shared/utils/component-enum.ts
+function e(e, t) {
+	return {
+		defaultValue: t,
+		parse: (n) => e.includes(n) ? n : t
+	};
+}
+//#endregion
+export { e as t };

package/bundled/data-grid.options.cjs

@@ -1 +1 @@
-var e={none:`none`,ascending:`ascending`,descending:`descending`,other:`other`},t={none:`none`,default:`default`,sticky:`sticky`},n={default:`default`,columnHeader:`columnheader`,rowHeader:`rowheader`},r={default:`default`,header:`header`,stickyHeader:`sticky-header`},i={columnheader:`columnheader`,rowheader:`rowheader`,default:`gridcell`};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+const e=require("./component-enum.cjs");var t={none:`none`,ascending:`ascending`,descending:`descending`,other:`other`},n={none:`none`,default:`default`,sticky:`sticky`},r={default:`default`,columnHeader:`columnheader`,rowHeader:`rowheader`},i={default:`default`,header:`header`,stickyHeader:`sticky-header`},a=e.t([`accent`,`cta`],`accent`),o={columnheader:`columnheader`,rowheader:`rowheader`,default:`gridcell`};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/bundled/data-grid.options.js

@@ -1,25 +1,26 @@
+import { t as e } from "./component-enum.js";
 //#region src/lib/data-grid/data-grid.options.ts
-var e = {
+var t = {
 	none: "none",
 	ascending: "ascending",
 	descending: "descending",
 	other: "other"
-}, t = {
+}, n = {
 	none: "none",
 	default: "default",
 	sticky: "sticky"
-}, n = {
+}, r = {
 	default: "default",
 	columnHeader: "columnheader",
 	rowHeader: "rowheader"
-}, r = {
+}, i = {
 	default: "default",
 	header: "header",
 	stickyHeader: "sticky-header"
-}, i = {
+}, a = e(["accent", "cta"], "accent"), o = {
 	columnheader: "columnheader",
 	rowheader: "rowheader",
 	default: "gridcell"
 };
 //#endregion
-export { t as a, r as i, e as n, n as r, i as t };
+export { n as a, i, t as n, a as o, r, o as t };

package/bundled/decorate.cjs

@@ -1 +1 @@
-function e(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+function e(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/bundled/decorate.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.143.0/helpers/esm/decorate.js
 function e(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);

package/bundled/definition.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`);var t=`:host{display:contents}slot:not(:focus-within){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;display:inline;position:absolute;overflow:hidden}`,n=class extends e.t{},r=e.u(`visually-hidden`,n,()=>e.p`<slot></slot>`,[],{styles:t}),i=e.d(r);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+const e=require("./vivid-element.cjs");var t=`:host{display:contents}slot:not(:focus-within){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;display:inline;position:absolute;overflow:hidden}`,n=class extends e.t{},r=e.u(`visually-hidden`,n,()=>e.p`<slot></slot>`,[],{styles:t}),i=e.d(r);Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/bundled/definition10.cjs

@@ -1,20 +1,10 @@
-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(`./definition8.cjs`),o=require(`./anchored.cjs`),s=require(`./dialog.cjs`);var c=`:host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.content-wrapper{width:var(--toggletip-inline-size,auto);max-inline-size:var(--toggletip-max-inline-size,30ch);padding:16px}.headline{font:var(--vvd-typography-base-bold);margin:0}.text-secondary{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base);margin:4px 0 0}.text-secondary:first-child{margin-block-start:0}.action-items{justify-content:flex-end;gap:10px;display:flex}::slotted([slot=action-items]){margin-block-start:16px}`,l=class extends e.t(o.t(t.t)){constructor(...e){super(...e),this.#e=null,this.alternate=!1,this.placement=`right`,this.open=!1,this.#i=()=>{this.open||t.M.enqueue(()=>this.open=!0)},this.#o=e=>{let t=!this.contains(e.target),n=this._anchorEl?.contains(e.target);(t||n)&&(this.open=!1)},this.#s=e=>{e.key===`Escape`&&(this.open=!1)}}#e;openChanged(e,t){e!==void 0&&(t?this.setAttribute(`role`,`status`):this.removeAttribute(`role`),this.#a(),this._anchorEl&&this.#n(this._anchorEl))}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#a()}_anchorElChanged(e,t){e&&this.#r(e),t&&this.#t(t)}#t(e){e.addEventListener(`click`,this.#i,!0),this.#e=e.ariaLabel,e.ariaLabel=this.locale.toggletip.anchorLabel(e.ariaLabel||``),this.#n(e)}#n(e){e.setAttribute(`aria-expanded`,this.open.toString()),e.setAttribute(`data-expanded`,this.open.toString())}#r(e){e.removeEventListener(`click`,this.#i,!0),e.removeAttribute(`aria-expanded`),e.removeAttribute(`data-expanded`),e.ariaLabel&&=this.#e}#i;#a(){document.removeEventListener(`click`,this.#o),document.removeEventListener(`keydown`,this.#s),this.open&&this.isConnected&&(document.addEventListener(`click`,this.#o),document.addEventListener(`keydown`,this.#s))}#o;#s};r.t([t.m],l.prototype,`headline`,void 0),r.t([t.m({attribute:`text-secondary`})],l.prototype,`textSecondary`,void 0),r.t([t.m({mode:`boolean`})],l.prototype,`alternate`,void 0),r.t([t.m({mode:`fromView`})],l.prototype,`placement`,void 0),r.t([t.m({mode:`boolean`})],l.prototype,`open`,void 0);var u=e=>i.t(`control`),d=t.u(`toggletip`,l,e=>{let r=e.tagFor(a.i);return t.p`
-		${o.n()}
-		<${r}
-			@keydown="${(e,{event:t})=>!(e.open&&s.t(t))}"
-			class="${u}"
-			arrow
-			:anchor="${e=>e._anchorEl}"
-			:open="${e=>e.open}"
-			?alternate="${e=>!e.alternate}"
-			placement="${e=>e.placement}"
-			exportparts="vvd-theme-alternate"
-		>
-			<div class="content-wrapper">
-				${n.t(e=>e.headline,t.p`<h2 class="headline">${e=>e.headline}</h2>`)}
-				${n.t(e=>e.textSecondary,t.p`<p class="text-secondary">${e=>e.textSecondary}</p>`)}
-				<slot></slot>
-				<div class="action-items"><slot name="action-items"></slot></div>
-			</div>
-		</${r}>
-	`},[a.t],{styles:c}),f=t.d(d);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
+const e=require("./vivid-element.cjs"),t=require("./decorate.cjs"),n=require("./class-names.cjs"),r=require("./definition2.cjs"),i=require("./icon.cjs"),a=require("./definition9.cjs");var o=class extends e.t{constructor(...e){super(...e),this.placement=`right`}};t.t([e.m({mode:`fromView`})],o.prototype,`placement`,void 0);var s=e=>n.t(`control`,`connotation-accent`,`appearance-ghost`,`with-idle`,`with-hover`,`with-active`),c=e.u(`contextual-help`,o,t=>{let n=t.tagFor(a.r),r=t.tagFor(i.t);return e.p`
+		<${n} class="base" exportparts="vvd-theme-alternate">
+			<button class="${s}" slot="anchor">
+        <slot name="icon" slot="icon">
+          <${r} name="help-solid"></${r}>
+        </slot>
+			</button>
+			<slot></slot>
+		</${n}>
+	`},[r.t,a.n],{styles:`.control{--focus-stroke-gap-color:transparent;box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:var(--_button-block-size,24px);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);cursor:pointer;padding-inline:calc(var(--_button-block-size,24px) / 6);vertical-align:middle;border:0;border-radius:50%;justify-content:center;align-items:center;margin:0;display:inline-flex}@supports (aspect-ratio:auto){.control{aspect-ratio:1;padding:0}}.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))}slot[name=icon]{font-size:var(--_button-icon-size,16px);line-height:1}`}),l=e.d(c);Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});