ropav 0.12.2 → 0.12.3

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

@@ -32,7 +32,6 @@ export interface TabsRootProps {
      * for itself.
      */
     id?: string;
-    onSelectionChange?: (key: CollectionKey) => void;
 }
 export interface TabsRootSlotProps {
     orientation: TabsOrientation;

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

@@ -4,10 +4,17 @@ import { setFormValue } from "../../utils/form-value.js";
 import { useTextFieldControlContext } from "../../composables/use-text-field.js";
 import { useTextFieldContext } from "../textfield/textfield.context.js";
 import { useTextareaAutosize } from "../../composables/use-textarea-autosize.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";
 import { textAreaVariants } from "@ropav/styles";
 //#region src/components/textarea/textarea-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<textarea>", 1);
+var k0 = [
+	"data-disabled",
+	"data-focus-visible",
+	"data-focused",
+	"data-hovered",
+	"data-invalid"
+];
 var textarea_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "textarea-root",
 	props: {
@@ -101,27 +108,32 @@ var textarea_root_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: styles.value,
-				"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": "textarea"
-			}, attrs.value]);
+			setDynamicProps(n0, [
+				{
+					class: styles.value,
+					"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": "textarea"
+				},
+				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/toast/toast-default-content.js

@@ -73,7 +73,7 @@ var toast_default_content_vue_vue_type_script_setup_true_vapor_true_lang_default
 							variant: () => content.value.variant
 						});
 					}, 517), 261);
-				}),
+				}, null, 2),
 				createComponent(toast_content_default, null, extend(() => {
 					return [
 						createIf(() => Boolean(content.value.title), () => {

package/dist/components/toast/toast-provider.js

@@ -6,11 +6,12 @@ import { DEFAULT_SCALE_FACTOR, EXIT_FALLBACK } from "./toast.constants.js";
 import { useToastRegion } from "../../composables/use-toast-region.js";
 import toast_default_content_default from "./toast-default-content.js";
 import { toastQueue, useToastQueue } from "./toast-queue.js";
-import { VaporTeleport, child, computed, createComponent, createFor, createIf, createSlot, defineVaporComponent, on, onScopeDispose, renderEffect, setDynamicProps, setInsertionState, setStyle, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
+import { VaporTeleport, child, computed, createComponent, createFor, createIf, createSlot, defineVaporComponent, onScopeDispose, renderEffect, setDynamicProps, setInsertionState, setStyle, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
 import { toastVariants } from "@ropav/styles";
 //#region src/components/toast/toast-provider.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<li>");
 var t1 = template("<div><ol>");
+var k0 = ["data-expanded", "dir"];
 var toast_provider_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "toast-provider",
 	props: {
@@ -133,13 +134,23 @@ var toast_provider_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 				const n8 = child(n9);
 				renderEffect(() => {
 					const _region = unref(region);
-					setDynamicProps(n9, [{
-						class: styles.value,
-						"data-expanded": unref(dataAttr)(_region.isExpanded.value),
-						"data-slot": "toast-region",
-						dir: unref(locale).direction,
-						style: regionStyle.value
-					}, _region.regionAttrs.value]);
+					setDynamicProps(n9, [
+						{
+							class: styles.value,
+							"data-expanded": unref(dataAttr)(_region.isExpanded.value),
+							"data-slot": "toast-region",
+							dir: unref(locale).direction,
+							style: regionStyle.value
+						},
+						_region.regionAttrs.value,
+						{
+							onFocusin: (e) => _region.onFocusin(e),
+							onFocusout: (e) => _region.onFocusout(e),
+							onPointerenter: (e) => _region.onPointerenter(e),
+							onPointerleave: (e) => _region.onPointerleave(e),
+							onPointermove: (e) => _region.onPointermove(e)
+						}
+					], k0);
 					setStyle(n8, CONTENTS_STYLE);
 				});
 				setInsertionState(n8);
@@ -155,11 +166,6 @@ var toast_provider_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 					});
 					return n7;
 				}, (entry) => entry.key, 9);
-				on(n9, "focusin", (e) => unref(region).onFocusin(e));
-				on(n9, "focusout", (e) => unref(region).onFocusout(e));
-				on(n9, "pointerenter", (e) => unref(region).onPointerenter(e));
-				on(n9, "pointerleave", (e) => unref(region).onPointerleave(e));
-				on(n9, "pointermove", (e) => unref(region).onPointermove(e));
 				setTemplateRefBinding(n9, () => setElement);
 				return n9;
 			}, true);

package/dist/components/toast/toast-renderable.js

@@ -22,7 +22,7 @@ var toast_renderable_vue_vue_type_script_setup_true_vapor_true_lang_default = /*
 			return n3;
 		}, () => {
 			return createDynamicComponent(() => props.value, null, null, 1);
-		}, 517), 260);
+		}, 518), 262);
 	}
 });
 //#endregion

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

@@ -7,6 +7,15 @@ import { useToast } from "../../composables/use-toast.js";
 import { computed, createSlot, defineVaporComponent, onMounted, onScopeDispose, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
 //#region src/components/toast/toast-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>", 1);
+var k0 = [
+	"data-entering",
+	"data-exiting",
+	"data-expanded",
+	"data-frontmost",
+	"data-hidden",
+	"data-index",
+	"tabindex"
+];
 var toast_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "toast-root",
 	props: {
@@ -143,7 +152,7 @@ var toast_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 				"data-slot": "toast",
 				style: style.value,
 				tabindex: _isFrontmost && !_isExiting ? 0 : -1
-			}, unref(api).toastAttrs.value]);
+			}, unref(api).toastAttrs.value], k0);
 		});
 		setInsertionState(n1);
 		createSlot();

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

@@ -2,9 +2,15 @@ import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { composeFocusResponder, useFocusResponder } from "../../composables/focus-responder.js";
 import { FOCUSABLE_SELECTOR } from "../../utils/focus.js";
-import { computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
+import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
 //#region src/components/tooltip/tooltip-trigger.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>", 1);
+var k0 = [
+	"data-focus-visible",
+	"data-hovered",
+	"role",
+	"tabindex"
+];
 var tooltip_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "tooltip-trigger",
 	props: { class: {} },
@@ -32,23 +38,29 @@ var tooltip_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 		renderEffect(() => {
 			const _dataAttr = unref(dataAttr);
 			const _states = unref(states);
-			setDynamicProps(n1, [{
-				class: ["rp-tooltip__trigger", props.class],
-				"data-focus-visible": _dataAttr(_states.isFocusVisible.value),
-				"data-hovered": _dataAttr(_states.isHovered.value),
-				"data-slot": "tooltip-trigger",
-				role: hasFocusableContent.value ? void 0 : "button",
-				tabindex: hasFocusableContent.value ? void 0 : 0
-			}, wrapperAttrs.value]);
+			const _focus = unref(focus);
+			setDynamicProps(n1, [
+				{
+					class: ["rp-tooltip__trigger", props.class],
+					"data-focus-visible": _dataAttr(_states.isFocusVisible.value),
+					"data-hovered": _dataAttr(_states.isHovered.value),
+					"data-slot": "tooltip-trigger",
+					role: hasFocusableContent.value ? void 0 : "button",
+					tabindex: hasFocusableContent.value ? void 0 : 0
+				},
+				wrapperAttrs.value,
+				{
+					onBlur: (e) => _focus.onBlur(e),
+					onFocus: (e) => _focus.onFocus(e),
+					onKeydown: (e) => _focus.onKeydown(e),
+					onPointerdown: (e) => _focus.onPointerdown(e),
+					onPointerenter: (e) => _focus.onPointerenter(e),
+					onPointerleave: (e) => _focus.onPointerleave(e)
+				}
+			], k0);
 		});
 		setInsertionState(n1);
 		createSlot();
-		on(n1, "blur", (e) => unref(focus).onBlur(e));
-		on(n1, "focus", (e) => unref(focus).onFocus(e));
-		on(n1, "keydown", (e) => unref(focus).onKeydown(e));
-		on(n1, "pointerdown", (e) => unref(focus).onPointerdown(e));
-		on(n1, "pointerenter", (e) => unref(focus).onPointerenter(e));
-		on(n1, "pointerleave", (e) => unref(focus).onPointerleave(e));
 		setTemplateRefBinding(n1, () => setElement);
 		return n1;
 	}