ropav 0.12.2 → 0.12.3

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

@@ -3,11 +3,26 @@ import { useInteractionStates } from "../../composables/use-interaction-states.j
 import { isRangeCalendarState } from "../../composables/use-calendar.js";
 import { useCalendarCell } from "../../composables/use-calendar-cell.js";
 import { useCalendarGridContext, useCalendarStateContext } from "../calendar/calendar.context.js";
-import { child, computed, createSlot, defineVaporComponent, on, renderEffect, setAttr, setDynamicProps, setInsertionState, setStaticTemplateRef, setText, shallowRef, template, toDisplayString, unref } from "vue";
+import { child, computed, createSlot, defineVaporComponent, renderEffect, setAttr, setDynamicProps, setInsertionState, setStaticTemplateRef, setText, shallowRef, template, toDisplayString, unref } from "vue";
 import { isSameDay, isSameMonth } from "@internationalized/date";
 //#region src/components/range-calendar/range-calendar-cell.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template(" ");
 var t1 = template("<td><div><span class=rp-range-calendar__cell-button data-slot=range-calendar-cell-button>", 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-selection-end",
+	"data-selection-start",
+	"data-today",
+	"data-unavailable"
+];
 var range_calendar_cell_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "range-calendar-cell",
 	props: {
@@ -81,28 +96,59 @@ var range_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 _ends = ends.value;
-			const _dataAttr_interaction_isHovered_value = _dataAttr(unref(interaction).isHovered.value);
+			const _cell_handlers = _cell.handlers;
+			const _dataAttr_interaction_isHovered_value = _dataAttr(_interaction.isHovered.value);
 			const _dataAttr_cell_isDisabled_value = _dataAttr(_cell.isDisabled.value);
 			const _dataAttr_cell_isPressed_value = _dataAttr(_cell.isPressed.value);
 			setDynamicProps(n5, [_cell.cellAttrs.value]);
-			setDynamicProps(n4, [{
-				class: ["rp-range-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-selection-end": _dataAttr(_ends.isSelectionEnd),
-				"data-selection-start": _dataAttr(_ends.isSelectionStart),
-				"data-slot": "range-calendar-cell",
-				"data-today": _dataAttr(_cell.isToday.value),
-				"data-unavailable": _dataAttr(_cell.isUnavailable.value)
-			}, _cell.buttonAttrs.value]);
+			setDynamicProps(n4, [
+				{
+					class: ["rp-range-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-selection-end": _dataAttr(_ends.isSelectionEnd),
+					"data-selection-start": _dataAttr(_ends.isSelectionStart),
+					"data-slot": "range-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);
 			setAttr(n3, "data-disabled", _dataAttr_cell_isDisabled_value);
 			setAttr(n3, "data-hovered", _dataAttr_interaction_isHovered_value);
 			setAttr(n3, "data-pressed", _dataAttr_cell_isPressed_value);
@@ -114,30 +160,6 @@ var range_calendar_cell_vue_vue_type_script_setup_true_vapor_true_lang_default =
 			renderEffect(() => setText(n2, toDisplayString(unref(cell).formattedDate.value)));
 			return n2;
 		});
-		on(n4, "blur", (e) => unref(interaction).onBlur(e));
-		on(n4, "click", (e) => unref(cell).handlers.onClick(e));
-		on(n4, "contextmenu", (e) => unref(cell).handlers.onContextmenu(e));
-		on(n4, "dragstart", (e) => unref(cell).handlers.onDragstart(e));
-		on(n4, "focus", () => {
-			unref(interaction).onFocus();
-			unref(cell).handlers.onFocus();
-		});
-		on(n4, "keydown", (e) => unref(cell).handlers.onKeydown(e));
-		on(n4, "mousedown", (e) => unref(cell).handlers.onMousedown(e));
-		on(n4, "pointercancel", (e) => unref(cell).handlers.onPointerleave(e));
-		on(n4, "pointerdown", (event) => {
-			unref(interaction).onPointerdown(event);
-			unref(cell).handlers.onPointerdown(event);
-		});
-		on(n4, "pointerenter", (event) => {
-			unref(interaction).onPointerenter(event);
-			unref(cell).handlers.onPointerenter(event);
-		});
-		on(n4, "pointerleave", (event) => {
-			unref(interaction).onPointerleave();
-			unref(cell).handlers.onPointerleave(event);
-		});
-		on(n4, "pointerup", (e) => unref(cell).handlers.onPointerup(e));
 		setStaticTemplateRef(n4, element, null, "element");
 		return n5;
 	}

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

@@ -2,7 +2,7 @@ import { provideCalendarGridContext, useCalendarStateContext } from "../calendar
 import { DEFAULT_WEEKDAY_STYLE } from "../../utils/calendar.js";
 import { useCalendarGrid } from "../../composables/use-calendar-grid.js";
 import { provideRangeCalendarContext, useRangeCalendarContext } from "./range-calendar.context.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/range-calendar/range-calendar-grid.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<table>", 1);
@@ -46,16 +46,24 @@ var range_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": "range-calendar-grid"
-		}, unref(grid).attrs.value]));
+		renderEffect(() => {
+			const _grid = unref(grid);
+			setDynamicProps(n1, [
+				{
+					cellpadding: "0",
+					class: styles.value,
+					"data-slot": "range-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/range-calendar/range-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/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/range-calendar/range-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 range_calendar_nav_button_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "range-calendar-nav-button",
 	props: {
@@ -36,16 +43,29 @@ var range_calendar_nav_button_vue_vue_type_script_setup_true_vapor_true_lang_def
 			const _button = button.value;
 			const _interaction = unref(interaction);
 			const _button_isDisabled = _button.isDisabled;
-			setDynamicProps(n8, [{
-				class: ["rp-range-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": "range-calendar-nav-button",
-				disabled: _button_isDisabled.value || void 0,
-				type: "button"
-			}, attrs.value]);
+			const _interaction_onPointerleave = _interaction.onPointerleave;
+			setDynamicProps(n8, [
+				{
+					class: ["rp-range-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": "range-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 range_calendar_nav_button_vue_vue_type_script_setup_true_vapor_true_lang_def
 				});
 			}, 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/range-calendar/range-calendar-root.js

@@ -13,6 +13,7 @@ import { rangeCalendarVariants } from "@ropav/styles";
 import { DateFormatter, GregorianCalendar } from "@internationalized/date";
 //#region src/components/range-calendar/range-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 range_calendar_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "range-calendar-root",
 	props: {
@@ -185,20 +186,24 @@ var range_calendar_root_vue_vue_type_script_setup_true_vapor_true_lang_default =
 		const x0 = txt(n0);
 		renderEffect(() => {
 			const _dataAttr = unref(dataAttr);
-			const _calendar_attrs = unref(calendar).attrs;
-			setDynamicProps(n6, [{
-				class: styles.value,
-				"data-disabled": _dataAttr(props.isDisabled ?? owned.value.isDisabled),
-				"data-invalid": _dataAttr(unref(state).isValueInvalid.value),
-				"data-slot": "range-calendar"
-			}, _calendar_attrs.value]);
+			const _calendar = unref(calendar);
+			const _calendar_attrs = _calendar.attrs;
+			setDynamicProps(n6, [
+				{
+					class: styles.value,
+					"data-disabled": _dataAttr(props.isDisabled ?? owned.value.isDisabled),
+					"data-invalid": _dataAttr(unref(state).isValueInvalid.value),
+					"data-slot": "range-calendar"
+				},
+				_calendar_attrs.value,
+				{ onFocusout: (e) => _calendar.handlers.onFocusout(e) }
+			], k0);
 			setStyle(n1, unref(visuallyHiddenStyle));
 			setText(x0, toDisplayString(_calendar_attrs.value["aria-label"]));
 		});
 		setInsertionState(n6, n5);
 		createSlot("default", { $: [() => slotProps.value] });
 		on(n3, "click", () => unref(state).focusNextPage());
-		on(n6, "focusout", (e) => unref(calendar).handlers.onFocusout(e));
 		setStaticTemplateRef(n6, element, null, "element");
 		renderEffect(() => {
 			const _calendar_nextButton = unref(calendar).nextButton;

package/dist/components/search-field/search-field-input.js

@@ -2,9 +2,16 @@ import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { setFormValue } from "../../utils/form-value.js";
 import { useTextFieldControlContext } from "../../composables/use-text-field.js";
-import { computed, createTemplateRefSetter, defineVaporComponent, on, renderEffect, setDynamicProps, shallowRef, template, unref, watch } from "vue";
+import { computed, createTemplateRefSetter, defineVaporComponent, renderEffect, setDynamicProps, shallowRef, template, unref, watch } from "vue";
 //#region src/components/search-field/search-field-input.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<input>", 1);
+var k0 = [
+	"data-disabled",
+	"data-focus-visible",
+	"data-focused",
+	"data-hovered",
+	"data-invalid"
+];
 var search_field_input_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "search-field-input",
 	props: {
@@ -70,27 +77,32 @@ var search_field_input_vue_vue_type_script_setup_true_vapor_true_lang_default =
 		};
 		const _setTemplateRef = createTemplateRefSetter();
 		const n0 = t0();
-		on(n0, "blur", onBlur);
-		on(n0, "focus", onFocus);
-		on(n0, "input", onInput);
-		on(n0, "keydown", (e) => unref(control)?.handlers.onKeydown(e));
-		on(n0, "keyup", (e) => unref(control)?.handlers.onKeyup(e));
-		on(n0, "pointerdown", (e) => unref(interaction).onPointerdown(e));
-		on(n0, "pointerenter", (e) => unref(interaction).onPointerenter(e));
-		on(n0, "pointerleave", (e) => unref(interaction).onPointerleave(e));
 		renderEffect(() => {
 			const _dataAttr = unref(dataAttr);
 			const _control = unref(control);
 			const _interaction = unref(interaction);
-			setDynamicProps(n0, [{
-				class: ["rp-search-field__input", props.class],
-				"data-disabled": _dataAttr(_control?.isDisabled.value),
-				"data-focus-visible": _dataAttr(_interaction.isFocusVisible.value),
-				"data-focused": _dataAttr(_interaction.isFocused.value),
-				"data-hovered": _dataAttr(_interaction.isHovered.value),
-				"data-invalid": _dataAttr(_control?.isInvalid.value),
-				"data-slot": "search-field-input"
-			}, attrs.value]);
+			setDynamicProps(n0, [
+				{
+					class: ["rp-search-field__input", props.class],
+					"data-disabled": _dataAttr(_control?.isDisabled.value),
+					"data-focus-visible": _dataAttr(_interaction.isFocusVisible.value),
+					"data-focused": _dataAttr(_interaction.isFocused.value),
+					"data-hovered": _dataAttr(_interaction.isHovered.value),
+					"data-invalid": _dataAttr(_control?.isInvalid.value),
+					"data-slot": "search-field-input"
+				},
+				attrs.value,
+				{
+					onBlur,
+					onFocus,
+					onInput,
+					onKeydown: (e) => _control?.handlers.onKeydown(e),
+					onKeyup: (e) => _control?.handlers.onKeyup(e),
+					onPointerdown: (e) => _interaction.onPointerdown(e),
+					onPointerenter: (e) => _interaction.onPointerenter(e),
+					onPointerleave: (e) => _interaction.onPointerleave(e)
+				}
+			], k0);
 			_setTemplateRef(n0, setElement);
 		});
 		return n0;

package/dist/components/search-field/search-field-search-icon.js

@@ -10,7 +10,7 @@ var search_field_search_icon_vue_vue_type_script_setup_true_vapor_true_lang_defa
 			return createComponent(unref(icon_search_default), {
 				class: () => normalizeClass(["rp-search-field__search-icon", props.class]),
 				"data-slot": "search-field-search-icon"
-			}, null, true);
+			});
 		});
 	}
 });

package/dist/components/segmented-control/segmented-control-root.js

@@ -25,8 +25,7 @@ var segmented_control_root_vue_vue_type_script_setup_true_vapor_true_lang_defaul
 		},
 		ariaLabel: {},
 		ariaLabelledby: {},
-		ariaDescribedby: {},
-		onSelectionChange: {}
+		ariaDescribedby: {}
 	},
 	emits: ["selectionChange", "update:selectedKey"],
 	setup(__props, { emit: __emit }) {
@@ -43,7 +42,6 @@ var segmented_control_root_vue_vue_type_script_setup_true_vapor_true_lang_defaul
 			disabledKeys: () => props.disabledKeys,
 			isDisabled: () => props.isDisabled,
 			onSelectionChange: (key) => {
-				props.onSelectionChange?.(key);
 				emit("selectionChange", key);
 				emit("update:selectedKey", key);
 			},

package/dist/components/segmented-control/segmented-control.types.d.ts

@@ -30,7 +30,6 @@ export interface SegmentedControlRootProps {
     ariaLabel?: string;
     ariaLabelledby?: string;
     ariaDescribedby?: string;
-    onSelectionChange?: (key: CollectionKey) => void;
 }
 export interface SegmentedControlRootSlotProps {
     selectedKey: CollectionKey | null;

package/dist/components/select/select-trigger.js

@@ -2,9 +2,16 @@ import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { composePressResponder, usePressResponder } from "../../composables/press-responder.js";
 import { useSelectContext } from "./select.context.js";
-import { computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, template, unref } from "vue";
+import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, template, unref } from "vue";
 //#region src/components/select/select-trigger.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<button>", 1);
+var k0 = [
+	"data-focus-visible",
+	"data-focused",
+	"data-hovered",
+	"data-open",
+	"data-pressed"
+];
 var select_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "select-trigger",
 	props: { class: {} },
@@ -39,30 +46,37 @@ var select_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 		const n1 = t0();
 		renderEffect(() => {
 			const _dataAttr = unref(dataAttr);
-			setDynamicProps(n1, [{
-				class: styles.value,
-				"data-focus-visible": _dataAttr(unref(isFocusVisible)),
-				"data-focused": _dataAttr(unref(isFocused)),
-				"data-hovered": _dataAttr(unref(isHovered)),
-				"data-open": _dataAttr(unref(state).isOpen.value),
-				"data-pressed": _dataAttr(unref(responder)?.isPressed.value),
-				"data-slot": "select-trigger",
-				tabindex: "0"
-			}, unref(select).triggerAttributes.value]);
+			const _select = unref(select);
+			const _press = unref(press);
+			setDynamicProps(n1, [
+				{
+					class: styles.value,
+					"data-focus-visible": _dataAttr(unref(isFocusVisible)),
+					"data-focused": _dataAttr(unref(isFocused)),
+					"data-hovered": _dataAttr(unref(isHovered)),
+					"data-open": _dataAttr(unref(state).isOpen.value),
+					"data-pressed": _dataAttr(unref(responder)?.isPressed.value),
+					"data-slot": "select-trigger",
+					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);
 		});
 		setInsertionState(n1);
 		createSlot();
-		on(n1, "blur", onTriggerBlur);
-		on(n1, "click", (e) => unref(press).onClick(e));
-		on(n1, "dragstart", (e) => unref(press).onDragstart(e));
-		on(n1, "focus", onTriggerFocus);
-		on(n1, "keydown", onKeydown);
-		on(n1, "keydown", (e) => unref(select).onKeydownCapture(e), { capture: true });
-		on(n1, "mousedown", (e) => unref(press).onMousedown(e));
-		on(n1, "pointerdown", (e) => unref(press).onPointerdown(e));
-		on(n1, "pointerenter", (e) => unref(onPointerenter)(e));
-		on(n1, "pointerleave", (e) => unref(onPointerleave)(e));
-		on(n1, "pointerup", (e) => unref(press).onPointerup(e));
 		setTemplateRefBinding(n1, () => setElement);
 		return n1;
 	}

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

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

package/dist/components/slider/slider-output.js

@@ -5,6 +5,7 @@ import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicPro
 //#region src/components/slider/slider-output.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template(" ");
 var t1 = template("<output>", 1);
+var k0 = ["data-disabled", "data-orientation"];
 var slider_output_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "slider-output",
 	props: { class: {} },
@@ -20,7 +21,7 @@ var slider_output_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 				"data-disabled": unref(dataAttr)(_state.isDisabled.value),
 				"data-orientation": _state.orientation.value,
 				"data-slot": "slider-output"
-			}]);
+			}], k0);
 		});
 		setInsertionState(n3);
 		createSlot("default", null, () => {

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

@@ -6,10 +6,11 @@ import { useSlider } from "../../composables/use-slider.js";
 import { useNumberFormatter } from "../../composables/use-number-formatter.js";
 import { useSliderState } from "../../composables/use-slider-state.js";
 import { provideSliderContext } from "./slider.context.js";
-import { computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, shallowRef, template, unref } from "vue";
+import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, shallowRef, template, unref } from "vue";
 import { sliderVariants } from "@ropav/styles";
 //#region src/components/slider/slider-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>", 1);
+var k0 = ["data-disabled", "data-orientation"];
 var slider_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "slider-root",
 	props: {
@@ -97,8 +98,9 @@ var slider_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PU
 				class: styles.value.base({ class: props.class }),
 				"data-disabled": unref(dataAttr)(_state.isDisabled.value),
 				"data-orientation": _state.orientation.value,
-				"data-slot": "slider"
-			}]);
+				"data-slot": "slider",
+				onClick
+			}], k0);
 		});
 		setInsertionState(n1);
 		createSlot("default", {
@@ -106,7 +108,6 @@ var slider_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PU
 			orientation: () => unref(state).orientation.value,
 			values: () => unref(state).values.value
 		});
-		on(n1, "click", onClick);
 		return n1;
 	}
 });

package/dist/components/slider/slider-thumb.js

@@ -48,9 +48,6 @@ var slider_thumb_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 		const n3 = t0();
 		const n1 = child(n3);
 		const n0 = child(n1);
-		on(n0, "blur", onInputBlur);
-		on(n0, "change", (e) => unref(thumb).inputHandlers.onChange(e));
-		on(n0, "focus", onInputFocus);
 		renderEffect(() => {
 			const _dataAttr = unref(dataAttr);
 			const _thumb = unref(thumb);
@@ -62,7 +59,11 @@ var slider_thumb_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 			setAttr(n3, "data-hovered", _dataAttr(unref(isHovered)));
 			setStyle(n3, _thumb.thumbStyle.value);
 			setStyle(n1, unref(visuallyHiddenStyle));
-			setDynamicProps(n0, [_thumb.inputProps.value]);
+			setDynamicProps(n0, [_thumb.inputProps.value, {
+				onBlur: onInputBlur,
+				onChange: (e) => _thumb.inputHandlers.onChange(e),
+				onFocus: onInputFocus
+			}]);
 			_setTemplateRef(n0, setInputEl);
 		});
 		setInsertionState(n3, 1);

package/dist/components/table/table-drop-indicator.js

@@ -3,7 +3,7 @@ import { useVirtualizerStateContext } from "../virtualizer/virtualizer.context.j
 import { visuallyHiddenStyle } from "../../utils/visually-hidden.js";
 import { useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
 import table_virtualizer_item_default from "./table-virtualizer-item.js";
-import { computed, createComponent, createDynamicComponent, createIf, defineVaporComponent, extend, on, renderEffect, setDynamicProps, setStaticTemplateRef, shallowRef, template, unref } from "vue";
+import { computed, createComponent, createDynamicComponent, createIf, defineVaporComponent, extend, renderEffect, setDynamicProps, setStaticTemplateRef, shallowRef, template, unref } from "vue";
 //#region src/components/table/table-drop-indicator.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>");
 /**
@@ -81,12 +81,15 @@ var table_drop_indicator_vue_vue_type_script_setup_true_vapor_true_lang_default
 						style: { padding: 0 }
 					}, () => {
 						const n2 = t0();
-						on(n2, "click", () => unref(indicator)?.handlers.onClick());
 						setStaticTemplateRef(n2, element, null, "element");
-						renderEffect(() => setDynamicProps(n2, [unref(indicator)?.attrs.value, {
-							role: "button",
-							style: unref(visuallyHiddenStyle)
-						}]));
+						renderEffect(() => {
+							const _indicator = unref(indicator);
+							setDynamicProps(n2, [_indicator?.attrs.value, {
+								role: "button",
+								style: unref(visuallyHiddenStyle),
+								onClick: () => _indicator?.handlers.onClick()
+							}]);
+						});
 						return n2;
 					}, 4);
 				}, { _: 1 }), 4);

package/dist/components/table/table-row.js

@@ -6,7 +6,7 @@ import { useVirtualizerItem } from "../virtualizer/use-virtualizer-item.js";
 import { visuallyHiddenStyle } from "../../utils/visually-hidden.js";
 import { provideTableRowContext, useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
 import { createTableRegistry, tableCellId } from "./use-table-collection.js";
-import { computed, createDynamicComponent, createIf, createSlot, defineVaporComponent, extend, on, renderEffect, setDynamicProps, setStaticTemplateRef, shallowRef, template, unref, watch } from "vue";
+import { computed, createDynamicComponent, createIf, createSlot, defineVaporComponent, extend, renderEffect, setDynamicProps, setStaticTemplateRef, shallowRef, template, unref, watch } from "vue";
 //#region src/components/table/table-row.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>");
 var table_row_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -173,12 +173,15 @@ var table_row_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE
 					style: { padding: 0 }
 				}, () => {
 					const n2 = t0();
-					on(n2, "click", () => unref(dropIndicator).handlers.onClick());
 					setStaticTemplateRef(n2, dropIndicatorElement, null, "dropIndicatorElement");
-					renderEffect(() => setDynamicProps(n2, [unref(dropIndicator).attrs.value, {
-						role: "button",
-						style: unref(visuallyHiddenStyle)
-					}]));
+					renderEffect(() => {
+						const _dropIndicator = unref(dropIndicator);
+						setDynamicProps(n2, [_dropIndicator.attrs.value, {
+							role: "button",
+							style: unref(visuallyHiddenStyle),
+							onClick: () => _dropIndicator.handlers.onClick()
+						}]);
+					});
 					return n2;
 				}, 4);
 			}, { _: 1 }));

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

@@ -23,8 +23,7 @@ var tabs_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE
 		},
 		orientation: { default: void 0 },
 		variant: { default: void 0 },
-		id: {},
-		onSelectionChange: {}
+		id: {}
 	},
 	emits: ["selectionChange", "update:selectedKey"],
 	setup(__props, { emit: __emit }) {
@@ -43,7 +42,6 @@ var tabs_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE
 			id: () => props.id,
 			isDisabled: () => props.isDisabled,
 			onSelectionChange: (key) => {
-				props.onSelectionChange?.(key);
 				emit("selectionChange", key);
 				emit("update:selectedKey", key);
 			},