ropav 0.1.5 → 0.1.7

package/dist/tabs.js

@@ -1,8 +1,11 @@
 import './tabs.css';
+import { t as useControllableValue } from "./useControllableValue.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 { n as useStylesApi, t as presence } from "./styles-api.js";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.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";
 //#region src/components/tabs/useTabs.ts
@@ -14,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";
 }
@@ -35,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) {
@@ -100,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 + direction + triggers.length) % triggers.length];
-}
 function useTabsItem(componentName, props, suffix) {
 	const group = useRequiredInject(tabsKey, componentName);
 	const generatedId = useId();
@@ -133,10 +105,15 @@ function useTabsItem(componentName, props, suffix) {
 function useTabs(props, emitUpdate) {
 	const triggerRegistry = useTabsRegistry();
 	const contentRegistry = useTabsRegistry();
-	const { items: triggers, unregister: unregisterTrigger } = triggerRegistry;
+	const { items: triggers } = triggerRegistry;
 	const { items: contents, register: registerContent, unregister: unregisterContent } = contentRegistry;
-	const isControlled = computed(() => props.modelValue !== void 0);
-	const uncontrolledValue = ref(props.defaultValue ?? null);
+	const controllable = useControllableValue({
+		modelValue: () => props.modelValue,
+		defaultValue: () => props.defaultValue ?? null,
+		onChange: (value) => {
+			if (value !== null) emitUpdate(value);
+		}
+	});
 	const isDisabled = computed(() => Boolean(props.disabled));
 	const size = computed(() => props.size ?? DEFAULT_SIZE);
 	const variant = computed(() => props.variant ?? DEFAULT_VARIANT);
@@ -144,7 +121,7 @@ function useTabs(props, emitUpdate) {
 	const placement = computed(() => props.placement ?? DEFAULT_PLACEMENT);
 	const align = computed(() => props.align);
 	const activationMode = computed(() => props.activationMode ?? DEFAULT_ACTIVATION_MODE);
-	const selectedValue = computed(() => isControlled.value ? props.modelValue ?? null : uncontrolledValue.value);
+	const selectedValue = controllable.value;
 	const firstEnabledTrigger = computed(() => triggers.value.find((trigger) => !trigger.disabled));
 	const selectedEnabledTrigger = computed(() => {
 		const trigger = findRegistration(triggers.value, selectedValue.value);
@@ -154,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)
 	}));
@@ -171,16 +148,15 @@ function useTabs(props, emitUpdate) {
 		align: align.value ?? getDefaultAlign(orientation.value),
 		select: selectValue
 	}));
-	function syncUncontrolledValue() {
-		if (isControlled.value || isDisabled.value) return;
+	function syncUncontrolledValue(reconcileMissing = false) {
+		if (controllable.isControlled.value || isDisabled.value) return;
 		const selectedTrigger = findRegistration(triggers.value, selectedValue.value);
-		if (selectedValue.value != null && !selectedTrigger?.disabled) return;
-		uncontrolledValue.value = firstEnabledTrigger.value?.value ?? null;
+		if (selectedValue.value != null && (selectedTrigger ? !selectedTrigger.disabled : !reconcileMissing)) return;
+		controllable.resetValue(firstEnabledTrigger.value?.value ?? null);
 	}
 	function setValue(value) {
 		if (isDisabled.value || value === selectedValue.value) return;
-		if (!isControlled.value) uncontrolledValue.value = value;
-		emitUpdate(value);
+		controllable.setValue(value);
 	}
 	function selectValue(value) {
 		const trigger = findRegistration(triggers.value, value);
@@ -195,12 +171,19 @@ function useTabs(props, emitUpdate) {
 		triggerRegistry.register(registration);
 		syncUncontrolledValue();
 	}
+	function unregisterTrigger(id) {
+		const trigger = triggers.value.find((registration) => registration.id === id);
+		triggerRegistry.unregister(id);
+		syncUncontrolledValue(trigger?.value === selectedValue.value);
+	}
 	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();
@@ -275,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
@@ -303,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
@@ -366,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)
 	}));
@@ -390,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({
@@ -431,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]));
@@ -439,10 +422,10 @@ 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("<section data-v-7206185c>", 1);
+var t0$1 = template("<div data-v-741d0283>", 1);
 //#endregion
 //#region src/components/tabs/tabs-content.vue
 var tabs_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -475,7 +458,7 @@ var tabs_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			return n3;
 		});
 	}
-}), [["__scopeId", "data-v-7206185c"]]);
+}), [["__scopeId", "data-v-741d0283"]]);
 //#endregion
 //#region src/components/tabs/tabs-list.vue
 var tabs_list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -501,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"]
@@ -537,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({
@@ -564,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]));
@@ -572,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-f2ee1457] {
+.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-f2ee1457]: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-f2ee1457]: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-f2ee1457] {
+.rp-textarea[data-v-da9cf2c9] {
     font-size: var(--_rp-textarea-font-size);
     border-radius: var(--_rp-textarea-radius);
 }
-.rp-textarea--size-xs[data-v-f2ee1457] {
+.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-f2ee1457] {
+.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-f2ee1457] {
+.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-f2ee1457] {
+.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-f2ee1457] {
+.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-f2ee1457] {
+.rp-textarea--radius-xs[data-v-da9cf2c9] {
     --_rp-textarea-radius: var(--rp-radius-xs);
 }
-.rp-textarea--radius-sm[data-v-f2ee1457] {
+.rp-textarea--radius-sm[data-v-da9cf2c9] {
     --_rp-textarea-radius: var(--rp-radius-sm);
 }
-.rp-textarea--radius-md[data-v-f2ee1457] {
+.rp-textarea--radius-md[data-v-da9cf2c9] {
     --_rp-textarea-radius: var(--rp-radius-md);
 }
-.rp-textarea--radius-lg[data-v-f2ee1457] {
+.rp-textarea--radius-lg[data-v-da9cf2c9] {
     --_rp-textarea-radius: var(--rp-radius-lg);
 }
-.rp-textarea--radius-xl[data-v-f2ee1457] {
+.rp-textarea--radius-xl[data-v-da9cf2c9] {
     --_rp-textarea-radius: var(--rp-radius-xl);
 }
-html.dark .rp-textarea[data-v-f2ee1457], [data-rp-color-scheme=dark] .rp-textarea[data-v-f2ee1457] {
+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-f2ee1457], [data-rp-color-scheme=dark] .rp-textare
         transparent
     );
 }
-.rp-textarea--disabled[data-v-f2ee1457] {
+.rp-textarea--disabled[data-v-da9cf2c9] {
     opacity: var(--rp-opacity-disabled);
     cursor: not-allowed;
 }
-.rp-textarea--valid[data-v-f2ee1457] {
+.rp-textarea--valid[data-v-da9cf2c9] {
     border-color: var(--_rp-textarea-valid-border);
 }
-.rp-textarea--valid[data-v-f2ee1457]: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-f2ee1457] {
+.rp-textarea--invalid[data-v-da9cf2c9] {
     border-color: var(--_rp-textarea-invalid-border);
 }
-.rp-textarea--invalid[data-v-f2ee1457]: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-f2ee1457] {
+.rp-textarea--readonly[data-v-da9cf2c9] {
     background-color: var(--rp-color-control-readonly-bg);
 }
-.rp-textarea--resize-vertical .rp-textarea__native[data-v-f2ee1457] {
+.rp-textarea--resize-vertical .rp-textarea__native[data-v-da9cf2c9] {
     resize: vertical;
 }
-.rp-textarea--resize-both .rp-textarea__native[data-v-f2ee1457] {
+.rp-textarea--resize-both .rp-textarea__native[data-v-da9cf2c9] {
     resize: both;
 }
-.rp-textarea__native[data-v-f2ee1457] {
+.rp-textarea__native[data-v-da9cf2c9] {
     box-sizing: border-box;
     flex: 1;
     width: 100%;
@@ -124,10 +124,10 @@ html.dark .rp-textarea[data-v-f2ee1457], [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-f2ee1457]::placeholder {
+.rp-textarea__native[data-v-da9cf2c9]::placeholder {
     color: var(--rp-color-control-placeholder);
 }
-.rp-textarea__native[data-v-f2ee1457]: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 { t as useStylesApi } from "./styles-api.js";
+import { n as toPresenceAttribute } from "./attributes.js";
 import { t as bem } from "./bem.js";
-import { n as useStylesApi, t as presence } from "./styles-api.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as useControllableValue } from "./useControllableValue.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-f2ee1457><textarea data-v-f2ee1457>", 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-f2ee1457"]]);
+}), [["__scopeId", "data-v-da9cf2c9"]]);
 //#endregion
 //#region src/components/textarea/types.ts
 var textareaParts = ["root", "input"];