@vonage/vivid 5.23.0 → 5.23.1

package/unbundled/base-color-picker.js

@@ -1,7 +1,7 @@
 import { t as __decorate } from "./decorate.js";
 import { n as FormAssociated } from "./form-associated.js";
-import { t as FormElement } from "./form-element.js";
 import { t as Localized } from "./localized.js";
+import { t as FormElement } from "./form-element.js";
 import { Updates, attr, html, observable, when } from "@microsoft/fast-element";
 import { classNames } from "@microsoft/fast-web-utilities";
 //#region src/shared/color-picker/utils.ts
@@ -12,15 +12,11 @@ function parseHexColor(input) {
 	if (/^[0-9a-fA-F]{6}$/.test(hex)) return hex.toLowerCase();
 	return null;
 }
-/**
-* Check if input value is valid hex color
-*/
+/** Check if input value is valid hex color */
 function isValidHexColor(input) {
 	return parseHexColor(input) !== null;
 }
-/**
-* Calculate the relative luminance of a hex color using WCAG formula
-*/
+/** Calculate the relative luminance of a hex color using WCAG formula */
 function getLuminance(hexColor) {
 	const hex = parseHexColor(hexColor);
 	if (!hex) return 0;
@@ -32,9 +28,7 @@ function getLuminance(hexColor) {
 	const sB = b <= .03928 ? b / 12.92 : Math.pow((b + .055) / 1.055, 2.4);
 	return .2126 * sR + .7152 * sG + .0722 * sB;
 }
-/**
-* Calculate contrast ratio between two colors
-*/
+/** Calculate contrast ratio between two colors */
 function getContrastRatio(color1, color2) {
 	const lum1 = getLuminance(color1);
 	const lum2 = getLuminance(color2);
@@ -42,18 +36,14 @@ function getContrastRatio(color1, color2) {
 	const darkest = Math.min(lum1, lum2);
 	return (brightest + .05) / (darkest + .05);
 }
-/**
-* Get CSS custom property value from the document
-*/
+/** Get CSS custom property value from the document */
 function getCSSCustomProperty(propertyName, element) {
 	if (!element) element = document.querySelector(".vvd-root") || document.documentElement;
 	return getComputedStyle(element).getPropertyValue(propertyName).trim();
 }
 //#endregion
 //#region src/shared/color-picker/base-color-picker.ts
-/**
-* Base mixin for Color Picker components
-*/
+/** Base mixin for Color Picker components */
 var BaseColorPicker = (Base) => {
 	class BaseColorPickerElement extends Localized(FormElement(FormAssociated(Base))) {
 		constructor(..._args) {
@@ -69,72 +59,52 @@ var BaseColorPicker = (Base) => {
 				this._refreshCanvasColor();
 			});
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		get _computedCanvasColor() {
 			if (!this._canvasColor) this._canvasColor = getCSSCustomProperty("--vvd-color-canvas", this);
 			return this._canvasColor;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_refreshCanvasColor() {
 			this._canvasColor = getCSSCustomProperty("--vvd-color-canvas", this);
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_applyContrastClass(color, threshold = 3) {
 			if (!color) return false;
 			const canvasColor = this._computedCanvasColor;
 			if (!canvasColor) return false;
 			return getContrastRatio(color, canvasColor) < threshold;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_getRowLength() {
 			return 7;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_handleSwatchSelection(value) {
 			if (this.value === value) this.value = "";
 			else this.value = value;
 			this.$emit("change");
 			this.open = false;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		/* v8 ignore next */
 		_handleColorSaving() {}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_getFocusReturnEl() {
 			return null;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_returnFocusToAnchor() {
 			const el = this._getFocusReturnEl();
 			if (!el) return;
 			Updates.enqueue(() => el.focus());
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_getGridCells() {
 			const grid = this.shadowRoot?.querySelector("[role=\"grid\"]");
 			return grid ? Array.from(grid.querySelectorAll("[role=\"gridcell\"], [data-vvd-role=\"gridcell\"]")) : [];
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_handleCellKeydown(event, value, index, isSaveCell) {
 			const rowLength = this._getRowLength();
 			const totalCells = this._getGridCells().length;
@@ -197,17 +167,13 @@ var BaseColorPicker = (Base) => {
 				default: return true;
 			}
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_focusSwatchByIndex(index) {
 			const cells = this._getGridCells();
 			if (index < 0 || index >= cells.length) return;
 			cells[index]?.focus();
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_renderColorSwatch(iconTag, tooltipTag) {
 			return html`
 				<${tooltipTag} placement="top"

package/unbundled/base-progress.cjs

@@ -6,38 +6,28 @@ let _microsoft_fast_element = require("@microsoft/fast-element");
 /**
 * An Progress HTML Element.
 * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
-*
-* @public
 */
 var BaseProgress = class extends require_vivid_element.VividElement {
 	constructor(..._args) {
 		super(..._args);
 		this.percentComplete = 0;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	valueChanged() {
 		/* v8 ignore if -- @preserve */
 		if (this.$fastController.isConnected) this.updatePercentComplete();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	minChanged() {
 		/* v8 ignore if -- @preserve */
 		if (this.$fastController.isConnected) this.updatePercentComplete();
 	}
-	/**
-	* @private
-	*/
+	/** @private */
 	maxChanged() {
 		/* v8 ignore if -- @preserve */
 		if (this.$fastController.isConnected) this.updatePercentComplete();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	connectedCallback() {
 		super.connectedCallback();
 		this.updatePercentComplete();

package/unbundled/base-progress.js

@@ -5,38 +5,28 @@ import { attr, nullableNumberConverter, observable } from "@microsoft/fast-eleme
 /**
 * An Progress HTML Element.
 * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
-*
-* @public
 */
 var BaseProgress = class extends VividElement {
 	constructor(..._args) {
 		super(..._args);
 		this.percentComplete = 0;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	valueChanged() {
 		/* v8 ignore if -- @preserve */
 		if (this.$fastController.isConnected) this.updatePercentComplete();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	minChanged() {
 		/* v8 ignore if -- @preserve */
 		if (this.$fastController.isConnected) this.updatePercentComplete();
 	}
-	/**
-	* @private
-	*/
+	/** @private */
 	maxChanged() {
 		/* v8 ignore if -- @preserve */
 		if (this.$fastController.isConnected) this.updatePercentComplete();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	connectedCallback() {
 		super.connectedCallback();
 		this.updatePercentComplete();

package/unbundled/button.cjs

@@ -11,8 +11,6 @@ let _microsoft_fast_element = require("@microsoft/fast-element");
 *
 * @csspart control - The button element
 * @csspart content - The element wrapping button content
-*
-* @public
 */
 var VividFoundationButton = class extends require_delegates_aria.DelegatesAria(require_form_associated.FormAssociated(require_vivid_element.VividElement)) {
 	constructor(..._args) {
@@ -75,9 +73,7 @@ var VividFoundationButton = class extends require_delegates_aria.DelegatesAria(r
 	validate() {
 		super.validate(this.control);
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	connectedCallback() {
 		super.connectedCallback();
 		this.proxy.setAttribute("type", this.type);
@@ -89,9 +85,7 @@ var VividFoundationButton = class extends require_delegates_aria.DelegatesAria(r
 			span.addEventListener("click", this.handleClick);
 		});
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	disconnectedCallback() {
 		super.disconnectedCallback();
 		(this.control ? Array.from(this.control.children) : []).forEach((span) => {

package/unbundled/button.js

@@ -10,8 +10,6 @@ import { Updates, attr } from "@microsoft/fast-element";
 *
 * @csspart control - The button element
 * @csspart content - The element wrapping button content
-*
-* @public
 */
 var VividFoundationButton = class extends DelegatesAria(FormAssociated(VividElement)) {
 	constructor(..._args) {
@@ -74,9 +72,7 @@ var VividFoundationButton = class extends DelegatesAria(FormAssociated(VividElem
 	validate() {
 		super.validate(this.control);
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	connectedCallback() {
 		super.connectedCallback();
 		this.proxy.setAttribute("type", this.type);
@@ -88,9 +84,7 @@ var VividFoundationButton = class extends DelegatesAria(FormAssociated(VividElem
 			span.addEventListener("click", this.handleClick);
 		});
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	disconnectedCallback() {
 		super.disconnectedCallback();
 		(this.control ? Array.from(this.control.children) : []).forEach((span) => {

package/unbundled/calendar-picker.template.cjs

@@ -1,13 +1,13 @@
 require("./chunk.cjs");
 const require_decorate = require("./decorate.cjs");
 const require_definition = require("./definition6.cjs");
-const require_definition$1 = require("./definition7.cjs");
 const require_divider = require("./divider.cjs");
+const require_definition$1 = require("./definition22.cjs");
 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{--_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)}";
 //#endregion
 //#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/addLeadingZeros.js
 function addLeadingZeros(number, targetLength) {
@@ -4491,9 +4491,7 @@ var buildCalendarGrid = (month, locale) => {
 */
 var CalendarPicker = (Base) => {
 	class CalendarPickerElement extends Base {
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_adjustSelectedMonthToEnsureVisibilityOf(date) {
 			const month = monthOfDate(date);
 			const firstDisplayedMonth = this._selectedMonth;
@@ -4507,9 +4505,7 @@ var CalendarPicker = (Base) => {
 			}
 			return false;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_isDateInValidRange(date) {
 			return (!this._resolvedMinDate || compareDateStr(date, this._resolvedMinDate) >= 0) && (!this._resolvedMaxDate || compareDateStr(date, this._resolvedMaxDate) <= 0);
 		}
@@ -4519,9 +4515,7 @@ var CalendarPicker = (Base) => {
 		#isMonthBeforeValidRange(month) {
 			return this._resolvedMinDate && compareMonths(month, monthOfDate(this._resolvedMinDate)) < 0;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_isMonthInValidRange(month) {
 			return !(this.#isMonthBeforeValidRange(month) || this.#isMonthAfterValidRange(month));
 		}
@@ -4537,16 +4531,12 @@ var CalendarPicker = (Base) => {
 			this._lastFocussedMonth = null;
 			this.value = "";
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_closePopup(restoreFocusToTextField = true) {
 			super._closePopup(restoreFocusToTextField);
 			this._monthPickerYear = null;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onPickerButtonClick() {
 			super._onPickerButtonClick();
 			if (this._popupOpen) {
@@ -4555,23 +4545,17 @@ var CalendarPicker = (Base) => {
 				if (tabbableDate) this.shadowRoot.querySelector(`[data-date="${tabbableDate}"]`).focus();
 			}
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onTitleActionClick() {
 			if (this._inMonthPicker) this._monthPickerYear = null;
 			else this._monthPickerYear = this._selectedMonth.year;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		get _isPrevYearDisabled() {
 			const prevYear = (this._inMonthPicker ? this._monthPickerYear : this._selectedMonth.year) - 1;
 			return this._resolvedMinDate && prevYear < yearOfDate(this._resolvedMinDate);
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onPrevYearClick() {
 			if (this._inMonthPicker) this._monthPickerYear = this._monthPickerYear - 1;
 			else this._selectedMonth = {
@@ -4579,16 +4563,12 @@ var CalendarPicker = (Base) => {
 				month: this._selectedMonth.month
 			};
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		get _isNextYearDisabled() {
 			const nextYear = (this._inMonthPicker ? this._monthPickerYear : this._selectedMonth.year) + 1;
 			return this._resolvedMaxDate && nextYear > yearOfDate(this._resolvedMaxDate);
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onNextYearClick() {
 			if (this._inMonthPicker) this._monthPickerYear = this._monthPickerYear + 1;
 			else this._selectedMonth = {
@@ -4596,33 +4576,23 @@ var CalendarPicker = (Base) => {
 				month: this._selectedMonth.month
 			};
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		get _isPrevMonthDisabled() {
 			return this.#isMonthBeforeValidRange(addMonths(this._selectedMonth, -1));
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onPrevMonthClick() {
 			this._selectedMonth = addMonths(this._selectedMonth, -1);
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		get _isNextMonthDisabled() {
 			return this.#isMonthAfterValidRange(addMonths(this._selectedMonth, 1));
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onNextMonthClick() {
 			this._selectedMonth = addMonths(this._selectedMonth, 1);
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		get _segments() {
 			const segments = [];
 			if (this._inMonthPicker) segments.push({
@@ -4655,9 +4625,7 @@ var CalendarPicker = (Base) => {
 			}
 			return segments;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_isDateSelected(_) {
 			return false;
 		}
@@ -4668,25 +4636,17 @@ var CalendarPicker = (Base) => {
 		_isDateInSelectedRange(_) {
 			return false;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_isDateRangeStart(_) {
 			return false;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_isDateRangeEnd(_) {
 			return false;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onDateMouseEnter(_) {}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onDateMouseLeave(_) {}
 		/**
 		* Handle keydown on a date in the calendar.
@@ -4705,9 +4665,7 @@ var CalendarPicker = (Base) => {
 			}
 			return true;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onDateFocus(date) {
 			this._lastFocussedDate = date;
 		}
@@ -4727,9 +4685,7 @@ var CalendarPicker = (Base) => {
 			const lastVisibleMonth = addMonths(this._selectedMonth, this._numCalendars - 1);
 			return candidates.find((date) => date && compareMonths(monthOfDate(date), firstVisibleMonth) >= 0 && compareMonths(monthOfDate(date), lastVisibleMonth) <= 0 && this._isDateInValidRange(date)) ?? null;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		get _inMonthPicker() {
 			return this._monthPickerYear !== null;
 		}
@@ -4761,9 +4717,7 @@ var CalendarPicker = (Base) => {
 			}
 			return true;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onMonthFocus(month) {
 			this._lastFocussedMonth = month;
 		}
@@ -4803,14 +4757,10 @@ var ValidDateFilter = {
 		return value;
 	}
 };
-/**
-* Mixin for calendar pickers where min/max is a date.
-*/
+/** Mixin for calendar pickers where min/max is a date. */
 var MinMaxCalendarPicker = (SuperClass) => {
 	class MinMaxDatePickerElement extends SuperClass {
-		/**
-		* @internal
-		*/
+		/** @internal */
 		minChanged(_, newMin) {
 			/* v8 ignore if -- @preserve */
 			if (this.proxy instanceof HTMLInputElement) {
@@ -4818,15 +4768,11 @@ var MinMaxCalendarPicker = (SuperClass) => {
 				this.validate();
 			}
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		get _resolvedMinDate() {
 			return this.min;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		maxChanged(_, newMax) {
 			/* v8 ignore if -- @preserve */
 			if (this.proxy instanceof HTMLInputElement) {
@@ -4854,7 +4800,7 @@ var MinMaxCalendarPicker = (SuperClass) => {
 //#endregion
 //#region src/shared/picker-field/mixins/calendar-picker.template.ts
 function renderDialogHeader(context) {
-	const buttonTag = context.tagFor(require_definition$1.Button);
+	const buttonTag = context.tagFor(require_definition.Button);
 	return _microsoft_fast_element.html`<div class="header" tabindex="-1">
 		${(0, _microsoft_fast_element.when)((x) => x.prevYearButton, _microsoft_fast_element.html`
 					<${buttonTag}
@@ -4928,7 +4874,7 @@ function renderDialogHeader(context) {
 }
 function renderCalendarGrid(context) {
 	const dividerTag = context.tagFor(require_divider.Divider);
-	const visuallyHiddenTag = context.tagFor(require_definition.VisuallyHidden);
+	const visuallyHiddenTag = context.tagFor(require_definition$1.VisuallyHidden);
 	return _microsoft_fast_element.html`
 		<div
 			class='calendar'