ropav 0.1.6 → 0.1.7

package/dist/tabs.js

@@ -1,8 +1,10 @@
 import './tabs.css';
 import { t as useControllableValue } from "./useControllableValue.js";
-import { n as useStylesApi, t as presence } from "./styles-api.js";
-import { t as useRequiredInject } from "./useRequiredInject.js";
+import { t as useStylesApi } from "./styles-api.js";
+import { n as toPresenceAttribute, t as toOptionalAttribute } from "./attributes.js";
 import { t as bem } from "./bem.js";
+import { t as getFocusNavigationTarget } from "./focusNavigation.js";
+import { t as useRequiredInject } from "./useRequiredInject.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { t as scroll_area_default } from "./scroll-area.js";
 import { computed, createComponent, createIf, createSlot, defineVaporComponent, extend, mergeProps, onBeforeUnmount, onMounted, provide, ref, renderEffect, setDynamicProps, setInsertionState, shallowRef, template, unref, useId, watch } from "vue";
@@ -15,19 +17,6 @@ var DEFAULT_ORIENTATION = "horizontal";
 var DEFAULT_PLACEMENT = "left";
 var DEFAULT_ACTIVATION_MODE = "automatic";
 var tabsKey = Symbol("tabs");
-var ORIENTATION_NAVIGATION_KEYS = {
-	horizontal: {
-		ArrowRight: 1,
-		ArrowLeft: -1
-	},
-	vertical: {
-		ArrowDown: 1,
-		ArrowUp: -1
-	}
-};
-function optionalAttr(value) {
-	return value || void 0;
-}
 function toTabsState(active) {
 	return active ? "active" : "inactive";
 }
@@ -36,9 +25,9 @@ function getDefaultAlign(orientation) {
 }
 function getAriaProps(label, labelledby, describedby) {
 	return {
-		"aria-label": optionalAttr(label),
-		"aria-labelledby": optionalAttr(labelledby),
-		"aria-describedby": optionalAttr(describedby)
+		"aria-label": toOptionalAttribute(label),
+		"aria-labelledby": toOptionalAttribute(labelledby),
+		"aria-describedby": toOptionalAttribute(describedby)
 	};
 }
 function getOrientationClasses(disabled, orientation) {
@@ -101,24 +90,6 @@ function useTabsRegistration(getRegistration, register, unregister, watchSource)
 		if (registeredId.value) unregister(registeredId.value);
 	});
 }
-function getTabsTrigger(event, list) {
-	const target = event.target;
-	const trigger = target instanceof Element ? target.closest(TRIGGER_SELECTOR) : void 0;
-	return trigger?.closest(TABLIST_SELECTOR) === list ? trigger : void 0;
-}
-function getTabsTriggers(list) {
-	return Array.from(list.querySelectorAll(TRIGGER_SELECTOR)).filter((trigger) => trigger.closest(TABLIST_SELECTOR) === list && !trigger.disabled);
-}
-function getNextTrigger(list, currentTrigger, key, orientation) {
-	const triggers = getTabsTriggers(list);
-	const currentIndex = triggers.indexOf(currentTrigger);
-	if (currentIndex === -1 || triggers.length === 0) return void 0;
-	if (key === "Home") return triggers[0];
-	if (key === "End") return triggers[triggers.length - 1];
-	const direction = ORIENTATION_NAVIGATION_KEYS[orientation][key];
-	if (!direction) return void 0;
-	return triggers[(currentIndex + (orientation === "horizontal" && list.ownerDocument.defaultView?.getComputedStyle(list).direction === "rtl" ? -direction : direction) + triggers.length) % triggers.length];
-}
 function useTabsItem(componentName, props, suffix) {
 	const group = useRequiredInject(tabsKey, componentName);
 	const generatedId = useId();
@@ -160,11 +131,11 @@ function useTabs(props, emitUpdate) {
 	const rootProps = computed(() => ({
 		id: props.id,
 		class: rootClass.value,
-		"data-disabled": optionalAttr(isDisabled.value),
+		"data-disabled": toOptionalAttribute(isDisabled.value),
 		"data-size": size.value,
 		"data-variant": variant.value,
 		"data-orientation": orientation.value,
-		"data-placement": optionalAttr(orientation.value === "vertical" ? placement.value : void 0),
+		"data-placement": toOptionalAttribute(orientation.value === "vertical" ? placement.value : void 0),
 		"data-activation-mode": activationMode.value,
 		...getAriaProps(props.ariaLabel, props.labelledby, props.describedby)
 	}));
@@ -208,9 +179,11 @@ function useTabs(props, emitUpdate) {
 	function onListKeydown(event) {
 		const list = event.currentTarget;
 		if (!list || isDisabled.value) return;
-		const trigger = getTabsTrigger(event, list);
-		if (!trigger) return;
-		const nextTrigger = getNextTrigger(list, trigger, event.key, orientation.value);
+		const nextTrigger = getFocusNavigationTarget(event, list, {
+			itemSelector: TRIGGER_SELECTOR,
+			collectionSelector: TABLIST_SELECTOR,
+			orientation: orientation.value
+		});
 		if (!nextTrigger) return;
 		event.preventDefault();
 		nextTrigger.focus();
@@ -285,10 +258,10 @@ function useTabsList(props) {
 			id: props.id,
 			class: rootClass.value,
 			role: "tablist",
-			"data-disabled": optionalAttr(group.disabled),
+			"data-disabled": toOptionalAttribute(group.disabled),
 			"data-variant": group.variant,
 			"data-orientation": group.orientation,
-			"data-placement": optionalAttr(group.orientation === "vertical" ? group.placement : void 0),
+			"data-placement": toOptionalAttribute(group.orientation === "vertical" ? group.placement : void 0),
 			"aria-orientation": group.orientation,
 			...getAriaProps(props.ariaLabel ?? group.ariaLabel, props.ariaLabelledby ?? group.labelledby, props.ariaDescribedby ?? group.describedby),
 			onKeydown: group.onListKeydown
@@ -313,15 +286,15 @@ function useTabsTrigger(props) {
 		class: rootClass.value,
 		role: "tab",
 		type: "button",
-		disabled: optionalAttr(isDisabled.value),
+		disabled: toOptionalAttribute(isDisabled.value),
 		tabIndex: isFocusable.value ? 0 : -1,
 		"data-state": state.value,
-		"data-disabled": optionalAttr(isDisabled.value),
+		"data-disabled": toOptionalAttribute(isDisabled.value),
 		"data-variant": group.variant,
-		"data-align": optionalAttr(align.value),
+		"data-align": toOptionalAttribute(align.value),
 		"aria-selected": isSelected.value,
 		"aria-controls": group.getContentId(props.value),
-		"aria-disabled": optionalAttr(isDisabled.value),
+		"aria-disabled": toOptionalAttribute(isDisabled.value),
 		onClick: select,
 		onFocus,
 		onKeydown
@@ -376,7 +349,7 @@ function useTabsContent(props) {
 		class: rootClass.value,
 		role: "tabpanel",
 		tabIndex: 0,
-		hidden: optionalAttr(!isSelected.value),
+		hidden: toOptionalAttribute(!isSelected.value),
 		"data-state": state.value,
 		...getAriaProps(props.ariaLabel, props.ariaLabelledby ?? group.getTriggerId(props.value), props.ariaDescribedby)
 	}));
@@ -400,7 +373,7 @@ function useTabsContent(props) {
 }
 //#endregion
 //#region src/components/tabs/tabs.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0$2 = template("<div data-v-163486d1>", 1);
+var t0$2 = template("<div data-v-6c4b3ab7>", 1);
 //#endregion
 //#region src/components/tabs/tabs.vue
 var tabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -441,7 +414,7 @@ var tabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		const { getRootAttrs } = useStylesApi(props, "root");
 		const rootAttrs = computed(() => getRootAttrs({
 			...internalRootProps.value,
-			"data-disabled": presence(props.disabled)
+			"data-disabled": toPresenceAttribute(props.disabled)
 		}));
 		const n1 = t0$2();
 		renderEffect(() => setDynamicProps(n1, [rootAttrs.value]));
@@ -449,7 +422,7 @@ var tabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		createSlot("default", { $: [() => unref(slotProps)] }, null, 1);
 		return n1;
 	}
-}), [["__scopeId", "data-v-163486d1"]]);
+}), [["__scopeId", "data-v-6c4b3ab7"]]);
 //#endregion
 //#region src/components/tabs/tabs-content.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0$1 = template("<div data-v-741d0283>", 1);
@@ -511,7 +484,7 @@ var tabs_list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			return getRootAttrs({
 				id: internal.id,
 				class: internal.class,
-				"data-disabled": presence(internal["data-disabled"]),
+				"data-disabled": toPresenceAttribute(internal["data-disabled"]),
 				"data-variant": internal["data-variant"],
 				"data-orientation": internal["data-orientation"],
 				"data-placement": internal["data-placement"]
@@ -547,10 +520,10 @@ var tabs_list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			return createSlot("default", { $: [() => unref(slotProps)] }, null, 1);
 		}, { _: 8 }), true);
 	}
-}), [["__scopeId", "data-v-9bb1525b"]]);
+}), [["__scopeId", "data-v-5266c337"]]);
 //#endregion
 //#region src/components/tabs/tabs-trigger.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<button data-v-6df68725>", 1);
+var t0 = template("<button data-v-20d5c2eb>", 1);
 //#endregion
 //#region src/components/tabs/tabs-trigger.vue
 var tabs_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -574,7 +547,7 @@ var tabs_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const { getRootAttrs } = useStylesApi(props, "root");
 		const rootAttrs = computed(() => getRootAttrs({
 			...internalRootProps.value,
-			"data-disabled": presence(internalRootProps.value["data-disabled"])
+			"data-disabled": toPresenceAttribute(internalRootProps.value["data-disabled"])
 		}));
 		const n1 = t0();
 		renderEffect(() => setDynamicProps(n1, [rootAttrs.value]));
@@ -582,7 +555,7 @@ var tabs_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		createSlot("default", { $: [() => unref(slotProps)] }, null, 1);
 		return n1;
 	}
-}), [["__scopeId", "data-v-6df68725"]]);
+}), [["__scopeId", "data-v-20d5c2eb"]]);
 //#endregion
 //#region src/components/tabs/types.ts
 var tabsParts = ["root"];

package/dist/text.js

@@ -0,0 +1,17 @@
+//#region src/utils/text.ts
+var COMBINING_MARKS = /\p{M}/gu;
+var WHITESPACE = /\s+/g;
+function getNameInitials(name) {
+	if (!name) return "";
+	const parts = name.trim().split(WHITESPACE).filter(Boolean);
+	const firstPart = parts[0];
+	if (!firstPart) return "";
+	if (parts.length === 1) return Array.from(firstPart).slice(0, 2).join("").toLocaleUpperCase();
+	const lastPart = parts.at(-1) ?? firstPart;
+	return `${Array.from(firstPart)[0] ?? ""}${Array.from(lastPart)[0] ?? ""}`.toLocaleUpperCase();
+}
+function normalizeTypeaheadText(value, locales) {
+	return value.toLocaleLowerCase(locales).normalize("NFKD").replace(COMBINING_MARKS, "").replace(WHITESPACE, " ").trim();
+}
+//#endregion
+export { normalizeTypeaheadText as n, getNameInitials as t };

package/dist/textarea.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-textarea[data-v-b604b69c] {
+.rp-textarea[data-v-da9cf2c9] {
     --_rp-textarea-padding-y: 7px;
     --_rp-textarea-padding-x: calc(var(--rp-size-control-md) / 3);
     --_rp-textarea-font-size: var(--rp-font-size-md);
@@ -17,58 +17,58 @@
     cursor: text;
     transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
 }
-.rp-textarea[data-v-b604b69c]:hover:not(.rp-textarea--disabled):not(.rp-textarea--invalid):not(.rp-textarea--valid) {
+.rp-textarea[data-v-da9cf2c9]:hover:not(.rp-textarea--disabled):not(.rp-textarea--invalid):not(.rp-textarea--valid) {
     border-color: var(--rp-color-control-border-hover);
 }
-.rp-textarea[data-v-b604b69c]:focus-within:not(.rp-textarea--disabled):not(.rp-textarea--invalid):not(.rp-textarea--valid) {
+.rp-textarea[data-v-da9cf2c9]:focus-within:not(.rp-textarea--disabled):not(.rp-textarea--invalid):not(.rp-textarea--valid) {
     border-color: var(--rp-color-control-border-focus);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
-.rp-textarea[data-v-b604b69c] {
+.rp-textarea[data-v-da9cf2c9] {
     font-size: var(--_rp-textarea-font-size);
     border-radius: var(--_rp-textarea-radius);
 }
-.rp-textarea--size-xs[data-v-b604b69c] {
+.rp-textarea--size-xs[data-v-da9cf2c9] {
     --_rp-textarea-padding-y: 4.5px;
     --_rp-textarea-padding-x: calc(var(--rp-size-control-xs) / 3);
     --_rp-textarea-font-size: var(--rp-font-size-xs);
 }
-.rp-textarea--size-sm[data-v-b604b69c] {
+.rp-textarea--size-sm[data-v-da9cf2c9] {
     --_rp-textarea-padding-y: 5.5px;
     --_rp-textarea-padding-x: calc(var(--rp-size-control-sm) / 3);
     --_rp-textarea-font-size: var(--rp-font-size-sm);
 }
-.rp-textarea--size-md[data-v-b604b69c] {
+.rp-textarea--size-md[data-v-da9cf2c9] {
     --_rp-textarea-padding-y: 7px;
     --_rp-textarea-padding-x: calc(var(--rp-size-control-md) / 3);
     --_rp-textarea-font-size: var(--rp-font-size-md);
 }
-.rp-textarea--size-lg[data-v-b604b69c] {
+.rp-textarea--size-lg[data-v-da9cf2c9] {
     --_rp-textarea-padding-y: 9.5px;
     --_rp-textarea-padding-x: calc(var(--rp-size-control-lg) / 3);
     --_rp-textarea-font-size: var(--rp-font-size-lg);
 }
-.rp-textarea--size-xl[data-v-b604b69c] {
+.rp-textarea--size-xl[data-v-da9cf2c9] {
     --_rp-textarea-padding-y: 13px;
     --_rp-textarea-padding-x: calc(var(--rp-size-control-xl) / 3);
     --_rp-textarea-font-size: var(--rp-font-size-xl);
 }
-.rp-textarea--radius-xs[data-v-b604b69c] {
+.rp-textarea--radius-xs[data-v-da9cf2c9] {
     --_rp-textarea-radius: var(--rp-radius-xs);
 }
-.rp-textarea--radius-sm[data-v-b604b69c] {
+.rp-textarea--radius-sm[data-v-da9cf2c9] {
     --_rp-textarea-radius: var(--rp-radius-sm);
 }
-.rp-textarea--radius-md[data-v-b604b69c] {
+.rp-textarea--radius-md[data-v-da9cf2c9] {
     --_rp-textarea-radius: var(--rp-radius-md);
 }
-.rp-textarea--radius-lg[data-v-b604b69c] {
+.rp-textarea--radius-lg[data-v-da9cf2c9] {
     --_rp-textarea-radius: var(--rp-radius-lg);
 }
-.rp-textarea--radius-xl[data-v-b604b69c] {
+.rp-textarea--radius-xl[data-v-da9cf2c9] {
     --_rp-textarea-radius: var(--rp-radius-xl);
 }
-html.dark .rp-textarea[data-v-b604b69c], [data-rp-color-scheme=dark] .rp-textarea[data-v-b604b69c] {
+html.dark .rp-textarea[data-v-da9cf2c9], [data-rp-color-scheme=dark] .rp-textarea[data-v-da9cf2c9] {
     --_rp-textarea-valid-border: var(--rp-color-green-light-color);
     --_rp-textarea-valid-ring: color-mix(
         in srgb,
@@ -82,34 +82,34 @@ html.dark .rp-textarea[data-v-b604b69c], [data-rp-color-scheme=dark] .rp-textare
         transparent
     );
 }
-.rp-textarea--disabled[data-v-b604b69c] {
+.rp-textarea--disabled[data-v-da9cf2c9] {
     opacity: var(--rp-opacity-disabled);
     cursor: not-allowed;
 }
-.rp-textarea--valid[data-v-b604b69c] {
+.rp-textarea--valid[data-v-da9cf2c9] {
     border-color: var(--_rp-textarea-valid-border);
 }
-.rp-textarea--valid[data-v-b604b69c]:focus-within:not(.rp-textarea--disabled) {
+.rp-textarea--valid[data-v-da9cf2c9]:focus-within:not(.rp-textarea--disabled) {
     border-color: var(--_rp-textarea-valid-border);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-textarea-valid-ring);
 }
-.rp-textarea--invalid[data-v-b604b69c] {
+.rp-textarea--invalid[data-v-da9cf2c9] {
     border-color: var(--_rp-textarea-invalid-border);
 }
-.rp-textarea--invalid[data-v-b604b69c]:focus-within:not(.rp-textarea--disabled) {
+.rp-textarea--invalid[data-v-da9cf2c9]:focus-within:not(.rp-textarea--disabled) {
     border-color: var(--_rp-textarea-invalid-border);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-textarea-invalid-ring);
 }
-.rp-textarea--readonly[data-v-b604b69c] {
+.rp-textarea--readonly[data-v-da9cf2c9] {
     background-color: var(--rp-color-control-readonly-bg);
 }
-.rp-textarea--resize-vertical .rp-textarea__native[data-v-b604b69c] {
+.rp-textarea--resize-vertical .rp-textarea__native[data-v-da9cf2c9] {
     resize: vertical;
 }
-.rp-textarea--resize-both .rp-textarea__native[data-v-b604b69c] {
+.rp-textarea--resize-both .rp-textarea__native[data-v-da9cf2c9] {
     resize: both;
 }
-.rp-textarea__native[data-v-b604b69c] {
+.rp-textarea__native[data-v-da9cf2c9] {
     box-sizing: border-box;
     flex: 1;
     width: 100%;
@@ -124,10 +124,10 @@ html.dark .rp-textarea[data-v-b604b69c], [data-rp-color-scheme=dark] .rp-textare
     color: var(--rp-color-control-fg);
     line-height: var(--rp-line-height-md);
 }
-.rp-textarea__native[data-v-b604b69c]::placeholder {
+.rp-textarea__native[data-v-da9cf2c9]::placeholder {
     color: var(--rp-color-control-placeholder);
 }
-.rp-textarea__native[data-v-b604b69c]:disabled {
+.rp-textarea__native[data-v-da9cf2c9]:disabled {
     cursor: not-allowed;
 }
 }

package/dist/textarea.js

@@ -1,25 +1,18 @@
 import './textarea.css';
 import { t as useControllableValue } from "./useControllableValue.js";
-import { n as useStylesApi, t as presence } from "./styles-api.js";
+import { t as useStylesApi } from "./styles-api.js";
+import { n as toPresenceAttribute } from "./attributes.js";
 import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as clamp } from "./number.js";
 import { a as useTextFormControl } from "./useFormControl.js";
+import { o as splitCompatibilityAttributes, t as composeEventHandlers } from "./attributes2.js";
 import { t as useControlState } from "./useControlState.js";
+import { t as isInteractiveElement } from "./interactive.js";
 import { child, computed, defineVaporComponent, nextTick, onMounted, ref, renderEffect, setDynamicProps, setStaticTemplateRef, template, unref, watch } from "vue";
 //#region src/components/textarea/useTextarea.ts
 var MIN_ROWS = 1;
-var INTERACTIVE_SELECTOR = [
-	"button",
-	"a[href]",
-	"input",
-	"select",
-	`textarea:not(.rp-textarea__native)`,
-	"[contenteditable=\"true\"]",
-	"[tabindex]:not([tabindex=\"-1\"])"
-].join(",");
-function isInteractiveElement(target) {
-	return Boolean(target.closest(INTERACTIVE_SELECTOR));
-}
+var NATIVE_TEXTAREA_SELECTOR = ".rp-textarea__native";
 function normalizeRows(value, fallback) {
 	if (value === void 0 || !Number.isFinite(value)) return fallback;
 	return Math.max(MIN_ROWS, Math.floor(value));
@@ -98,8 +91,7 @@ function useTextarea(props, emitUpdate, getValue = () => props.modelValue ?? "")
 		}
 		textarea.style.height = "auto";
 		const { contentHeight, minHeight, maxHeight } = getAutosizeMeasurement(textarea, autosizeRows.value);
-		const heightLimit = maxHeight ?? Number.POSITIVE_INFINITY;
-		const nextHeight = Math.min(Math.max(contentHeight, minHeight), heightLimit);
+		const nextHeight = clamp(contentHeight, minHeight, maxHeight ?? Number.POSITIVE_INFINITY);
 		textarea.style.height = `${nextHeight}px`;
 		textarea.style.overflowY = maxHeight !== void 0 && contentHeight > maxHeight ? "auto" : "hidden";
 	}
@@ -117,8 +109,7 @@ function useTextarea(props, emitUpdate, getValue = () => props.modelValue ?? "")
 	}
 	function focusTextarea(e) {
 		if (control.disabled) return;
-		const target = e.target;
-		if (target instanceof Element && isInteractiveElement(target)) return;
+		if (isInteractiveElement(e.target, NATIVE_TEXTAREA_SELECTOR)) return;
 		textareaRef.value?.focus();
 	}
 	function focus(options) {
@@ -138,7 +129,7 @@ function useTextarea(props, emitUpdate, getValue = () => props.modelValue ?? "")
 }
 //#endregion
 //#region src/components/textarea/textarea.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<div data-v-b604b69c><textarea data-v-b604b69c>", 1);
+var t0 = template("<div data-v-da9cf2c9><textarea data-v-da9cf2c9>", 1);
 //#endregion
 //#region src/components/textarea/textarea.vue
 var textarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -205,23 +196,21 @@ var textarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const rootAttrs = computed(() => getRootAttrs({
 			class: rootClass.value,
 			onMousedown: focusTextarea,
-			"data-disabled": presence(control.disabled),
-			"data-readonly": presence(props.readonly),
-			"data-invalid": presence(control.invalid)
+			"data-disabled": toPresenceAttribute(control.disabled),
+			"data-readonly": toPresenceAttribute(props.readonly),
+			"data-invalid": toPresenceAttribute(control.invalid)
 		}));
 		const nativeInputAttrs = computed(() => {
-			const { class: compatibilityClass, style: compatibilityStyle, onInput: compatibilityOnInput, ...attrs } = props.inputAttrs ?? {};
+			const inputAttrs = props.inputAttrs ?? {};
+			const { compatibilityClass, compatibilityStyle, forwardedAttributes } = splitCompatibilityAttributes(inputAttrs);
 			return {
-				...attrs,
+				...forwardedAttributes,
 				...getPartAttrs("input", {
 					class: "rp-textarea__native",
 					compatibilityClass,
 					compatibilityStyle
 				}),
-				onInput(event) {
-					onInput(event);
-					compatibilityOnInput?.(event);
-				}
+				onInput: composeEventHandlers(onInput, inputAttrs.onInput)
 			};
 		});
 		__expose({
@@ -235,7 +224,7 @@ var textarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			const _nativeInputAttrs = nativeInputAttrs.value;
 			const _control = unref(control);
 			const _readonly = __props.readonly;
-			const _presence = unref(presence);
+			const _toPresenceAttribute = unref(toPresenceAttribute);
 			const _control_required = _control.required;
 			setDynamicProps(n1, [rootAttrs.value]);
 			setDynamicProps(n0, [_nativeInputAttrs, {
@@ -253,14 +242,14 @@ var textarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"aria-describedby": _control.ariaDescribedby,
 				"aria-invalid": _control.invalid || void 0,
 				"aria-required": _control_required || void 0,
-				"data-disabled": _presence(_control.disabled),
-				"data-readonly": _presence(_readonly),
-				"data-invalid": _presence(_control.invalid)
+				"data-disabled": _toPresenceAttribute(_control.disabled),
+				"data-readonly": _toPresenceAttribute(_readonly),
+				"data-invalid": _toPresenceAttribute(_control.invalid)
 			}]);
 		});
 		return n1;
 	}
-}), [["__scopeId", "data-v-b604b69c"]]);
+}), [["__scopeId", "data-v-da9cf2c9"]]);
 //#endregion
 //#region src/components/textarea/types.ts
 var textareaParts = ["root", "input"];

package/dist/toast.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-toast[data-v-782b93e5] {
+.rp-toast[data-v-441adf44] {
     --_rp-toast-bg: var(--rp-color-default);
     --_rp-toast-fg: var(--rp-color-text);
     --_rp-toast-title-fg: var(--rp-color-text);
@@ -24,25 +24,25 @@
     box-shadow: var(--rp-shadow-md);
     transition: background-color var(--rp-transition-fast), color var(--rp-transition-fast), border-color var(--rp-transition-fast);
 }
-.rp-toast--radius-none[data-v-782b93e5] {
+.rp-toast--radius-none[data-v-441adf44] {
     --_rp-toast-radius: var(--rp-radius-none);
 }
-.rp-toast--radius-xs[data-v-782b93e5] {
+.rp-toast--radius-xs[data-v-441adf44] {
     --_rp-toast-radius: var(--rp-radius-xs);
 }
-.rp-toast--radius-sm[data-v-782b93e5] {
+.rp-toast--radius-sm[data-v-441adf44] {
     --_rp-toast-radius: var(--rp-radius-sm);
 }
-.rp-toast--radius-md[data-v-782b93e5] {
+.rp-toast--radius-md[data-v-441adf44] {
     --_rp-toast-radius: var(--rp-radius-md);
 }
-.rp-toast--radius-lg[data-v-782b93e5] {
+.rp-toast--radius-lg[data-v-441adf44] {
     --_rp-toast-radius: var(--rp-radius-lg);
 }
-.rp-toast--radius-xl[data-v-782b93e5] {
+.rp-toast--radius-xl[data-v-441adf44] {
     --_rp-toast-radius: var(--rp-radius-xl);
 }
-.rp-toast__icon[data-v-782b93e5] {
+.rp-toast__icon[data-v-441adf44] {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
@@ -51,37 +51,37 @@
     color: var(--_rp-toast-icon-fg);
     line-height: 0;
 }
-.rp-toast__icon[data-v-782b93e5] >  svg {
+.rp-toast__icon[data-v-441adf44] >  svg {
     display: block;
     width: 1rem;
     height: 1rem;
 }
-.rp-toast__content[data-v-782b93e5] {
+.rp-toast__content[data-v-441adf44] {
     display: grid;
     flex: 1 1 auto;
     min-width: 0;
     gap: var(--rp-spacing-1);
 }
-.rp-toast__title[data-v-782b93e5] {
+.rp-toast__title[data-v-441adf44] {
     color: var(--_rp-toast-title-fg);
     font-size: var(--rp-font-size-md);
     font-weight: var(--rp-font-weight-semibold);
     line-height: var(--rp-line-height-xs);
 }
-.rp-toast__description[data-v-782b93e5] {
+.rp-toast__description[data-v-441adf44] {
     margin: 0;
 }
-.rp-toast__body[data-v-782b93e5], .rp-toast__description[data-v-782b93e5] {
+.rp-toast__body[data-v-441adf44], .rp-toast__description[data-v-441adf44] {
     min-width: 0;
     color: var(--_rp-toast-fg);
 }
-.rp-toast__action[data-v-782b93e5] {
+.rp-toast__action[data-v-441adf44] {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
     margin-left: auto;
 }
-.rp-toast__close[data-v-782b93e5] {
+.rp-toast__close[data-v-441adf44] {
     box-sizing: border-box;
     display: inline-flex;
     flex: 0 0 auto;
@@ -98,36 +98,36 @@
     cursor: pointer;
     transition: background-color var(--rp-transition-fast), color var(--rp-transition-fast);
 }
-.rp-toast__close[data-v-782b93e5]:hover {
+.rp-toast__close[data-v-441adf44]:hover {
     background-color: color-mix(in srgb, var(--_rp-toast-icon-fg) 12%, transparent);
 }
-.rp-toast__close[data-v-782b93e5]:focus-visible {
+.rp-toast__close[data-v-441adf44]:focus-visible {
     outline: var(--rp-border-width-medium) solid var(--rp-color-focus-ring);
     outline-offset: 2px;
 }
-.rp-toast__close[data-v-782b93e5] >  svg {
+.rp-toast__close[data-v-441adf44] >  svg {
     display: block;
     width: 1rem;
     height: 1rem;
 }
-.rp-toast-enter-active[data-v-782b93e5],
-  .rp-toast-leave-active[data-v-782b93e5] {
+.rp-toast-enter-active[data-v-441adf44],
+  .rp-toast-leave-active[data-v-441adf44] {
     will-change: opacity, transform;
 }
-.rp-toast-enter-active[data-v-782b93e5] {
+.rp-toast-enter-active[data-v-441adf44] {
     transition: opacity 180ms ease-out, transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-.rp-toast-leave-active[data-v-782b93e5] {
+.rp-toast-leave-active[data-v-441adf44] {
     transition: opacity 120ms ease-in, transform 180ms cubic-bezier(0.4, 0, 1, 1);
 }
-.rp-toast-enter-from[data-v-782b93e5],
-  .rp-toast-leave-to[data-v-782b93e5] {
+.rp-toast-enter-from[data-v-441adf44],
+  .rp-toast-leave-to[data-v-441adf44] {
     opacity: 0;
     transform: translate3d(0, calc(var(--rp-spacing-2) * -1), 0) scale(0.98);
 }
 @media (prefers-reduced-motion: reduce) {
-.rp-toast-enter-active[data-v-782b93e5],
-    .rp-toast-leave-active[data-v-782b93e5] {
+.rp-toast-enter-active[data-v-441adf44],
+    .rp-toast-leave-active[data-v-441adf44] {
       transition: none;
 }
 }