ropav 0.12.2 → 0.13.0

package/dist/components/alert-dialog/alert-dialog-container.js

@@ -41,11 +41,9 @@ var alert_dialog_container_vue_vue_type_script_setup_true_vapor_true_lang_defaul
 		const onKeydown = (event) => overlay?.onKeydown(event);
 		const n4 = t0();
 		renderEffect(() => {
-			const _dataAttr = unref(dataAttr);
-			const _overlay = unref(overlay);
 			setClass(n4, styles.value);
-			setAttr(n4, "data-entering", _dataAttr(_overlay?.isContentEntering.value));
-			setAttr(n4, "data-exiting", _dataAttr(_overlay?.isExiting.value));
+			setAttr(n4, "data-entering", unref(dataAttr)(unref(overlay)?.isContentEntering.value));
+			setAttr(n4, "data-exiting", unref(dataAttr)(unref(overlay)?.isExiting.value));
 			setAttr(n4, "data-placement", props.placement);
 		});
 		setInsertionState(n4);

package/dist/components/alert-dialog/alert-dialog-trigger.js

@@ -1,9 +1,10 @@
 import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { composePressResponder, usePressResponder } from "../../composables/press-responder.js";
-import { createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, template, unref } from "vue";
+import { createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, template, unref } from "vue";
 //#region src/components/alert-dialog/alert-dialog-trigger.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>", 1);
+var k0 = ["data-focus-visible", "data-pressed"];
 var alert_dialog_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "alert-dialog-trigger",
 	props: { class: {} },
@@ -19,27 +20,33 @@ var alert_dialog_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default
 		renderEffect(() => {
 			const _dataAttr = unref(dataAttr);
 			const _responder = unref(responder);
-			setDynamicProps(n1, [{
-				class: ["rp-alert-dialog__trigger", props.class],
-				"data-focus-visible": _dataAttr(unref(isFocusVisible)),
-				"data-pressed": _dataAttr(_responder?.isPressed.value),
-				"data-slot": "alert-dialog-trigger",
-				role: "button",
-				tabindex: "0"
-			}, _responder?.attrs.value]);
+			const _press = unref(press);
+			setDynamicProps(n1, [
+				{
+					class: ["rp-alert-dialog__trigger", props.class],
+					"data-focus-visible": _dataAttr(unref(isFocusVisible)),
+					"data-pressed": _dataAttr(_responder?.isPressed.value),
+					"data-slot": "alert-dialog-trigger",
+					role: "button",
+					tabindex: "0"
+				},
+				_responder?.attrs.value,
+				{
+					onBlur: (e) => unref(onBlur)(e),
+					onClick: (e) => _press.onClick(e),
+					onDragstart: (e) => _press.onDragstart(e),
+					onFocus: (e) => unref(onFocus)(e),
+					onKeydown: (e) => _press.onKeydown(e),
+					onMousedown: (e) => _press.onMousedown(e),
+					onPointerdown: (e) => _press.onPointerdown(e),
+					onPointerenter: (e) => _press.onPointerenter(e),
+					onPointerleave: (e) => _press.onPointerleave(e),
+					onPointerup: (e) => _press.onPointerup(e)
+				}
+			], k0);
 		});
 		setInsertionState(n1);
 		createSlot();
-		on(n1, "blur", (e) => unref(onBlur)(e));
-		on(n1, "click", (e) => unref(press).onClick(e));
-		on(n1, "dragstart", (e) => unref(press).onDragstart(e));
-		on(n1, "focus", (e) => unref(onFocus)(e));
-		on(n1, "keydown", (e) => unref(press).onKeydown(e));
-		on(n1, "mousedown", (e) => unref(press).onMousedown(e));
-		on(n1, "pointerdown", (e) => unref(press).onPointerdown(e));
-		on(n1, "pointerenter", (e) => unref(press).onPointerenter(e));
-		on(n1, "pointerleave", (e) => unref(press).onPointerleave(e));
-		on(n1, "pointerup", (e) => unref(press).onPointerup(e));
 		setTemplateRefBinding(n1, () => setElement);
 		return n1;
 	}

package/dist/components/autocomplete/autocomplete-filter.js

@@ -132,7 +132,8 @@ var autocomplete_filter_vue_vue_type_script_setup_true_vapor_true_lang_default =
 			},
 			selection,
 			shouldFocusOnHover: true,
-			shouldUseVirtualFocus: () => !props.disableVirtualFocus
+			shouldUseVirtualFocus: () => !props.disableVirtualFocus,
+			size: () => root.size.value
 		});
 		provideAutocompleteInputContext({
 			inputAttributes: autocomplete.inputAttributes,

package/dist/components/autocomplete/autocomplete-indicator.js

@@ -4,9 +4,15 @@ import { composeSlotClassName } from "../../utils/compose.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { composePressResponder, usePressResponder } from "../../composables/press-responder.js";
 import { useAutocompleteContext } from "./autocomplete.context.js";
-import { child, computed, createComponent, createIf, createSlot, defineVaporComponent, on, renderEffect, setAttr, setClass, setDynamicProps, setInsertionState, setTemplateRefBinding, template, unref, useSlots } from "vue";
+import { child, computed, createComponent, createIf, createSlot, defineVaporComponent, renderEffect, setAttr, setClass, setDynamicProps, setInsertionState, setTemplateRefBinding, template, unref, useSlots } from "vue";
 //#region src/components/autocomplete/autocomplete-indicator.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<button><span>", 1);
+var k0 = [
+	"data-focus-visible",
+	"data-focused",
+	"data-hovered",
+	"data-pressed"
+];
 var autocomplete_indicator_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "autocomplete-indicator",
 	props: { class: {} },
@@ -55,13 +61,31 @@ var autocomplete_indicator_vue_vue_type_script_setup_true_vapor_true_lang_defaul
 		const n5 = child(n6);
 		renderEffect(() => {
 			const _dataAttr = unref(dataAttr);
-			setDynamicProps(n6, [{
-				"data-focus-visible": _dataAttr(unref(isFocusVisible)),
-				"data-focused": _dataAttr(unref(isFocused)),
-				"data-hovered": _dataAttr(unref(isHovered)),
-				"data-pressed": _dataAttr(unref(responder)?.isPressed.value),
-				tabindex: "0"
-			}, unref(select).triggerAttributes.value]);
+			const _select = unref(select);
+			const _press = unref(press);
+			setDynamicProps(n6, [
+				{
+					"data-focus-visible": _dataAttr(unref(isFocusVisible)),
+					"data-focused": _dataAttr(unref(isFocused)),
+					"data-hovered": _dataAttr(unref(isHovered)),
+					"data-pressed": _dataAttr(unref(responder)?.isPressed.value),
+					tabindex: "0"
+				},
+				_select.triggerAttributes.value,
+				{
+					onBlur: onTriggerBlur,
+					onClick: (e) => _press.onClick(e),
+					onDragstart: (e) => _press.onDragstart(e),
+					onFocus: onTriggerFocus,
+					onKeydown,
+					onKeydownCapture: (e) => _select.onKeydownCapture(e),
+					onMousedown: (e) => _press.onMousedown(e),
+					onPointerdown: (e) => _press.onPointerdown(e),
+					onPointerenter: (e) => unref(onPointerenter)(e),
+					onPointerleave: (e) => unref(onPointerleave)(e),
+					onPointerup: (e) => _press.onPointerup(e)
+				}
+			], k0);
 			setClass(n5, styles.value);
 			setAttr(n5, "data-open", _dataAttr(unref(state).isOpen.value));
 			setAttr(n5, "data-slot", dataSlot.value);
@@ -72,17 +96,6 @@ var autocomplete_indicator_vue_vue_type_script_setup_true_vapor_true_lang_defaul
 		}, () => {
 			return createComponent(unref(icon_chevron_down_default));
 		}, 261);
-		on(n6, "blur", onTriggerBlur);
-		on(n6, "click", (e) => unref(press).onClick(e));
-		on(n6, "dragstart", (e) => unref(press).onDragstart(e));
-		on(n6, "focus", onTriggerFocus);
-		on(n6, "keydown", onKeydown);
-		on(n6, "keydown", (e) => unref(select).onKeydownCapture(e), { capture: true });
-		on(n6, "mousedown", (e) => unref(press).onMousedown(e));
-		on(n6, "pointerdown", (e) => unref(press).onPointerdown(e));
-		on(n6, "pointerenter", (e) => unref(onPointerenter)(e));
-		on(n6, "pointerleave", (e) => unref(onPointerleave)(e));
-		on(n6, "pointerup", (e) => unref(press).onPointerup(e));
 		setTemplateRefBinding(n6, () => setElement);
 		return n6;
 	}

package/dist/components/autocomplete/autocomplete-root.js

@@ -166,6 +166,7 @@ var autocomplete_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /
 			setTriggerElement: (element) => {
 				triggerElement.value = element;
 			},
+			size: computed(() => props.size),
 			slots: styles,
 			state,
 			triggerElement
@@ -201,7 +202,8 @@ var autocomplete_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /
 			labelledBy: () => select.labelledBy.value,
 			listId: () => select.listId.value,
 			selection: state.selection,
-			shouldFocusOnHover: true
+			shouldFocusOnHover: true,
+			size: () => props.size
 		});
 		/**
 		* The popover is anchored to the trigger group, not to the button inside it.

package/dist/components/autocomplete/autocomplete-value.js

@@ -47,7 +47,7 @@ var autocomplete_value_vue_vue_type_script_setup_true_vapor_true_lang_default =
 			const n4 = t0();
 			renderEffect(() => setText(n4, toDisplayString(isPlaceholder.value ? unref(placeholder) : unref(selectedText))));
 			return n4;
-		}, 261);
+		}, 265);
 		return n5;
 	}
 });

package/dist/components/autocomplete/autocomplete.context.d.ts

@@ -1,7 +1,7 @@
 import type { CollectionKey } from "../../composables/use-collection.js";
 import type { UseSelectReturn } from "../../composables/use-select.js";
 import type { SelectedItem, UseSelectStateReturn } from "../../composables/use-select-state.js";
-import type { autocompleteVariants } from "@ropav/styles";
+import type { AutocompleteVariants, autocompleteVariants } from "@ropav/styles";
 import type { ComputedRef, ShallowRef } from "vue";
 export interface AutocompleteContext {
     slots: ComputedRef<ReturnType<typeof autocompleteVariants>>;
@@ -14,6 +14,8 @@ export interface AutocompleteContext {
     /** What the trigger shows when nothing is chosen, already resolved to the localized default. */
     placeholder: ComputedRef<string>;
     isDisabled: ComputedRef<boolean>;
+    /** The root's size, which `AutocompleteFilter` hands on to the listbox in the popover. */
+    size: ComputedRef<AutocompleteVariants["size"] | undefined>;
     /**
      * The group the trigger renders, which the popover is measured and positioned against.
      *

package/dist/components/avatar-group/avatar-group-overflow.js

@@ -33,7 +33,7 @@ var avatar_group_overflow_vue_vue_type_script_setup_true_vapor_true_lang_default
 					const n5 = t0();
 					renderEffect(() => setText(n5, "+" + toDisplayString(props.count)));
 					return n5;
-				}, null, 129), 389);
+				}, null, 130), 389);
 			}, { _: 1 }));
 		}, true);
 	}

package/dist/components/breadcrumbs/breadcrumbs-item.js

@@ -8,6 +8,7 @@ import { computed, createComponent, createDynamicComponent, createIf, createSlot
 //#region src/components/breadcrumbs/breadcrumbs-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template(" ");
 var t1 = template("<li>", 1);
+var k0 = ["data-current", "data-disabled"];
 var breadcrumbs_item_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	inheritAttrs: false,
 	__name: "breadcrumbs-item",
@@ -76,7 +77,7 @@ var breadcrumbs_item_vue_vue_type_script_setup_true_vapor_true_lang_default = /*
 				"data-current": _dataAttr(isCurrent.value),
 				"data-disabled": _dataAttr(isDisabled.value),
 				"data-slot": "breadcrumbs-item"
-			}, $attrs]);
+			}, $attrs], k0);
 		});
 		setInsertionState(n13);
 		createComponent(unref(link_root_default), {
@@ -117,8 +118,8 @@ var breadcrumbs_item_vue_vue_type_script_setup_true_vapor_true_lang_default = /*
 					class: () => unref(context).slots.value.separator(),
 					"data-slot": "breadcrumbs-separator"
 				});
-			}, 517), 261);
-		});
+			}, 518), 261);
+		}, null, 2);
 		setStaticTemplateRef(n13, element, null, "element");
 		return n13;
 	}

package/dist/components/button/button-root.js

@@ -5,10 +5,22 @@ import { composePressResponder, usePressResponder } from "../../composables/pres
 import { useFieldsetContext } from "../fieldset/fieldset.context.js";
 import { announce } from "../../utils/live-announcer.js";
 import { useButtonGroupContext } from "../button-group/button-group.context.js";
-import { computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, template, unref, watch } from "vue";
+import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, template, unref, watch } from "vue";
 import { buttonVariants } from "@ropav/styles";
 //#region src/components/button/button-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<button>", 1);
+var k0 = [
+	"aria-disabled",
+	"data-disabled",
+	"data-focus-visible",
+	"data-focused",
+	"data-hovered",
+	"data-pending",
+	"data-pressed",
+	"disabled",
+	"tabindex",
+	"type"
+];
 var button_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "button-root",
 	props: {
@@ -104,20 +116,37 @@ var button_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PU
 			const _props = props;
 			const _dataAttr = unref(dataAttr);
 			const _resolvedIsDisabled = resolvedIsDisabled.value;
-			setDynamicProps(n1, [{
-				"aria-disabled": _props.isPending || void 0,
-				class: styles.value,
-				"data-disabled": _dataAttr(_resolvedIsDisabled),
-				"data-focus-visible": _dataAttr(unref(isFocusVisible)),
-				"data-focused": _dataAttr(unref(isFocused)),
-				"data-hovered": _dataAttr(unref(isHovered)),
-				"data-pending": _dataAttr(_props.isPending),
-				"data-pressed": _dataAttr(unref(isPressed) || unref(responder)?.isPressed.value),
-				"data-slot": "button",
-				disabled: _resolvedIsDisabled || void 0,
-				tabindex: tabindex.value,
-				type: type.value
-			}, attrs.value]);
+			const _focus = unref(focus);
+			const _press = unref(press);
+			setDynamicProps(n1, [
+				{
+					"aria-disabled": _props.isPending || void 0,
+					class: styles.value,
+					"data-disabled": _dataAttr(_resolvedIsDisabled),
+					"data-focus-visible": _dataAttr(unref(isFocusVisible)),
+					"data-focused": _dataAttr(unref(isFocused)),
+					"data-hovered": _dataAttr(unref(isHovered)),
+					"data-pending": _dataAttr(_props.isPending),
+					"data-pressed": _dataAttr(unref(isPressed) || unref(responder)?.isPressed.value),
+					"data-slot": "button",
+					disabled: _resolvedIsDisabled || void 0,
+					tabindex: tabindex.value,
+					type: type.value
+				},
+				attrs.value,
+				{
+					onBlur: (e) => _focus.onBlur(e),
+					onClick: (e) => _press.onClick(e),
+					onDragstart: (e) => _press.onDragstart(e),
+					onFocus: (e) => _focus.onFocus(e),
+					onKeydown: (e) => _press.onKeydown(e),
+					onMousedown: (e) => _press.onMousedown(e),
+					onPointerdown: (e) => _press.onPointerdown(e),
+					onPointerenter: (e) => _press.onPointerenter(e),
+					onPointerleave: (e) => _press.onPointerleave(e),
+					onPointerup: (e) => _press.onPointerup(e)
+				}
+			], k0);
 		});
 		setInsertionState(n1);
 		createSlot("default", {
@@ -127,16 +156,6 @@ var button_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PU
 			isPending: () => Boolean(props.isPending),
 			isPressed: () => unref(isPressed)
 		});
-		on(n1, "blur", (e) => unref(focus).onBlur(e));
-		on(n1, "click", (e) => unref(press).onClick(e));
-		on(n1, "dragstart", (e) => unref(press).onDragstart(e));
-		on(n1, "focus", (e) => unref(focus).onFocus(e));
-		on(n1, "keydown", (e) => unref(press).onKeydown(e));
-		on(n1, "mousedown", (e) => unref(press).onMousedown(e));
-		on(n1, "pointerdown", (e) => unref(press).onPointerdown(e));
-		on(n1, "pointerenter", (e) => unref(press).onPointerenter(e));
-		on(n1, "pointerleave", (e) => unref(press).onPointerleave(e));
-		on(n1, "pointerup", (e) => unref(press).onPointerup(e));
 		setTemplateRefBinding(n1, () => setElement);
 		return n1;
 	}

package/dist/components/calendar/calendar-cell.js

@@ -2,11 +2,24 @@ import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { useCalendarCell } from "../../composables/use-calendar-cell.js";
 import { useCalendarGridContext, useCalendarStateContext } from "./calendar.context.js";
-import { child, computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, setStaticTemplateRef, setText, shallowRef, template, toDisplayString, unref } from "vue";
+import { child, computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setStaticTemplateRef, setText, shallowRef, template, toDisplayString, unref } from "vue";
 import { isSameMonth } from "@internationalized/date";
 //#region src/components/calendar/calendar-cell.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template(" ");
 var t1 = template("<td><div>", 1);
+var k0 = [
+	"data-disabled",
+	"data-focus-visible",
+	"data-focused",
+	"data-hovered",
+	"data-invalid",
+	"data-outside-month",
+	"data-outside-visible-range",
+	"data-pressed",
+	"data-selected",
+	"data-today",
+	"data-unavailable"
+];
 var calendar_cell_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "calendar-cell",
 	props: {
@@ -56,22 +69,53 @@ var calendar_cell_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		renderEffect(() => {
 			const _cell = unref(cell);
 			const _dataAttr = unref(dataAttr);
+			const _interaction = unref(interaction);
+			const _cell_handlers = _cell.handlers;
 			setDynamicProps(n4, [_cell.cellAttrs.value]);
-			setDynamicProps(n3, [{
-				class: ["rp-calendar__cell", props.class],
-				"data-disabled": _dataAttr(_cell.isDisabled.value),
-				"data-focus-visible": _dataAttr(isFocusVisible.value),
-				"data-focused": _dataAttr(_cell.isFocused.value),
-				"data-hovered": _dataAttr(unref(interaction).isHovered.value),
-				"data-invalid": _dataAttr(_cell.isInvalid.value),
-				"data-outside-month": _dataAttr(isOutsideMonth.value),
-				"data-outside-visible-range": _dataAttr(_cell.isOutsideVisibleRange.value),
-				"data-pressed": _dataAttr(_cell.isPressed.value),
-				"data-selected": _dataAttr(_cell.isSelected.value),
-				"data-slot": "calendar-cell",
-				"data-today": _dataAttr(_cell.isToday.value),
-				"data-unavailable": _dataAttr(_cell.isUnavailable.value)
-			}, _cell.buttonAttrs.value]);
+			setDynamicProps(n3, [
+				{
+					class: ["rp-calendar__cell", props.class],
+					"data-disabled": _dataAttr(_cell.isDisabled.value),
+					"data-focus-visible": _dataAttr(isFocusVisible.value),
+					"data-focused": _dataAttr(_cell.isFocused.value),
+					"data-hovered": _dataAttr(_interaction.isHovered.value),
+					"data-invalid": _dataAttr(_cell.isInvalid.value),
+					"data-outside-month": _dataAttr(isOutsideMonth.value),
+					"data-outside-visible-range": _dataAttr(_cell.isOutsideVisibleRange.value),
+					"data-pressed": _dataAttr(_cell.isPressed.value),
+					"data-selected": _dataAttr(_cell.isSelected.value),
+					"data-slot": "calendar-cell",
+					"data-today": _dataAttr(_cell.isToday.value),
+					"data-unavailable": _dataAttr(_cell.isUnavailable.value)
+				},
+				_cell.buttonAttrs.value,
+				{
+					onBlur: (e) => _interaction.onBlur(e),
+					onClick: (e) => _cell_handlers.onClick(e),
+					onContextmenu: (e) => _cell_handlers.onContextmenu(e),
+					onDragstart: (e) => _cell_handlers.onDragstart(e),
+					onFocus: () => {
+						_interaction.onFocus();
+						_cell_handlers.onFocus();
+					},
+					onKeydown: (e) => _cell_handlers.onKeydown(e),
+					onMousedown: (e) => _cell_handlers.onMousedown(e),
+					onPointercancel: (e) => _cell_handlers.onPointerleave(e),
+					onPointerdown: (event) => {
+						_interaction.onPointerdown(event);
+						_cell_handlers.onPointerdown(event);
+					},
+					onPointerenter: (event) => {
+						_interaction.onPointerenter(event);
+						_cell_handlers.onPointerenter(event);
+					},
+					onPointerleave: (event) => {
+						_interaction.onPointerleave();
+						_cell_handlers.onPointerleave(event);
+					},
+					onPointerup: (e) => _cell_handlers.onPointerup(e)
+				}
+			], k0);
 		});
 		setInsertionState(n3);
 		createSlot("default", { $: [() => slotProps.value] }, () => {
@@ -79,30 +123,6 @@ var calendar_cell_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 			renderEffect(() => setText(n2, toDisplayString(unref(cell).formattedDate.value)));
 			return n2;
 		});
-		on(n3, "blur", (e) => unref(interaction).onBlur(e));
-		on(n3, "click", (e) => unref(cell).handlers.onClick(e));
-		on(n3, "contextmenu", (e) => unref(cell).handlers.onContextmenu(e));
-		on(n3, "dragstart", (e) => unref(cell).handlers.onDragstart(e));
-		on(n3, "focus", () => {
-			unref(interaction).onFocus();
-			unref(cell).handlers.onFocus();
-		});
-		on(n3, "keydown", (e) => unref(cell).handlers.onKeydown(e));
-		on(n3, "mousedown", (e) => unref(cell).handlers.onMousedown(e));
-		on(n3, "pointercancel", (e) => unref(cell).handlers.onPointerleave(e));
-		on(n3, "pointerdown", (event) => {
-			unref(interaction).onPointerdown(event);
-			unref(cell).handlers.onPointerdown(event);
-		});
-		on(n3, "pointerenter", (event) => {
-			unref(interaction).onPointerenter(event);
-			unref(cell).handlers.onPointerenter(event);
-		});
-		on(n3, "pointerleave", (event) => {
-			unref(interaction).onPointerleave();
-			unref(cell).handlers.onPointerleave(event);
-		});
-		on(n3, "pointerup", (e) => unref(cell).handlers.onPointerup(e));
 		setStaticTemplateRef(n3, element, null, "element");
 		return n4;
 	}

package/dist/components/calendar/calendar-grid.js

@@ -1,7 +1,7 @@
 import { provideCalendarContext, provideCalendarGridContext, useCalendarContext, useCalendarStateContext } from "./calendar.context.js";
 import { DEFAULT_WEEKDAY_STYLE } from "../../utils/calendar.js";
 import { useCalendarGrid } from "../../composables/use-calendar-grid.js";
-import { computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
+import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
 import { endOfMonth } from "@internationalized/date";
 //#region src/components/calendar/calendar-grid.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<table>", 1);
@@ -45,16 +45,24 @@ var calendar_grid_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 			weeksInMonth: grid.weeksInMonth
 		});
 		const n1 = t0();
-		renderEffect(() => setDynamicProps(n1, [{
-			cellpadding: "0",
-			class: styles.value,
-			"data-slot": "calendar-grid"
-		}, unref(grid).attrs.value]));
+		renderEffect(() => {
+			const _grid = unref(grid);
+			setDynamicProps(n1, [
+				{
+					cellpadding: "0",
+					class: styles.value,
+					"data-slot": "calendar-grid"
+				},
+				_grid.attrs.value,
+				{
+					onFocusin: (e) => _grid.onFocusin(e),
+					onFocusout: (e) => _grid.onFocusout(e),
+					onKeydown: (e) => _grid.onKeydown(e)
+				}
+			]);
+		});
 		setInsertionState(n1);
 		createSlot();
-		on(n1, "focusin", (e) => unref(grid).onFocusin(e));
-		on(n1, "focusout", (e) => unref(grid).onFocusout(e));
-		on(n1, "keydown", (e) => unref(grid).onKeydown(e));
 		return n1;
 	}
 });

package/dist/components/calendar/calendar-nav-button.js

@@ -3,9 +3,16 @@ import icon_chevron_left_default from "../icons/icon-chevron-left.js";
 import icon_chevron_right_default from "../icons/icon-chevron-right.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { useCalendarStateContext } from "./calendar.context.js";
-import { computed, createComponent, createIf, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
+import { computed, createComponent, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
 //#region src/components/calendar/calendar-nav-button.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<button>", 1);
+var k0 = [
+	"data-disabled",
+	"data-focus-visible",
+	"data-hovered",
+	"data-pressed",
+	"disabled"
+];
 var calendar_nav_button_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "calendar-nav-button",
 	props: {
@@ -36,16 +43,29 @@ var calendar_nav_button_vue_vue_type_script_setup_true_vapor_true_lang_default =
 			const _button = button.value;
 			const _interaction = unref(interaction);
 			const _button_isDisabled = _button.isDisabled;
-			setDynamicProps(n8, [{
-				class: ["rp-calendar__nav-button", props.class],
-				"data-disabled": _dataAttr(_button_isDisabled.value),
-				"data-focus-visible": _dataAttr(_interaction.isFocusVisible.value),
-				"data-hovered": _dataAttr(_interaction.isHovered.value),
-				"data-pressed": _dataAttr(_interaction.isPressed.value),
-				"data-slot": "calendar-nav-button",
-				disabled: _button_isDisabled.value || void 0,
-				type: "button"
-			}, attrs.value]);
+			const _interaction_onPointerleave = _interaction.onPointerleave;
+			setDynamicProps(n8, [
+				{
+					class: ["rp-calendar__nav-button", props.class],
+					"data-disabled": _dataAttr(_button_isDisabled.value),
+					"data-focus-visible": _dataAttr(_interaction.isFocusVisible.value),
+					"data-hovered": _dataAttr(_interaction.isHovered.value),
+					"data-pressed": _dataAttr(_interaction.isPressed.value),
+					"data-slot": "calendar-nav-button",
+					disabled: _button_isDisabled.value || void 0,
+					type: "button"
+				},
+				attrs.value,
+				{
+					onBlur,
+					onClick,
+					onFocus,
+					onPointercancel: (e) => _interaction_onPointerleave(e),
+					onPointerdown: (e) => _interaction.onPointerdown(e),
+					onPointerenter: (e) => _interaction.onPointerenter(e),
+					onPointerleave: (e) => _interaction_onPointerleave(e)
+				}
+			], k0);
 		});
 		setInsertionState(n8);
 		createSlot("default", null, () => {
@@ -61,13 +81,6 @@ var calendar_nav_button_vue_vue_type_script_setup_true_vapor_true_lang_default =
 				});
 			}, 261);
 		});
-		on(n8, "blur", onBlur);
-		on(n8, "click", onClick);
-		on(n8, "focus", onFocus);
-		on(n8, "pointercancel", (e) => unref(interaction).onPointerleave(e));
-		on(n8, "pointerdown", (e) => unref(interaction).onPointerdown(e));
-		on(n8, "pointerenter", (e) => unref(interaction).onPointerenter(e));
-		on(n8, "pointerleave", (e) => unref(interaction).onPointerleave(e));
 		return n8;
 	}
 });

package/dist/components/calendar/calendar-root.js

@@ -12,6 +12,7 @@ import { calendarVariants } from "@ropav/styles";
 import { DateFormatter, GregorianCalendar } from "@internationalized/date";
 //#region src/components/calendar/calendar-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div><div><h2> </div><!><div><button tabindex=-1 type=button>", 1);
+var k0 = ["data-disabled", "data-invalid"];
 var calendar_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "calendar-root",
 	props: {
@@ -184,7 +185,7 @@ var calendar_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 				"data-disabled": _dataAttr(props.isDisabled ?? owned.value.isDisabled),
 				"data-invalid": _dataAttr(unref(state).isValueInvalid.value),
 				"data-slot": "calendar"
-			}, _calendar_attrs.value]);
+			}, _calendar_attrs.value], k0);
 			setStyle(n1, unref(visuallyHiddenStyle));
 			setText(x0, toDisplayString(_calendar_attrs.value["aria-label"]));
 		});