@vonage/vivid 5.24.0 → 5.27.0

package/unbundled/calendar-picker.template.cjs

@@ -1,4 +1,3 @@
-require("./chunk.cjs");
 const require_decorate = require("./decorate.cjs");
 const require_definition = require("./definition6.cjs");
 const require_divider = require("./divider.cjs");
@@ -7,14 +6,14 @@ let _microsoft_fast_element = require("@microsoft/fast-element");
 let _microsoft_fast_web_utilities = require("@microsoft/fast-web-utilities");
 let date_fns = require("date-fns");
 //#region src/shared/picker-field/mixins/calendar-picker.scss?inline
-var calendar_picker_default = ".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 calendar_picker_default = ".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 addLeadingZeros(number, targetLength) {
 	return (number < 0 ? "-" : "") + Math.abs(number).toString().padStart(targetLength, "0");
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/constants.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/constants.js
 /**
 * @constant
 * @name daysInYear
@@ -65,7 +64,7 @@ var millisecondsInSecond = 1e3;
 * @name secondsInDay
 * @summary Seconds in 1 day.
 */
-var secondsInDay = 3600 * 24;
+var secondsInDay = 86400;
 secondsInDay * 7;
 secondsInDay * daysInYear / 12 * 3;
 /**
@@ -81,7 +80,7 @@ secondsInDay * daysInYear / 12 * 3;
 */
 var constructFromSymbol = 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
 /**
 * @name constructFrom
 * @category Generic Helpers
@@ -124,7 +123,7 @@ function constructFrom(date, value) {
 	return new Date(value);
 }
 //#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
 /**
 * @name toDate
 * @category Common Helpers
@@ -167,7 +166,7 @@ function toDate(argument, context) {
 	return constructFrom(context || argument, argument);
 }
 //#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
 /**
 * The {@link formatISO} function options.
 */
@@ -270,7 +269,7 @@ var isValidDateStr = (string) => {
 	return hasThreeComponents(components) && allComponentsAreNumbers(components) && isValidDate(components);
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US/_lib/formatDistance.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/en-US/_lib/formatDistance.js
 var formatDistanceLocale = {
 	lessThanXSeconds: {
 		one: "less than a second",
@@ -340,12 +339,14 @@ var formatDistance = (token, count, options) => {
 	if (typeof tokenValue === "string") result = tokenValue;
 	else if (count === 1) result = tokenValue.one;
 	else result = tokenValue.other.replace("{{count}}", count.toString());
-	if (options?.addSuffix) if (options.comparison && options.comparison > 0) return "in " + result;
-	else return result + " ago";
+	if (options?.addSuffix) {
+		if (options.comparison && options.comparison > 0) return "in " + result;
+		else return result + " ago";
+	}
 	return result;
 };
 //#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 buildFormatLongFn(args) {
 	return (options = {}) => {
 		const width = options.width ? String(options.width) : args.defaultWidth;
@@ -382,7 +383,7 @@ var formatLong = {
 	})
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US/_lib/formatRelative.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/en-US/_lib/formatRelative.js
 var formatRelativeLocale = {
 	lastWeek: "'last' eeee 'at' p",
 	yesterday: "'yesterday at' p",
@@ -393,7 +394,7 @@ var formatRelativeLocale = {
 };
 var formatRelative = (token, _date, _baseDate, _options) => formatRelativeLocale[token];
 //#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
 /**
 * The localize function argument callback which allows to convert raw value to
 * the actual type.
@@ -443,7 +444,7 @@ function buildLocalizeFn(args) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US/_lib/localize.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/en-US/_lib/localize.js
 var eraValues = {
 	narrow: ["B", "A"],
 	abbreviated: ["BC", "AD"],
@@ -652,7 +653,7 @@ var localize = {
 	})
 };
 //#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 buildMatchFn(args) {
 	return (string, options = {}) => {
 		const width = options.width;
@@ -679,7 +680,7 @@ function findIndex(array, predicate) {
 	for (let key = 0; key < array.length; key++) if (predicate(array[key])) return key;
 }
 //#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 buildMatchPatternFn(args) {
 	return (string, options = {}) => {
 		const matchResult = string.match(args.matchPattern);
@@ -697,7 +698,7 @@ function buildMatchPatternFn(args) {
 	};
 }
 //#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
 /**
 * @category Locales
 * @summary English locale (United States).
@@ -838,13 +839,13 @@ var enUS = {
 	}
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/defaultOptions.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/defaultOptions.js
 var defaultOptions = {};
 function getDefaultOptions$1() {
 	return defaultOptions;
 }
 //#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
 /**
 * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
 * They usually appear for dates that denote time before the timezones were introduced
@@ -863,13 +864,13 @@ function getTimezoneOffsetInMilliseconds(date) {
 	return +date - +utcDate;
 }
 //#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 normalizeDates(context, ...dates) {
 	const normalize = constructFrom.bind(null, context || dates.find((date) => typeof date === "object"));
 	return dates.map(normalize);
 }
 //#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
 /**
 * The {@link startOfDay} function options.
 */
@@ -901,7 +902,7 @@ function startOfDay(date, options) {
 	return _date;
 }
 //#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
 /**
 * The {@link differenceInCalendarDays} function options.
 */
@@ -945,7 +946,7 @@ function differenceInCalendarDays(laterDate, earlierDate, options) {
 	return Math.round((laterTimestamp - earlierTimestamp) / millisecondsInDay);
 }
 //#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
 /**
 * The {@link startOfYear} function options.
 */
@@ -978,7 +979,7 @@ function startOfYear(date, options) {
 	return date_;
 }
 //#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
 /**
 * The {@link getDayOfYear} function options.
 */
@@ -1005,7 +1006,7 @@ function getDayOfYear(date, options) {
 	return differenceInCalendarDays(_date, startOfYear(_date)) + 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
 /**
 * The {@link startOfWeek} function options.
 */
@@ -1047,7 +1048,7 @@ function startOfWeek(date, options) {
 	return _date;
 }
 //#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
 /**
 * The {@link startOfISOWeek} function options.
 */
@@ -1082,7 +1083,7 @@ function startOfISOWeek(date, options) {
 	});
 }
 //#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
 /**
 * The {@link getISOWeekYear} function options.
 */
@@ -1122,7 +1123,7 @@ function getISOWeekYear(date, options) {
 	else return year - 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
 /**
 * The {@link startOfISOWeekYear} function options.
 */
@@ -1159,7 +1160,7 @@ function startOfISOWeekYear(date, options) {
 	return startOfISOWeek(fourthOfJanuary);
 }
 //#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
 /**
 * The {@link getISOWeek} function options.
 */
@@ -1189,7 +1190,7 @@ function getISOWeek(date, options) {
 	return Math.round(diff / millisecondsInWeek) + 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
 /**
 * The {@link getWeekYear} function options.
 */
@@ -1245,7 +1246,7 @@ function getWeekYear(date, options) {
 	else return year - 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
 /**
 * The {@link startOfWeekYear} function options.
 */
@@ -1296,7 +1297,7 @@ function startOfWeekYear(date, options) {
 	return startOfWeek(firstWeek, options);
 }
 //#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
 /**
 * The {@link getWeek} function options.
 */
@@ -1340,7 +1341,7 @@ function getWeek(date, options) {
 	return Math.round(diff / millisecondsInWeek) + 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 lightFormatters = {
 	y(date, token) {
 		const signedYear = date.getFullYear();
@@ -1383,7 +1384,7 @@ var lightFormatters = {
 	}
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/format/formatters.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/format/formatters.js
 var dayPeriodEnum = {
 	am: "am",
 	pm: "pm",
@@ -1793,7 +1794,7 @@ function formatTimezone(offset, delimiter = "") {
 	return sign + hours + delimiter + minutes;
 }
 //#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 dateLongFormatter = (pattern, formatLong) => {
 	switch (pattern) {
 		case "P": return formatLong.date({ width: "short" });
@@ -1826,9 +1827,7 @@ var dateTimeLongFormatter = (pattern, formatLong) => {
 		case "PPP":
 			dateTimeFormat = formatLong.dateTime({ width: "long" });
 			break;
-		default:
-			dateTimeFormat = formatLong.dateTime({ width: "full" });
-			break;
+		default: dateTimeFormat = formatLong.dateTime({ width: "full" });
 	}
 	return dateTimeFormat.replace("{{date}}", dateLongFormatter(datePattern, formatLong)).replace("{{time}}", timeLongFormatter(timePattern, formatLong));
 };
@@ -1837,7 +1836,7 @@ var longFormatters = {
 	P: dateTimeLongFormatter
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/protectedTokens.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/protectedTokens.js
 var dayOfYearTokenRE = /^D+$/;
 var weekYearTokenRE = /^Y+$/;
 var throwTokens = [
@@ -1862,7 +1861,7 @@ function message(token, format, input) {
 	return `Use \`${token.toLowerCase()}\` instead of \`${token}\` (in \`${format}\`) for formatting ${subject} to the input \`${input}\`; 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
 /**
 * @name isDate
 * @category Common Helpers
@@ -1899,7 +1898,7 @@ function isDate(value) {
 	return value instanceof Date || typeof value === "object" && Object.prototype.toString.call(value) === "[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
 /**
 * @name isValid
 * @category Common Helpers
@@ -1935,7 +1934,7 @@ function isValid(date) {
 	return !(!isDate(date) && typeof date !== "number" || isNaN(+toDate(date)));
 }
 //#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 formattingTokensRegExp$1 = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
 var longFormattingTokensRegExp$1 = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
 var escapedStringRegExp$1 = /^'([^]*?)'?$/;
@@ -2282,7 +2281,7 @@ function cleanEscapedString$1(input) {
 	return matched[1].replace(doubleQuoteRegExp$1, "'");
 }
 //#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
 /**
 * @name getDefaultOptions
 * @category Common Helpers
@@ -2311,7 +2310,7 @@ function getDefaultOptions() {
 	return Object.assign({}, getDefaultOptions$1());
 }
 //#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
 /**
 * @name transpose
 * @category Generic Helpers
@@ -2350,7 +2349,7 @@ function isConstructor(constructor) {
 	return typeof constructor === "function" && constructor.prototype?.constructor === constructor;
 }
 //#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 TIMEZONE_UNIT_PRIORITY = 10;
 var Setter = class {
 	subPriority = 0;
@@ -2387,7 +2386,7 @@ var DateTimezoneSetter = class extends Setter {
 	}
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/Parser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/Parser.js
 var Parser = class {
 	run(dateString, token, match, options) {
 		const result = this.parse(dateString, token, match, options);
@@ -2402,7 +2401,7 @@ var Parser = class {
 	}
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/EraParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/EraParser.js
 var EraParser = class extends Parser {
 	priority = 140;
 	parse(dateString, token, match) {
@@ -2428,7 +2427,7 @@ var EraParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/constants.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/constants.js
 var numericPatterns = {
 	month: /^(1[0-2]|0?\d)/,
 	date: /^(3[0-1]|[0-2]?\d)/,
@@ -2458,7 +2457,7 @@ var timezonePatterns = {
 	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 mapValue(parseFnResult, mapFn) {
 	if (!parseFnResult) return parseFnResult;
 	return {
@@ -2538,7 +2537,7 @@ function isLeapYearIndex(year) {
 	return year % 400 === 0 || year % 4 === 0 && year % 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 YearParser = class extends Parser {
 	priority = 130;
 	incompatibleTokens = [
@@ -2582,7 +2581,7 @@ var YearParser = class extends Parser {
 	}
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/LocalWeekYearParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/LocalWeekYearParser.js
 var LocalWeekYearParser = class extends Parser {
 	priority = 130;
 	parse(dateString, token, match) {
@@ -2629,7 +2628,7 @@ var LocalWeekYearParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/ISOWeekYearParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/ISOWeekYearParser.js
 var ISOWeekYearParser = class extends Parser {
 	priority = 130;
 	parse(dateString, token) {
@@ -2661,7 +2660,7 @@ var ISOWeekYearParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/ExtendedYearParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/ExtendedYearParser.js
 var ExtendedYearParser = class extends Parser {
 	priority = 130;
 	parse(dateString, token) {
@@ -2688,7 +2687,7 @@ var ExtendedYearParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/QuarterParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/QuarterParser.js
 var QuarterParser = class extends Parser {
 	priority = 120;
 	parse(dateString, token, match) {
@@ -2745,7 +2744,7 @@ var QuarterParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/StandAloneQuarterParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/StandAloneQuarterParser.js
 var StandAloneQuarterParser = class extends Parser {
 	priority = 120;
 	parse(dateString, token, match) {
@@ -2802,7 +2801,7 @@ var StandAloneQuarterParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/MonthParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/MonthParser.js
 var MonthParser = class extends Parser {
 	incompatibleTokens = [
 		"Y",
@@ -2859,7 +2858,7 @@ var MonthParser = class extends Parser {
 	}
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/StandAloneMonthParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/StandAloneMonthParser.js
 var StandAloneMonthParser = class extends Parser {
 	priority = 110;
 	parse(dateString, token, match) {
@@ -2916,7 +2915,7 @@ var StandAloneMonthParser = class extends Parser {
 	];
 };
 //#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
 /**
 * The {@link setWeek} function options.
 */
@@ -2965,7 +2964,7 @@ function setWeek(date, week, options) {
 	return toDate(date_, options?.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 LocalWeekParser = class extends Parser {
 	priority = 100;
 	parse(dateString, token, match) {
@@ -2998,7 +2997,7 @@ var LocalWeekParser = class extends Parser {
 	];
 };
 //#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
 /**
 * The {@link setISOWeek} function options.
 */
@@ -3033,7 +3032,7 @@ function setISOWeek(date, week, options) {
 	return _date;
 }
 //#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 ISOWeekParser = class extends Parser {
 	priority = 100;
 	parse(dateString, token, match) {
@@ -3067,7 +3066,7 @@ var ISOWeekParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/DateParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/DateParser.js
 var DAYS_IN_MONTH = [
 	31,
 	28,
@@ -3133,7 +3132,7 @@ var DateParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/DayOfYearParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/DayOfYearParser.js
 var DayOfYearParser = class extends Parser {
 	priority = 90;
 	subpriority = 1;
@@ -3173,7 +3172,7 @@ var DayOfYearParser = class extends Parser {
 	];
 };
 //#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
 /**
 * The {@link addDays} function options.
 */
@@ -3185,6 +3184,19 @@ var DayOfYearParser = class extends Parser {
 * @description
 * Add the specified number of days to the given date.
 *
+* **You don't need date-fns\***:
+*
+* Temporal has a built-in `add` method on all its classes:
+*
+* - [`Temporal.Instant.prototype.add()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Instant/add)
+* - [`Temporal.PlainDate.prototype.add()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainDate/add)
+* - [`Temporal.PlainDateTime.prototype.add()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainDateTime/add)
+* - [`Temporal.PlainTime.prototype.add()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainTime/add)
+* - [`Temporal.PlainYearMonth.prototype.add()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainYearMonth/add)
+* - [`Temporal.ZonedDateTime.prototype.add()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal/ZonedDateTime/add)
+*
+* \* **Not really**, see: https://date-fns.org/you-dont-need-date-fns
+*
 * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
 * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
 *
@@ -3198,6 +3210,12 @@ var DayOfYearParser = class extends Parser {
 * // Add 10 days to 1 September 2014:
 * const result = addDays(new Date(2014, 8, 1), 10)
 * //=> Thu Sep 11 2014 00:00:00
+*
+* @example
+* // Using Temporal:
+* // Add 10 days to 1 September 2014:
+* Temporal.PlainDate.from("2014-09-01").add({ days: 10 }).toString();
+* //=> "2014-09-11"
 */
 function addDays$1(date, amount, options) {
 	const _date = toDate(date, options?.in);
@@ -3207,7 +3225,7 @@ function addDays$1(date, amount, options) {
 	return _date;
 }
 //#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
 /**
 * The {@link setDay} function options.
 */
@@ -3248,7 +3266,7 @@ function setDay(date, day, options) {
 	return addDays$1(date_, day < 0 || day > 6 ? day - (currentDay + delta) % 7 : (dayIndex + delta) % 7 - (currentDay + delta) % 7, options);
 }
 //#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 DayParser = class extends Parser {
 	priority = 90;
 	parse(dateString, token, match) {
@@ -3309,7 +3327,7 @@ var DayParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/LocalDayParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/LocalDayParser.js
 var LocalDayParser = class extends Parser {
 	priority = 90;
 	parse(dateString, token, match, options) {
@@ -3384,7 +3402,7 @@ var LocalDayParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/StandAloneLocalDayParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/StandAloneLocalDayParser.js
 var StandAloneLocalDayParser = class extends Parser {
 	priority = 90;
 	parse(dateString, token, match, options) {
@@ -3459,7 +3477,7 @@ var StandAloneLocalDayParser = class extends Parser {
 	];
 };
 //#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
 /**
 * The {@link getISODay} function options.
 */
@@ -3489,7 +3507,7 @@ function getISODay(date, options) {
 	return day === 0 ? 7 : day;
 }
 //#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
 /**
 * The {@link setISODay} function options.
 */
@@ -3522,7 +3540,7 @@ function setISODay(date, day, options) {
 	return addDays$1(date_, day - getISODay(date_, options), options);
 }
 //#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 ISODayParser = class extends Parser {
 	priority = 90;
 	parse(dateString, token, match) {
@@ -3597,7 +3615,7 @@ var ISODayParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/AMPMParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/AMPMParser.js
 var AMPMParser = class extends Parser {
 	priority = 80;
 	parse(dateString, token, match) {
@@ -3641,7 +3659,7 @@ var AMPMParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/AMPMMidnightParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/AMPMMidnightParser.js
 var AMPMMidnightParser = class extends Parser {
 	priority = 80;
 	parse(dateString, token, match) {
@@ -3685,7 +3703,7 @@ var AMPMMidnightParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/DayPeriodParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/DayPeriodParser.js
 var DayPeriodParser = class extends Parser {
 	priority = 80;
 	parse(dateString, token, match) {
@@ -3727,7 +3745,7 @@ var DayPeriodParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/Hour1to12Parser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/Hour1to12Parser.js
 var Hour1to12Parser = class extends Parser {
 	priority = 70;
 	parse(dateString, token, match) {
@@ -3756,7 +3774,7 @@ var Hour1to12Parser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/Hour0to23Parser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/Hour0to23Parser.js
 var Hour0to23Parser = class extends Parser {
 	priority = 70;
 	parse(dateString, token, match) {
@@ -3784,7 +3802,7 @@ var Hour0to23Parser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/Hour0To11Parser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/Hour0To11Parser.js
 var Hour0To11Parser = class extends Parser {
 	priority = 70;
 	parse(dateString, token, match) {
@@ -3811,7 +3829,7 @@ var Hour0To11Parser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/Hour1To24Parser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/Hour1To24Parser.js
 var Hour1To24Parser = class extends Parser {
 	priority = 70;
 	parse(dateString, token, match) {
@@ -3840,7 +3858,7 @@ var Hour1To24Parser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/MinuteParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/MinuteParser.js
 var MinuteParser = class extends Parser {
 	priority = 60;
 	parse(dateString, token, match) {
@@ -3860,7 +3878,7 @@ var MinuteParser = class extends Parser {
 	incompatibleTokens = ["t", "T"];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/SecondParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/SecondParser.js
 var SecondParser = class extends Parser {
 	priority = 50;
 	parse(dateString, token, match) {
@@ -3880,7 +3898,7 @@ var SecondParser = class extends Parser {
 	incompatibleTokens = ["t", "T"];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/FractionOfSecondParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/FractionOfSecondParser.js
 var FractionOfSecondParser = class extends Parser {
 	priority = 30;
 	parse(dateString, token) {
@@ -3894,7 +3912,7 @@ var FractionOfSecondParser = class extends Parser {
 	incompatibleTokens = ["t", "T"];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/ISOTimezoneWithZParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/ISOTimezoneWithZParser.js
 var ISOTimezoneWithZParser = class extends Parser {
 	priority = 10;
 	parse(dateString, token) {
@@ -3917,7 +3935,7 @@ var ISOTimezoneWithZParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/ISOTimezoneParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/ISOTimezoneParser.js
 var ISOTimezoneParser = class extends Parser {
 	priority = 10;
 	parse(dateString, token) {
@@ -3940,7 +3958,7 @@ var ISOTimezoneParser = class extends Parser {
 	];
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/TimestampSecondsParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/TimestampSecondsParser.js
 var TimestampSecondsParser = class extends Parser {
 	priority = 40;
 	parse(dateString) {
@@ -3952,7 +3970,7 @@ var TimestampSecondsParser = class extends Parser {
 	incompatibleTokens = "*";
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers/TimestampMillisecondsParser.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers/TimestampMillisecondsParser.js
 var TimestampMillisecondsParser = class extends Parser {
 	priority = 20;
 	parse(dateString) {
@@ -3964,7 +3982,7 @@ var TimestampMillisecondsParser = class extends Parser {
 	incompatibleTokens = "*";
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse/_lib/parsers.js
 var parsers = {
 	G: new EraParser(),
 	y: new YearParser(),
@@ -3999,7 +4017,7 @@ var parsers = {
 	T: new TimestampMillisecondsParser()
 };
 //#endregion
-//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse.js
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/parse.js
 /**
 * The {@link parse} function options.
 */
@@ -4829,7 +4847,7 @@ function renderDialogHeader(context) {
 					<button
 						tabindex="1"
 						id="${(x) => `grid-label-${x.id}`}"
-						class="title-action button"
+						class="title-action button connotation-accent appearance-listitem with-idle with-hover with-active"
 						aria-live="polite"
 						aria-label="${(x) => x.titleAriaLabel}"
 						@click="${(_, c) => c.parent._onTitleActionClick()}"
@@ -4898,7 +4916,7 @@ function renderCalendarGrid(context) {
 								${(0, _microsoft_fast_element.when)((x, c) => c.parentContext.parentContext.parent._hideDatesOutsideMonth && x.isOutsideMonth, _microsoft_fast_element.html`<div class="calendar-day"></div>`)}
 								${(0, _microsoft_fast_element.when)((x, c) => !c.parentContext.parentContext.parent._hideDatesOutsideMonth || !x.isOutsideMonth, _microsoft_fast_element.html` <span role="gridcell">
 										<button
-											class="${(x, c) => (0, _microsoft_fast_web_utilities.classNames)("calendar-day", "button", ["current", x.date === c.parentContext.parentContext.parent._currentDate], ["selected", c.parentContext.parentContext.parent._isDateSelected(x.date)], ["range", c.parentContext.parentContext.parent._isDateInSelectedRange(x.date)], ["start", c.parentContext.parentContext.parent._isDateRangeStart(x.date)], ["end", c.parentContext.parentContext.parent._isDateRangeEnd(x.date)], ["outside-month", x.isOutsideMonth])}"
+											class="${(x, c) => (0, _microsoft_fast_web_utilities.classNames)("calendar-day", "button", "connotation-accent", "appearance-listitem", "with-idle", "with-hover", "with-active", "with-selected", "with-selectedAndHover", "with-selectedAndDisabled", ["current", x.date === c.parentContext.parentContext.parent._currentDate], ["selected", c.parentContext.parentContext.parent._isDateSelected(x.date)], ["range", c.parentContext.parentContext.parent._isDateInSelectedRange(x.date)], ["start", c.parentContext.parentContext.parent._isDateRangeStart(x.date)], ["end", c.parentContext.parentContext.parent._isDateRangeEnd(x.date)], ["outside-month", x.isOutsideMonth])}"
 											?disabled="${(x, c) => !c.parentContext.parentContext.parent._isDateInValidRange(x.date)}"
 											tabindex="${(x, c) => x.date === c.parentContext.parentContext.parent._tabbableDate ? 1 : -1}"
 											data-date="${(x) => x.date}"
@@ -4939,7 +4957,7 @@ function renderMonthPickerGrid(context) {
 						${(0, _microsoft_fast_element.repeat)((x) => x, _microsoft_fast_element.html`
 								<span role="gridcell">
 									<button
-										class="${(x, c) => (0, _microsoft_fast_web_utilities.classNames)("month", "button", ["current", areMonthsEqual(x.month, c.parentContext.parentContext.parent._currentMonth)], ["selected", areMonthsEqual(x.month, c.parentContext.parentContext.parent._selectedMonth)])}"
+										class="${(x, c) => (0, _microsoft_fast_web_utilities.classNames)("month", "button", "connotation-accent", "appearance-listitem", "with-idle", "with-hover", "with-active", "with-selected", "with-selectedAndHover", "with-selectedAndDisabled", ["current", areMonthsEqual(x.month, c.parentContext.parentContext.parent._currentMonth)], ["selected", areMonthsEqual(x.month, c.parentContext.parentContext.parent._selectedMonth)])}"
 										tabindex="${(x, c) => c.parentContext.parentContext.parent._tabbableMonth && areMonthsEqual(x.month, c.parentContext.parentContext.parent._tabbableMonth) ? 1 : -1}"
 										aria-label="${(x, c) => {
 		const picker = c.parentContext.parentContext.parent;