ropav 0.1.8 → 0.1.9

package/README.md

@@ -147,6 +147,7 @@ For headless floating content and custom overlay markup, see the
 
 ## Development
 
-Contributors should follow the [code architecture guide](./docs/code-architecture.md) for component,
-composable, utility, dependency, and testing conventions. Run `pnpm run verify` before submitting a
-change.
+Contributors should follow the
+[code architecture guide](https://github.com/daopk/ropav/blob/main/docs/code-architecture.md) for
+module seams, dependency direction, and testing conventions. Run `pnpm --workspace-root verify`
+before submitting a change.

package/dist/calendar.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-calendar[data-v-d3ae1d38] {
+.rp-calendar[data-v-9df33d1a] {
     --_rp-calendar-day-size: var(--rp-size-control-sm);
     --_rp-calendar-font-size: var(--rp-font-size-sm);
     --_rp-calendar-gap: var(--rp-spacing-1);
@@ -15,59 +15,59 @@
     line-height: 1;
     vertical-align: middle;
 }
-.rp-calendar--size-xs[data-v-d3ae1d38] {
+.rp-calendar--size-xs[data-v-9df33d1a] {
     --_rp-calendar-day-size: var(--rp-size-control-xs);
     --_rp-calendar-font-size: var(--rp-font-size-xs);
     --_rp-calendar-gap: calc(var(--rp-spacing-1) / 2);
 }
-.rp-calendar--size-sm[data-v-d3ae1d38] {
+.rp-calendar--size-sm[data-v-9df33d1a] {
     --_rp-calendar-day-size: var(--rp-size-control-sm);
     --_rp-calendar-font-size: var(--rp-font-size-sm);
     --_rp-calendar-gap: var(--rp-spacing-1);
 }
-.rp-calendar--size-md[data-v-d3ae1d38] {
+.rp-calendar--size-md[data-v-9df33d1a] {
     --_rp-calendar-day-size: var(--rp-size-control-sm);
     --_rp-calendar-font-size: var(--rp-font-size-sm);
     --_rp-calendar-gap: var(--rp-spacing-1);
 }
-.rp-calendar--size-lg[data-v-d3ae1d38] {
+.rp-calendar--size-lg[data-v-9df33d1a] {
     --_rp-calendar-day-size: var(--rp-size-control-md);
     --_rp-calendar-font-size: var(--rp-font-size-md);
     --_rp-calendar-gap: var(--rp-spacing-1);
 }
-.rp-calendar--size-xl[data-v-d3ae1d38] {
+.rp-calendar--size-xl[data-v-9df33d1a] {
     --_rp-calendar-day-size: var(--rp-size-control-lg);
     --_rp-calendar-font-size: var(--rp-font-size-lg);
     --_rp-calendar-gap: var(--rp-spacing-2);
 }
-.rp-calendar--radius-none[data-v-d3ae1d38] {
+.rp-calendar--radius-none[data-v-9df33d1a] {
     --_rp-calendar-radius: 0;
 }
-.rp-calendar--radius-xs[data-v-d3ae1d38] {
+.rp-calendar--radius-xs[data-v-9df33d1a] {
     --_rp-calendar-radius: var(--rp-radius-xs);
 }
-.rp-calendar--radius-sm[data-v-d3ae1d38] {
+.rp-calendar--radius-sm[data-v-9df33d1a] {
     --_rp-calendar-radius: var(--rp-radius-sm);
 }
-.rp-calendar--radius-md[data-v-d3ae1d38] {
+.rp-calendar--radius-md[data-v-9df33d1a] {
     --_rp-calendar-radius: var(--rp-radius-md);
 }
-.rp-calendar--radius-lg[data-v-d3ae1d38] {
+.rp-calendar--radius-lg[data-v-9df33d1a] {
     --_rp-calendar-radius: var(--rp-radius-lg);
 }
-.rp-calendar--radius-xl[data-v-d3ae1d38] {
+.rp-calendar--radius-xl[data-v-9df33d1a] {
     --_rp-calendar-radius: var(--rp-radius-xl);
 }
-.rp-calendar--radius-full[data-v-d3ae1d38] {
+.rp-calendar--radius-full[data-v-9df33d1a] {
     --_rp-calendar-radius: var(--rp-radius-full);
 }
-.rp-calendar__header[data-v-d3ae1d38] {
+.rp-calendar__header[data-v-9df33d1a] {
     display: grid;
     grid-template-columns: var(--_rp-calendar-day-size) 1fr var(--_rp-calendar-day-size);
     align-items: center;
     gap: var(--_rp-calendar-gap);
 }
-.rp-calendar__month-label[data-v-d3ae1d38] {
+.rp-calendar__month-label[data-v-9df33d1a] {
     overflow: hidden;
     font-weight: var(--rp-font-weight-semibold);
     line-height: var(--_rp-calendar-day-size);
@@ -75,7 +75,18 @@
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.rp-calendar__control[data-v-d3ae1d38], .rp-calendar__day[data-v-d3ae1d38] {
+.rp-calendar__month-label--visually-hidden[data-v-9df33d1a] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+}
+.rp-calendar__control[data-v-9df33d1a], .rp-calendar__day[data-v-9df33d1a] {
     padding: 0;
     font: inherit;
     background: none;
@@ -91,60 +102,60 @@
     color: inherit;
     transition: color var(--rp-transition-fast), background-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
 }
-.rp-calendar__control[data-v-d3ae1d38]:focus-visible, .rp-calendar__day[data-v-d3ae1d38]:focus-visible {
+.rp-calendar__control[data-v-9df33d1a]:focus-visible, .rp-calendar__day[data-v-9df33d1a]:focus-visible {
     outline: none;
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
 @media (forced-colors: active) {
-.rp-calendar__control[data-v-d3ae1d38]:focus-visible, .rp-calendar__day[data-v-d3ae1d38]:focus-visible {
+.rp-calendar__control[data-v-9df33d1a]:focus-visible, .rp-calendar__day[data-v-9df33d1a]:focus-visible {
       outline: var(--rp-border-width-medium) solid Highlight;
       outline-offset: 2px;
       box-shadow: none;
 }
 }
-.rp-calendar__control[data-v-d3ae1d38] {
+.rp-calendar__control[data-v-9df33d1a] {
     color: var(--rp-color-control-icon);
 }
-.rp-calendar__control[data-v-d3ae1d38]:hover:not(:disabled) {
+.rp-calendar__control[data-v-9df33d1a]:hover:not(:disabled) {
     color: var(--rp-color-control-fg);
     background-color: var(--rp-color-default-hover);
 }
-.rp-calendar__control[data-v-d3ae1d38]:disabled {
+.rp-calendar__control[data-v-9df33d1a]:disabled {
     cursor: not-allowed;
     opacity: var(--rp-opacity-disabled);
 }
-.rp-calendar__control[data-v-d3ae1d38] >  svg {
+.rp-calendar__control[data-v-9df33d1a] >  svg {
     width: 1em;
     height: 1em;
 }
-.rp-calendar__grid[data-v-d3ae1d38] {
+.rp-calendar__grid[data-v-9df33d1a] {
     border-spacing: var(--_rp-calendar-gap);
     margin: calc(-1 * var(--_rp-calendar-gap));
     table-layout: fixed;
 }
-.rp-calendar__weekday[data-v-d3ae1d38], .rp-calendar__day-cell[data-v-d3ae1d38] {
+.rp-calendar__weekday[data-v-9df33d1a], .rp-calendar__day-cell[data-v-9df33d1a] {
     box-sizing: border-box;
     width: var(--_rp-calendar-day-size);
     height: var(--_rp-calendar-day-size);
     padding: 0;
     text-align: center;
 }
-.rp-calendar__weekday[data-v-d3ae1d38] {
+.rp-calendar__weekday[data-v-9df33d1a] {
     color: var(--rp-color-dimmed);
     font-size: 0.85em;
     font-weight: var(--rp-font-weight-medium);
 }
-.rp-calendar__day[data-v-d3ae1d38] {
+.rp-calendar__day[data-v-9df33d1a] {
     position: relative;
     font: inherit;
 }
-.rp-calendar__day[data-v-d3ae1d38]:hover:not(:disabled):not(.rp-calendar__day--selected) {
+.rp-calendar__day[data-v-9df33d1a]:hover:not(:disabled):not(.rp-calendar__day--selected) {
     background-color: var(--rp-color-default-hover);
 }
-.rp-calendar__day--outside[data-v-d3ae1d38] {
+.rp-calendar__day--outside[data-v-9df33d1a] {
     color: var(--rp-color-dimmed);
 }
-.rp-calendar__day--today[data-v-d3ae1d38]::after {
+.rp-calendar__day--today[data-v-9df33d1a]::after {
     position: absolute;
     inset-inline-start: 50%;
     bottom: max(2px, var(--_rp-calendar-day-size) * 0.1);
@@ -155,18 +166,18 @@
     content: "";
     transform: translateX(-50%);
 }
-.rp-calendar__day--selected[data-v-d3ae1d38] {
+.rp-calendar__day--selected[data-v-9df33d1a] {
     color: var(--rp-color-control-selected-fg);
     background-color: var(--rp-color-control-selected-bg);
 }
-.rp-calendar__day--selected[data-v-d3ae1d38]:hover:not(:disabled) {
+.rp-calendar__day--selected[data-v-9df33d1a]:hover:not(:disabled) {
     background-color: var(--rp-primary-color-filled-hover);
 }
-.rp-calendar__day[data-v-d3ae1d38]:disabled {
+.rp-calendar__day[data-v-9df33d1a]:disabled {
     cursor: not-allowed;
     opacity: var(--rp-opacity-disabled);
 }
-.rp-calendar--disabled[data-v-d3ae1d38] {
+.rp-calendar--disabled[data-v-9df33d1a] {
     opacity: var(--rp-opacity-disabled);
     cursor: not-allowed;
 }

package/dist/calendar.js

@@ -6,7 +6,7 @@ import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { t as chevron_left_default } from "./chevron-left.js";
 import { t as chevron_right_default } from "./chevron-right.js";
-import { child, computed, createComponent, createFor, createIf, createSlot, createTemplateRefSetter, defineVaporComponent, next, nextTick, on, onBeforeUnmount, onMounted, ref, renderEffect, setDynamicProps, setInsertionState, setText, shallowRef, template, toDisplayString, txt, unref, useId, watch } from "vue";
+import { child, computed, createComponent, createFor, createIf, createSlot, defineVaporComponent, next, nextTick, on, onBeforeUnmount, onMounted, ref, renderEffect, setDynamicProps, setInsertionState, setStaticTemplateRef, setText, shallowRef, template, toDisplayString, txt, unref, useId, watch } from "vue";
 //#region src/utils/date.ts
 function isValidDate(value) {
 	return value instanceof Date && Number.isFinite(value.getTime());
@@ -499,12 +499,14 @@ function useCalendar(props, emit) {
 }
 //#endregion
 //#region src/components/calendar/calendar.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<th data-v-d3ae1d38> ");
-var t1 = template(" ");
-var t2 = template("<button data-v-d3ae1d38>");
-var t3 = template("<td data-v-d3ae1d38>");
-var t4 = template("<tr data-v-d3ae1d38>");
-var t5 = template("<div data-v-d3ae1d38><div data-v-d3ae1d38><button data-v-d3ae1d38></button><span data-v-d3ae1d38> </span><button data-v-d3ae1d38></button></div><table data-v-d3ae1d38><thead data-v-d3ae1d38><tr data-v-d3ae1d38></thead><tbody data-v-d3ae1d38>", 1);
+var t0 = template("<div data-v-9df33d1a><button data-v-9df33d1a></button><span data-v-9df33d1a> </span><button data-v-9df33d1a></button>");
+var t1 = template("<span data-v-9df33d1a> ");
+var t2 = template("<th data-v-9df33d1a> ");
+var t3 = template(" ");
+var t4 = template("<button data-v-9df33d1a>");
+var t5 = template("<td data-v-9df33d1a>");
+var t6 = template("<tr data-v-9df33d1a>");
+var t7 = template("<div data-v-9df33d1a><table data-v-9df33d1a><thead data-v-9df33d1a><tr data-v-9df33d1a></thead><tbody data-v-9df33d1a>", 1);
 //#endregion
 //#region src/components/calendar/calendar.vue
 var calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -532,6 +534,10 @@ var calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			type: Boolean,
 			default: false
 		},
+		showHeader: {
+			type: Boolean,
+			default: true
+		},
 		disabled: {
 			type: Boolean,
 			default: false
@@ -543,6 +549,7 @@ var calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		size: { default: "md" },
 		radius: { default: "sm" },
 		ariaLabel: { default: void 0 },
+		getDayAriaLabel: {},
 		previousLabel: { default: "Previous month" },
 		nextLabel: { default: "Next month" },
 		classNames: {},
@@ -584,6 +591,9 @@ var calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"data-disabled": toPresenceAttribute(props.disabled || day.disabled)
 			};
 		}
+		function getDayLabel(day) {
+			return props.getDayAriaLabel?.(day) ?? day.ariaLabel;
+		}
 		function isFocusable(day) {
 			return !props.disabled && !day.disabled && isSameDate(day.date, focusableDate.value);
 		}
@@ -593,122 +603,137 @@ var calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				(rootRef.value?.querySelector(".rp-calendar__day[tabindex=\"0\"]") ?? rootRef.value?.querySelector(".rp-calendar__control:not(:disabled)"))?.focus({ preventScroll: true });
 			}
 		});
-		const _setTemplateRef = createTemplateRefSetter();
-		const n29 = t5();
-		const n9 = child(n29);
-		const n3 = child(n9);
-		const n4 = next(n3, 1);
-		const n8 = next(n4, 2);
-		const n28 = next(n9, 1);
-		const n14 = child(n28);
-		const n13 = child(n14);
-		const n27 = next(n14, 1);
-		renderEffect(() => {
-			const _getPartAttrs = unref(getPartAttrs);
-			setDynamicProps(n29, [rootAttrs.value]);
-			setDynamicProps(n9, [_getPartAttrs("header", { class: "rp-calendar__header" })]);
-			setDynamicProps(n3, [_getPartAttrs("previousControl", { class: "rp-calendar__control rp-calendar__control--previous" }), {
-				type: "button",
-				"aria-label": __props.previousLabel,
-				disabled: unref(previousDisabled)
-			}]);
-		});
-		setInsertionState(n3, null, 0);
-		createSlot("previous-icon", null, () => {
-			return createComponent(unref(chevron_left_default), { "aria-hidden": "true" });
-		}, 1);
-		on(n3, "click", () => unref(navigateMonth)(-1));
-		const x4 = txt(n4);
-		renderEffect(() => {
-			const _getPartAttrs = unref(getPartAttrs);
-			setDynamicProps(n4, [
-				{ id: monthLabelId },
-				_getPartAttrs("monthLabel", { class: "rp-calendar__month-label" }),
-				{ "aria-live": "polite" }
-			]);
-			setText(x4, toDisplayString(unref(monthLabel)));
-			setDynamicProps(n8, [_getPartAttrs("nextControl", { class: "rp-calendar__control rp-calendar__control--next" }), {
-				type: "button",
-				"aria-label": __props.nextLabel,
-				disabled: unref(nextDisabled)
-			}]);
-		});
-		setInsertionState(n8, null, 0);
-		createSlot("next-icon", null, () => {
-			return createComponent(unref(chevron_right_default), { "aria-hidden": "true" });
-		}, 1);
-		on(n8, "click", () => unref(navigateMonth)(1));
+		const n33 = t7();
+		const n32 = child(n33, 1);
+		const n18 = child(n32);
+		const n17 = child(n18);
+		const n31 = next(n18, 1);
+		renderEffect(() => setDynamicProps(n33, [rootAttrs.value]));
+		setInsertionState(n33, 0);
+		createIf(() => __props.showHeader, () => {
+			const n11 = t0();
+			const n5 = child(n11);
+			const n6 = next(n5, 1);
+			const n10 = next(n6, 2);
+			renderEffect(() => {
+				const _getPartAttrs = unref(getPartAttrs);
+				setDynamicProps(n11, [_getPartAttrs("header", { class: "rp-calendar__header" })]);
+				setDynamicProps(n5, [_getPartAttrs("previousControl", { class: "rp-calendar__control rp-calendar__control--previous" }), {
+					type: "button",
+					"aria-label": __props.previousLabel,
+					disabled: unref(previousDisabled)
+				}]);
+			});
+			setInsertionState(n5, null, 0);
+			createSlot("previous-icon", null, () => {
+				return createComponent(unref(chevron_left_default), { "aria-hidden": "true" });
+			}, 1);
+			on(n5, "click", () => unref(navigateMonth)(-1));
+			const x6 = txt(n6);
+			renderEffect(() => {
+				const _getPartAttrs = unref(getPartAttrs);
+				setDynamicProps(n6, [
+					{ id: monthLabelId },
+					_getPartAttrs("monthLabel", { class: "rp-calendar__month-label" }),
+					{ "aria-live": "polite" }
+				]);
+				setText(x6, toDisplayString(unref(monthLabel)));
+				setDynamicProps(n10, [_getPartAttrs("nextControl", { class: "rp-calendar__control rp-calendar__control--next" }), {
+					type: "button",
+					"aria-label": __props.nextLabel,
+					disabled: unref(nextDisabled)
+				}]);
+			});
+			setInsertionState(n10, null, 0);
+			createSlot("next-icon", null, () => {
+				return createComponent(unref(chevron_right_default), { "aria-hidden": "true" });
+			}, 1);
+			on(n10, "click", () => unref(navigateMonth)(1));
+			return n11;
+		}, () => {
+			const n13 = t1();
+			const x13 = txt(n13);
+			renderEffect(() => {
+				setDynamicProps(n13, [
+					{ id: monthLabelId },
+					unref(getPartAttrs)("monthLabel", { class: ["rp-calendar__month-label", "rp-calendar__month-label--visually-hidden"] }),
+					{ "aria-live": "polite" }
+				]);
+				setText(x13, toDisplayString(unref(monthLabel)));
+			});
+			return n13;
+		}, 261);
 		renderEffect(() => {
 			const _getPartAttrs = unref(getPartAttrs);
 			const _ariaLabel = __props.ariaLabel;
-			setDynamicProps(n28, [_getPartAttrs("grid", { class: "rp-calendar__grid" }), {
+			setDynamicProps(n32, [_getPartAttrs("grid", { class: "rp-calendar__grid" }), {
 				role: "grid",
 				"aria-label": _ariaLabel,
 				"aria-labelledby": _ariaLabel ? void 0 : monthLabelId,
 				"aria-readonly": __props.readonly || void 0,
 				"aria-disabled": __props.disabled || void 0
 			}]);
-			setDynamicProps(n14, [_getPartAttrs("weekdays", { class: "rp-calendar__weekdays" })]);
+			setDynamicProps(n18, [_getPartAttrs("weekdays", { class: "rp-calendar__weekdays" })]);
 		});
-		setInsertionState(n13, null, 0);
+		setInsertionState(n17, null, 0);
 		createFor(() => unref(weekdays), (_for_item0) => {
-			const n12 = t0();
-			const x12 = txt(n12);
+			const n16 = t2();
+			const x16 = txt(n16);
 			renderEffect(() => {
 				const _weekday = _for_item0.value;
-				setDynamicProps(n12, [unref(getPartAttrs)("weekday", { class: "rp-calendar__weekday" }), {
+				setDynamicProps(n16, [unref(getPartAttrs)("weekday", { class: "rp-calendar__weekday" }), {
 					scope: "col",
 					"aria-label": _weekday.ariaLabel
 				}]);
-				setText(x12, toDisplayString(_weekday.label));
+				setText(x16, toDisplayString(_weekday.label));
 			});
-			return n12;
+			return n16;
 		}, (weekday) => weekday.key, 9);
-		setInsertionState(n27, null, 0);
+		setInsertionState(n31, null, 0);
 		createFor(() => unref(weeks), (_for_item0, _for_key0) => {
-			const n26 = t4();
-			renderEffect(() => setDynamicProps(n26, [unref(getPartAttrs)("week", { class: "rp-calendar__week" })]));
-			setInsertionState(n26, null, 0);
+			const n30 = t6();
+			renderEffect(() => setDynamicProps(n30, [unref(getPartAttrs)("week", { class: "rp-calendar__week" })]));
+			setInsertionState(n30, null, 0);
 			createFor(() => _for_item0.value, (_for_item1) => {
-				const n25 = t3();
+				const n29 = t5();
 				renderEffect(() => {
 					const _day = _for_item1.value;
-					setDynamicProps(n25, [unref(getPartAttrs)("dayCell", { class: "rp-calendar__day-cell" }), {
+					setDynamicProps(n29, [unref(getPartAttrs)("dayCell", { class: "rp-calendar__day-cell" }), {
 						role: "gridcell",
 						"aria-selected": _day.hidden ? void 0 : _day.selected
 					}]);
 				});
-				setInsertionState(n25, null, 0);
+				setInsertionState(n29, null, 0);
 				createIf(() => !_for_item1.value.hidden, () => {
-					const n24 = t2();
+					const n28 = t4();
 					renderEffect(() => {
 						const _day = _for_item1.value;
-						setDynamicProps(n24, [getDayAttrs(_day), {
+						setDynamicProps(n28, [getDayAttrs(_day), {
 							type: "button",
 							disabled: __props.disabled || _day.disabled,
-							"aria-label": _day.ariaLabel,
+							"aria-label": getDayLabel(_day),
 							"aria-current": _day.today ? "date" : void 0,
 							tabindex: isFocusable(_day) ? 0 : -1
 						}]);
 					});
-					setInsertionState(n24, null, 0);
+					setInsertionState(n28, null, 0);
 					createSlot("day", { $: [() => _for_item1.value, { select: () => (() => unref(selectDate)(_for_item1.value)) }] }, () => {
-						const n23 = t1();
-						renderEffect(() => setText(n23, toDisplayString(_for_item1.value.label)));
-						return n23;
+						const n27 = t3();
+						renderEffect(() => setText(n27, toDisplayString(_for_item1.value.label)));
+						return n27;
 					}, 1);
-					on(n24, "click", () => unref(selectDate)(_for_item1.value));
-					on(n24, "focus", () => unref(onDayFocus)(_for_item1.value));
-					on(n24, "keydown", ($event) => unref(onDayKeydown)($event, _for_item1.value));
-					return n24;
+					on(n28, "click", () => unref(selectDate)(_for_item1.value));
+					on(n28, "focus", () => unref(onDayFocus)(_for_item1.value));
+					on(n28, "keydown", ($event) => unref(onDayKeydown)($event, _for_item1.value));
+					return n28;
 				});
-				return n25;
+				return n29;
 			}, (day) => day.key, 9);
-			return n26;
+			return n30;
 		}, (week, weekIndex) => weekIndex, 9);
-		_setTemplateRef(n29, rootRef, null, "rootRef");
-		return n29;
+		setStaticTemplateRef(n33, rootRef, null, "rootRef");
+		return n33;
 	}
-}), [["__scopeId", "data-v-d3ae1d38"]]);
+}), [["__scopeId", "data-v-9df33d1a"]]);
 //#endregion
 export { parseDateKey as a, normalizeDate as i, isDateUnavailable as n, toLocalDate as o, isValidDate as r, calendar_default as t };

package/dist/components/calendar/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Calendar } from './calendar.js';
 export { calendarParts, calendarRadiuses, calendarSizes, calendarWeekdayFormats } from './types.js';
-export type { CalendarDay, CalendarDaySlotProps, CalendarDisabledDates, CalendarPart, CalendarProps, CalendarRadius, CalendarSize, CalendarWeekday, CalendarWeekdayFormat, } from './types.js';
+export type { CalendarDay, CalendarDaySlotProps, CalendarDisabledDates, CalendarGetDayAriaLabel, CalendarPart, CalendarProps, CalendarRadius, CalendarSize, CalendarWeekday, CalendarWeekdayFormat, } from './types.js';

package/dist/components/calendar/types.d.ts

@@ -9,6 +9,7 @@ export type CalendarSize = (typeof calendarSizes)[number];
 export type CalendarRadius = (typeof calendarRadiuses)[number];
 export type CalendarWeekdayFormat = (typeof calendarWeekdayFormats)[number];
 export type CalendarDisabledDates = DisabledDateRule;
+export type CalendarGetDayAriaLabel = (day: Readonly<CalendarDay>) => string;
 export interface CalendarDay {
     date: Date;
     key: string;
@@ -43,11 +44,13 @@ export interface CalendarProps extends StylesApiProps<CalendarPart> {
     disabledDates?: CalendarDisabledDates;
     fixedWeeks?: boolean;
     hideOutsideDates?: boolean;
+    showHeader?: boolean;
     disabled?: boolean;
     readonly?: boolean;
     size?: CalendarSize;
     radius?: CalendarRadius;
     ariaLabel?: string;
+    getDayAriaLabel?: CalendarGetDayAriaLabel;
     previousLabel?: string;
     nextLabel?: string;
 }

package/dist/components/date-picker/index.d.ts

@@ -1,4 +1,4 @@
 export { default as DatePicker } from './date-picker.js';
 export { datePickerParts } from './types.js';
-export type { DatePickerDaySlotProps, DatePickerFormat, DatePickerParse, DatePickerPart, DatePickerProps, } from './types.js';
+export type { DatePickerDaySlotProps, DatePickerFormat, DatePickerGetDayAriaLabel, DatePickerParse, DatePickerPart, DatePickerProps, } from './types.js';
 export { defaultDatePickerFormat, formatDatePickerValue, normalizeDatePickerValue, parseDatePickerValue, } from './datePickerModel.js';

package/dist/components/date-picker/types.d.ts

@@ -1,6 +1,6 @@
 import { InputHTMLAttributes } from 'vue';
 import { StylesApiProps } from '../../styles-api.js';
-import { CalendarDaySlotProps, CalendarDisabledDates, CalendarRadius, CalendarSize, CalendarWeekdayFormat } from '../calendar/types.js';
+import { CalendarDaySlotProps, CalendarDisabledDates, CalendarGetDayAriaLabel, CalendarRadius, CalendarSize, CalendarWeekdayFormat } from '../calendar/types.js';
 import { InputRadius, InputSize } from '../input/types.js';
 import { PopoverPlacement } from '../popover/types.js';
 export declare const datePickerParts: readonly ["root", "control", "input", "clear", "indicator", "content", "calendar", "calendarHeader", "calendarControl", "calendarMonthLabel", "calendarWeekdays", "calendarWeekday", "calendarGrid", "calendarWeek", "calendarDayCell", "calendarDay"];
@@ -8,6 +8,7 @@ export type DatePickerPart = (typeof datePickerParts)[number];
 export type DatePickerFormat = (date: Date) => string;
 export type DatePickerParse = (value: string) => Date | null;
 export type DatePickerDaySlotProps = CalendarDaySlotProps;
+export type DatePickerGetDayAriaLabel = CalendarGetDayAriaLabel;
 export interface DatePickerProps extends StylesApiProps<DatePickerPart> {
     id?: string;
     name?: string;
@@ -27,6 +28,7 @@ export interface DatePickerProps extends StylesApiProps<DatePickerPart> {
     disabledDates?: CalendarDisabledDates;
     fixedWeeks?: boolean;
     hideOutsideDates?: boolean;
+    getDayAriaLabel?: DatePickerGetDayAriaLabel;
     allowInput?: boolean;
     clearable?: boolean;
     closeOnSelect?: boolean;

package/dist/components/slider/useSlider.d.ts

@@ -42,7 +42,7 @@ export declare function useSlider(props: SliderStateProps, onChange: (value: num
     tooltipFormattedValue: import('vue').ComputedRef<string | number>;
     tooltipContent: import('vue').ComputedRef<string>;
     onInput: (event: Event) => void;
-    onTooltipPointerDown: (event: PointerEvent) => void;
+    onTrackPointerDown: (event: PointerEvent) => boolean;
     onTooltipPointerMove: (event: PointerEvent) => void;
     onTooltipTrackEnter: (event: PointerEvent) => void;
     onTooltipTrackLeave: () => void;

package/dist/components/slider/useSliderPointer.d.ts

@@ -0,0 +1,15 @@
+import { ComputedRef, Ref } from 'vue';
+import { SliderBounds } from './sliderModel.js';
+import { SliderOrientation } from './types.js';
+interface UseSliderPointerOptions {
+    bounds: ComputedRef<SliderBounds>;
+    disabled: () => boolean;
+    inputRef: Ref<HTMLInputElement | null>;
+    orientation: () => SliderOrientation;
+    step: ComputedRef<number | 'any'>;
+    updateValue: (value: number) => void;
+}
+export declare function useSliderPointer(options: UseSliderPointerOptions): {
+    onPointerDown: (event: PointerEvent) => boolean;
+};
+export {};

package/dist/components/slider/useSliderValueState.d.ts

@@ -30,4 +30,5 @@ export declare function useSliderValueState(props: SliderStateProps, onChange: (
     hasMarkLabels: import('vue').ComputedRef<boolean>;
     trackSlotProps: import('vue').ComputedRef<SliderTrackSlotProps>;
     onInput: (event: Event) => void;
+    updateValue: (value: number) => void;
 };

package/dist/components/toolbar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Toolbar } from './toolbar.js';
+export { toolbarOrientations, toolbarParts } from './types.js';
+export type { ToolbarOrientation, ToolbarPart, ToolbarProps } from './types.js';

package/dist/components/toolbar/index.js

@@ -0,0 +1,2 @@
+import { n as toolbarParts, r as toolbar_default, t as toolbarOrientations } from "../../toolbar.js";
+export { toolbar_default as Toolbar, toolbarOrientations, toolbarParts };

package/dist/components/toolbar/toolbar.d.ts

@@ -0,0 +1,24 @@
+import { ToolbarProps } from './types.js';
+declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<ToolbarProps> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        nativeElement: import('vue').ShallowRef<HTMLElement | null, HTMLElement | null>;
+        focus: () => void;
+    }>) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/toolbar/types.d.ts

@@ -0,0 +1,12 @@
+import { StylesApiProps } from '../../styles-api.js';
+export declare const toolbarParts: readonly ["root"];
+export declare const toolbarOrientations: readonly ["horizontal", "vertical"];
+export type ToolbarPart = (typeof toolbarParts)[number];
+export type ToolbarOrientation = (typeof toolbarOrientations)[number];
+export interface ToolbarProps extends StylesApiProps<ToolbarPart> {
+    id?: string;
+    orientation?: ToolbarOrientation;
+    ariaLabel?: string;
+    describedby?: string;
+    labelledby?: string;
+}

package/dist/components/toolbar/useToolbar.d.ts

@@ -0,0 +1,7 @@
+import { ShallowRef } from 'vue';
+import { ToolbarOrientation } from './types.js';
+export declare function useToolbar(root: ShallowRef<HTMLElement | null>, getOrientation: () => ToolbarOrientation): {
+    focus: () => void;
+    onFocusin: (event: FocusEvent) => void;
+    onKeydown: (event: KeyboardEvent) => void;
+};