ropav 0.1.6 → 0.1.7

package/dist/floatingOffset.js

@@ -0,0 +1,11 @@
+//#region src/utils/floatingOffset.ts
+function getFloatingOffsetStyle(offset, properties) {
+	if (offset == null) return void 0;
+	if (typeof offset === "number") return { [properties.mainAxis]: `${offset}px` };
+	const style = {};
+	if (offset.mainAxis != null) style[properties.mainAxis] = `${offset.mainAxis}px`;
+	if (offset.crossAxis != null) style[properties.crossAxis] = `${offset.crossAxis}px`;
+	return Object.keys(style).length > 0 ? style : void 0;
+}
+//#endregion
+export { getFloatingOffsetStyle as t };

package/dist/focus-trap.js

@@ -1,6 +1,7 @@
-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 useFocusTrap } from "./useFocusTrap.js";
-import { computed, createDynamicComponent, createSlot, defineVaporComponent, extend, ref, setStaticTemplateRef, watch } from "vue";
+import { computed, createDynamicComponent, createSlot, defineVaporComponent, extend, ref, setTemplateRefBinding, watch } from "vue";
 //#endregion
 //#region src/components/focus-trap/focus-trap.vue
 var focus_trap_default = /* @__PURE__ */ defineVaporComponent({
@@ -27,6 +28,7 @@ var focus_trap_default = /* @__PURE__ */ defineVaporComponent({
 		const emit = __emit;
 		const containerRef = ref(null);
 		const { isActive, isPaused, activate, deactivate, pause, unpause } = useFocusTrap(containerRef, props.options);
+		const templateRefs = { container: containerRef };
 		const slotProps = computed(() => ({
 			active: isActive.value,
 			paused: isPaused.value,
@@ -38,8 +40,8 @@ var focus_trap_default = /* @__PURE__ */ defineVaporComponent({
 		const { getRootAttrs } = useStylesApi(props, "root");
 		const rootAttrs = computed(() => getRootAttrs({
 			class: "rp-focus-trap",
-			"data-active": presence(isActive.value),
-			"data-paused": presence(isPaused.value)
+			"data-active": toPresenceAttribute(isActive.value),
+			"data-paused": toPresenceAttribute(isPaused.value)
 		}));
 		function pauseTrap(options) {
 			pause(options);
@@ -69,7 +71,7 @@ var focus_trap_default = /* @__PURE__ */ defineVaporComponent({
 		const n1 = createDynamicComponent(() => __props.as, { $: [() => rootAttrs.value] }, extend(() => {
 			return createSlot("default", { $: [() => slotProps.value] });
 		}, { _: 8 }), 1);
-		setStaticTemplateRef(n1, containerRef, null, "containerRef");
+		setTemplateRefBinding(n1, () => templateRefs.container);
 		return n1;
 	}
 });

package/dist/focusNavigation.js

@@ -0,0 +1,37 @@
+import { n as getNextEnabledIndex, t as getEnabledIndexes } from "./collectionNavigation.js";
+import { t as isElement } from "./query.js";
+//#region src/utils/dom/focusNavigation.ts
+function isDisabled(element) {
+	return element.matches(":disabled");
+}
+function getDirection(key, orientation) {
+	if (orientation === "vertical") {
+		if (key === "ArrowDown") return 1;
+		if (key === "ArrowUp") return -1;
+		return;
+	}
+	if (key === "ArrowRight") return 1;
+	if (key === "ArrowLeft") return -1;
+}
+function getScopedItems(collection, options) {
+	return Array.from(collection.querySelectorAll(options.itemSelector)).filter((item) => item.closest(options.collectionSelector) === collection);
+}
+function getFocusNavigationTarget(event, collection, options) {
+	if (!isElement(event.target)) return void 0;
+	const currentItem = event.target.closest(options.itemSelector);
+	if (!currentItem || currentItem.closest(options.collectionSelector) !== collection || isDisabled(currentItem)) return;
+	const items = getScopedItems(collection, options);
+	const currentIndex = items.indexOf(currentItem);
+	if (currentIndex < 0) return void 0;
+	const enabledIndexes = getEnabledIndexes(items, isDisabled);
+	if (enabledIndexes.length === 0) return void 0;
+	if (event.key === "Home") return items[enabledIndexes[0]];
+	if (event.key === "End") return items[enabledIndexes[enabledIndexes.length - 1]];
+	let direction = getDirection(event.key, options.orientation);
+	if (!direction) return void 0;
+	if (options.orientation === "horizontal" && collection.ownerDocument.defaultView?.getComputedStyle(collection).direction === "rtl") direction = direction === 1 ? -1 : 1;
+	const nextIndex = getNextEnabledIndex(items, currentIndex, direction, isDisabled);
+	return nextIndex === void 0 ? void 0 : items[nextIndex];
+}
+//#endregion
+export { getFocusNavigationTarget as t };

package/dist/icon-button.css

@@ -1,38 +1,38 @@
 @layer ropav.components {
-.rp-icon-button[data-v-135bc879] {
+.rp-icon-button[data-v-91d51d1d] {
     width: var(--_rp-button-height);
     padding: 0;
 }
-.rp-icon-button__icon[data-v-135bc879] {
+.rp-icon-button__icon[data-v-91d51d1d] {
     width: 1em;
     height: 1em;
     flex-shrink: 0;
 }
-.rp-icon-button__icon[data-v-135bc879] {
+.rp-icon-button__icon[data-v-91d51d1d] {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     line-height: 0;
 }
-.rp-icon-button__icon[data-v-135bc879] >  svg {
+.rp-icon-button__icon[data-v-91d51d1d] >  svg {
     display: block;
     width: 1em;
     height: 1em;
 }
-.rp-icon-button__spinner[data-v-135bc879] {
+.rp-icon-button__spinner[data-v-91d51d1d] {
     display: block;
     width: 1em;
     height: 1em;
     flex-shrink: 0;
     transform-origin: center;
-    animation: rp-spinner-spin-135bc879 700ms linear infinite;
+    animation: rp-spinner-spin-91d51d1d 700ms linear infinite;
 }
 @media (prefers-reduced-motion: reduce) {
-.rp-icon-button__spinner[data-v-135bc879] {
+.rp-icon-button__spinner[data-v-91d51d1d] {
       animation: none;
 }
 }
-@keyframes rp-spinner-spin-135bc879 {
+@keyframes rp-spinner-spin-91d51d1d {
 to {
       transform: rotate(360deg);
 }

package/dist/icon-button.js

@@ -1,12 +1,13 @@
 import './icon-button.css';
-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 { n as loader_circle_default, t as getButtonColorStyle } from "./button.scss_vue_type_style_index_0_src_true_lang.js";
 import { computed, createComponent, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
 //#region src/components/icon-button/icon-button.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<span data-v-135bc879>");
-var t1 = template("<button data-v-135bc879>", 1);
+var t0 = template("<span data-v-91d51d1d>");
+var t1 = template("<button data-v-91d51d1d>", 1);
 //#endregion
 //#region src/components/icon-button/icon-button.vue
 var icon_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -52,8 +53,8 @@ var icon_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			type: props.type,
 			"aria-label": props.ariaLabel || void 0,
 			"aria-busy": props.loading || void 0,
-			"data-disabled": presence(props.disabled || props.loading),
-			"data-loading": presence(props.loading)
+			"data-disabled": toPresenceAttribute(props.disabled || props.loading),
+			"data-loading": toPresenceAttribute(props.loading)
 		}));
 		const n6 = t1();
 		renderEffect(() => setDynamicProps(n6, [rootAttrs.value]));
@@ -69,6 +70,6 @@ var icon_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		}, 261);
 		return n6;
 	}
-}), [["__scopeId", "data-v-135bc879"]]);
+}), [["__scopeId", "data-v-91d51d1d"]]);
 //#endregion
 export { icon_button_default as t };

package/dist/index.js

@@ -1,7 +1,7 @@
 import { t as useControllableValue } from "./useControllableValue.js";
 import "./composables/index.js";
+import { a as useAccordion, i as accordion_default, n as accordionParts, o as useAccordionItem, r as accordion_item_default, t as accordionItemParts } from "./accordion.js";
 import { t as useCollapse } from "./useCollapse.js";
-import { a as accordionItemParts, i as useAccordionItem, n as accordion_default, o as accordionParts, r as useAccordion, t as accordion_item_default } from "./accordion.js";
 import { a as alert_default, i as alertVariants, n as alertParts, r as alertRadiuses, t as alertColors } from "./alert.js";
 import { n as aspect_ratio_default, t as aspectRatioParts } from "./aspect-ratio.js";
 import { a as avatarVariants, i as avatarSizes, n as avatarParts, o as avatar_default, r as avatarRadiuses, t as avatarColors } from "./avatar.js";
@@ -14,14 +14,14 @@ import { n as checkbox_default, t as checkboxParts } from "./checkbox.js";
 import { n as collapse_default, t as collapseParts } from "./collapse.js";
 import { n as color_input_default, t as colorInputParts } from "./color-input.js";
 import { t as color_swatch_default } from "./color-swatch.js";
-import { t as color_picker_default } from "./color-picker.js";
+import { n as colorPickerFormats, t as color_picker_default } from "./color-picker.js";
 import { t as input_default } from "./input.js";
 import { n as useOverlayZIndex } from "./useOverlayZIndex.js";
 import { t as useFocusTrap } from "./useFocusTrap.js";
-import { n as useFloatingPosition } from "./useFloatingPosition.js";
-import { r as useTeleportTarget } from "./useTeleportTarget.js";
+import { t as useFloatingPosition } from "./useFloatingPosition.js";
+import { n as useTeleportTarget } from "./useTeleportTarget.js";
 import { t as popover_default } from "./popover.js";
-import { n as colorPickerParts, r as colorPickerSizes, t as colorPickerFormats } from "./color-picker2.js";
+import { n as colorPickerSizes, t as colorPickerParts } from "./color-picker2.js";
 import { t as colorSwatchParts } from "./color-swatch2.js";
 import { a as dialog_overlay_default, c as dialog_close_default, i as dialog_portal_default, n as dialog_title_default, o as dialog_description_default, r as dialog_root_default, s as dialog_content_default, t as dialog_trigger_default } from "./dialog.js";
 import { _ as dropdown_menu_content_default, a as dropdown_menu_trigger_default, c as dropdown_menu_sub_default, d as dropdown_menu_radio_item_default, f as dropdown_menu_radio_group_default, g as dropdown_menu_context_trigger_default, h as dropdown_menu_item_indicator_default, i as useDropdownMenu, l as dropdown_menu_separator_default, m as dropdown_menu_label_default, n as dropdownMenuParts, o as dropdown_menu_sub_trigger_default, p as dropdown_menu_portal_default, r as dropdown_menu_default, s as dropdown_menu_sub_content_default, t as DropdownMenuItem, u as dropdown_menu_root_default, v as dropdown_menu_checkbox_item_default } from "./dropdown-menu.js";
@@ -36,7 +36,7 @@ import { t as scroll_area_default } from "./scroll-area.js";
 import { n as modal_default, t as modalParts } from "./modal.js";
 import { n as number_input_default, t as numberInputParts } from "./number-input.js";
 import { n as overlay_layer_provider_default, t as overlayParts } from "./overlay2.js";
-import { a as pagination_default, c as normalizePaginationTotal, i as paginationSizes, l as usePagination, n as paginationParts, o as getPaginationItems, r as paginationRadiuses, s as normalizePaginationPage, t as paginationColors } from "./pagination.js";
+import { a as pagination_default, c as normalizePaginationPage, i as paginationSizes, l as normalizePaginationTotal, n as paginationParts, o as usePagination, r as paginationRadiuses, s as getPaginationItems, t as paginationColors } from "./pagination.js";
 import { n as popoverPlacements, t as popoverParts } from "./popover2.js";
 import { a as progress_default, i as progressSizes, n as progressParts, r as progressRadiuses, t as progressColors } from "./progress.js";
 import { i as radioParts, n as radio_default, r as radioGroupParts, t as radio_group_default } from "./radio.js";

package/dist/input.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-input[data-v-51eae1ef] {
+.rp-input[data-v-803913b6] {
     --_rp-input-height: var(--rp-size-control-md);
     --_rp-input-padding-x: calc(var(--rp-size-control-md) / 3);
     --_rp-input-font-size: var(--rp-font-size-md);
@@ -20,81 +20,81 @@
     cursor: text;
     transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
 }
-.rp-input[data-v-51eae1ef]:hover:not(.rp-input--disabled):not(.rp-input--invalid):not(.rp-input--valid) {
+.rp-input[data-v-803913b6]:hover:not(.rp-input--disabled):not(.rp-input--invalid):not(.rp-input--valid) {
     border-color: var(--rp-color-control-border-hover);
 }
-.rp-input[data-v-51eae1ef]:focus-within:not(.rp-input--disabled):not(.rp-input--invalid):not(.rp-input--valid) {
+.rp-input[data-v-803913b6]:focus-within:not(.rp-input--disabled):not(.rp-input--invalid):not(.rp-input--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-input[data-v-51eae1ef] {
+.rp-input[data-v-803913b6] {
     height: var(--_rp-input-height);
     padding: 0 var(--_rp-input-padding-x);
     font-size: var(--_rp-input-font-size);
     border-radius: var(--_rp-input-radius);
 }
-.rp-input--size-xs[data-v-51eae1ef] {
+.rp-input--size-xs[data-v-803913b6] {
     --_rp-input-height: var(--rp-size-control-xs);
     --_rp-input-padding-x: calc(var(--rp-size-control-xs) / 3);
     --_rp-input-font-size: var(--rp-font-size-xs);
 }
-.rp-input--size-sm[data-v-51eae1ef] {
+.rp-input--size-sm[data-v-803913b6] {
     --_rp-input-height: var(--rp-size-control-sm);
     --_rp-input-padding-x: calc(var(--rp-size-control-sm) / 3);
     --_rp-input-font-size: var(--rp-font-size-sm);
 }
-.rp-input--size-md[data-v-51eae1ef] {
+.rp-input--size-md[data-v-803913b6] {
     --_rp-input-height: var(--rp-size-control-md);
     --_rp-input-padding-x: calc(var(--rp-size-control-md) / 3);
     --_rp-input-font-size: var(--rp-font-size-md);
 }
-.rp-input--size-lg[data-v-51eae1ef] {
+.rp-input--size-lg[data-v-803913b6] {
     --_rp-input-height: var(--rp-size-control-lg);
     --_rp-input-padding-x: calc(var(--rp-size-control-lg) / 3);
     --_rp-input-font-size: var(--rp-font-size-lg);
 }
-.rp-input--size-xl[data-v-51eae1ef] {
+.rp-input--size-xl[data-v-803913b6] {
     --_rp-input-height: var(--rp-size-control-xl);
     --_rp-input-padding-x: calc(var(--rp-size-control-xl) / 3);
     --_rp-input-font-size: var(--rp-font-size-xl);
 }
-.rp-input--radius-xs[data-v-51eae1ef] {
+.rp-input--radius-xs[data-v-803913b6] {
     --_rp-input-radius: var(--rp-radius-xs);
 }
-.rp-input--radius-sm[data-v-51eae1ef] {
+.rp-input--radius-sm[data-v-803913b6] {
     --_rp-input-radius: var(--rp-radius-sm);
 }
-.rp-input--radius-md[data-v-51eae1ef] {
+.rp-input--radius-md[data-v-803913b6] {
     --_rp-input-radius: var(--rp-radius-md);
 }
-.rp-input--radius-lg[data-v-51eae1ef] {
+.rp-input--radius-lg[data-v-803913b6] {
     --_rp-input-radius: var(--rp-radius-lg);
 }
-.rp-input--radius-xl[data-v-51eae1ef] {
+.rp-input--radius-xl[data-v-803913b6] {
     --_rp-input-radius: var(--rp-radius-xl);
 }
-.rp-input--disabled[data-v-51eae1ef] {
+.rp-input--disabled[data-v-803913b6] {
     opacity: var(--rp-opacity-disabled);
     cursor: not-allowed;
 }
-.rp-input--valid[data-v-51eae1ef] {
+.rp-input--valid[data-v-803913b6] {
     border-color: var(--_rp-input-valid-border);
 }
-.rp-input--valid[data-v-51eae1ef]:focus-within:not(.rp-input--disabled) {
+.rp-input--valid[data-v-803913b6]:focus-within:not(.rp-input--disabled) {
     border-color: var(--_rp-input-valid-border);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-input-valid-ring);
 }
-.rp-input--invalid[data-v-51eae1ef] {
+.rp-input--invalid[data-v-803913b6] {
     border-color: var(--_rp-input-invalid-border);
 }
-.rp-input--invalid[data-v-51eae1ef]:focus-within:not(.rp-input--disabled) {
+.rp-input--invalid[data-v-803913b6]:focus-within:not(.rp-input--disabled) {
     border-color: var(--_rp-input-invalid-border);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-input-invalid-ring);
 }
-.rp-input--readonly[data-v-51eae1ef] {
+.rp-input--readonly[data-v-803913b6] {
     background-color: var(--rp-color-control-readonly-bg);
 }
-.rp-input__native[data-v-51eae1ef] {
+.rp-input__native[data-v-803913b6] {
     box-sizing: border-box;
     flex: 1;
     width: 100%;
@@ -108,13 +108,13 @@
     color: var(--rp-color-control-fg);
     line-height: 1;
 }
-.rp-input__native[data-v-51eae1ef]::placeholder {
+.rp-input__native[data-v-803913b6]::placeholder {
     color: var(--rp-color-control-placeholder);
 }
-.rp-input__native[data-v-51eae1ef]:disabled {
+.rp-input__native[data-v-803913b6]:disabled {
     cursor: not-allowed;
 }
-.rp-input__left[data-v-51eae1ef], .rp-input__right[data-v-51eae1ef] {
+.rp-input__left[data-v-803913b6], .rp-input__right[data-v-803913b6] {
     display: inline-flex;
     align-items: center;
     flex-shrink: 0;

package/dist/input.js

@@ -1,24 +1,16 @@
 import './input.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 { a as useTextFormControl, t as claimNestedFormControlOwner } 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, createIf, createSlot, defineVaporComponent, ref, renderEffect, setDynamicProps, setInsertionState, setStaticTemplateRef, template, unref } from "vue";
 //#region src/components/input/useInput.ts
-var INTERACTIVE_SELECTOR = [
-	"button",
-	"a[href]",
-	`input:not(.rp-input__native)`,
-	"select",
-	"textarea",
-	"[contenteditable=\"true\"]",
-	"[tabindex]:not([tabindex=\"-1\"])"
-].join(",");
-function isInteractiveElement(target) {
-	return Boolean(target.closest(INTERACTIVE_SELECTOR));
-}
+var NATIVE_INPUT_SELECTOR = ".rp-input__native";
 function useInput(props, emitUpdate) {
 	const inputRef = ref(null);
 	const control = useControlState(props);
@@ -35,8 +27,7 @@ function useInput(props, emitUpdate) {
 	}
 	function focusInput(e) {
 		if (control.disabled) return;
-		const target = e.target;
-		if (target instanceof Element && isInteractiveElement(target)) return;
+		if (isInteractiveElement(e.target, NATIVE_INPUT_SELECTOR)) return;
 		inputRef.value?.focus();
 	}
 	return {
@@ -49,8 +40,8 @@ function useInput(props, emitUpdate) {
 }
 //#endregion
 //#region src/components/input/input.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<span data-v-51eae1ef>");
-var t1 = template("<div data-v-51eae1ef><input data-v-51eae1ef>", 1);
+var t0 = template("<span data-v-803913b6>");
+var t1 = template("<div data-v-803913b6><input data-v-803913b6>", 1);
 //#endregion
 //#region src/components/input/input.vue
 var input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -112,15 +103,15 @@ var input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		const rootAttrs = computed(() => getRootAttrs({
 			class: rootClass.value,
 			onMousedown: focusInput,
-			"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 attrs = props.inputAttrs ?? {};
-			const { class: compatibilityClass, style: compatibilityStyle, ...forwardedAttrs } = attrs;
+			const { compatibilityClass, compatibilityStyle, forwardedAttributes } = splitCompatibilityAttributes(attrs);
 			return {
-				...forwardedAttrs,
+				...forwardedAttributes,
 				...getPartAttrs("input", {
 					class: "rp-input__native",
 					compatibilityClass,
@@ -128,7 +119,7 @@ var input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				}),
 				id: control.id,
 				name: props.name,
-				form: control.form ?? forwardedAttrs.form,
+				form: control.form ?? forwardedAttributes.form,
 				type: props.type,
 				value: controllable.value.value,
 				placeholder: props.placeholder,
@@ -140,13 +131,10 @@ var input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				"aria-describedby": control.ariaDescribedby,
 				"aria-invalid": control.invalid || void 0,
 				"aria-required": control.required || void 0,
-				"data-disabled": presence(control.disabled),
-				"data-readonly": presence(props.readonly),
-				"data-invalid": presence(control.invalid),
-				onInput(event) {
-					onInput(event);
-					attrs.onInput?.(event);
-				}
+				"data-disabled": toPresenceAttribute(control.disabled),
+				"data-readonly": toPresenceAttribute(props.readonly),
+				"data-invalid": toPresenceAttribute(control.invalid),
+				onInput: composeEventHandlers(onInput, attrs.onInput)
 			};
 		});
 		__expose({
@@ -176,6 +164,6 @@ var input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		});
 		return n9;
 	}
-}), [["__scopeId", "data-v-51eae1ef"]]);
+}), [["__scopeId", "data-v-803913b6"]]);
 //#endregion
 export { input_default as t };

package/dist/interactive.js

@@ -0,0 +1,18 @@
+import { t as isElement } from "./query.js";
+//#region src/utils/dom/interactive.ts
+var INTERACTIVE_ELEMENT_SELECTOR = [
+	"button",
+	"a[href]",
+	"input",
+	"select",
+	"textarea",
+	"[contenteditable=\"true\"]",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(",");
+function isInteractiveElement(target, ignoredSelector) {
+	if (!isElement(target)) return false;
+	const interactiveElement = target.closest(INTERACTIVE_ELEMENT_SELECTOR);
+	return Boolean(interactiveElement && (!ignoredSelector || !interactiveElement.matches(ignoredSelector)));
+}
+//#endregion
+export { isInteractiveElement as t };

package/dist/modal.js

@@ -1,6 +1,6 @@
 import './modal.css';
 import { t as useControllableValue } from "./useControllableValue.js";
-import { n as useStylesApi } from "./styles-api.js";
+import { t as useStylesApi } from "./styles-api.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 x_default } from "./x.js";

package/dist/number-input.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-number-input[data-v-988300ea] {
+.rp-number-input[data-v-1c3d99ad] {
     --_rp-number-input-control-size: var(--_rp-input-height);
     --_rp-number-input-text-align: left;
     overflow: hidden;
@@ -7,39 +7,39 @@
     padding-inline: 0;
     vertical-align: middle;
 }
-.rp-number-input[data-v-988300ea] .rp-input__native {
+.rp-number-input[data-v-1c3d99ad] .rp-input__native {
     appearance: textfield;
     padding-inline: var(--_rp-input-padding-x);
     text-align: var(--_rp-number-input-text-align);
 }
-.rp-number-input--text-align-center[data-v-988300ea] {
+.rp-number-input--text-align-center[data-v-1c3d99ad] {
     --_rp-number-input-text-align: center;
 }
-.rp-number-input--text-align-right[data-v-988300ea] {
+.rp-number-input--text-align-right[data-v-1c3d99ad] {
     --_rp-number-input-text-align: right;
 }
-.rp-number-input[data-v-988300ea] .rp-input__native::-webkit-inner-spin-button,
-  .rp-number-input[data-v-988300ea] .rp-input__native::-webkit-outer-spin-button {
+.rp-number-input[data-v-1c3d99ad] .rp-input__native::-webkit-inner-spin-button,
+  .rp-number-input[data-v-1c3d99ad] .rp-input__native::-webkit-outer-spin-button {
     margin: 0;
     appearance: none;
 }
-.rp-number-input[data-v-988300ea] .rp-input__left,
-  .rp-number-input[data-v-988300ea] .rp-input__right {
+.rp-number-input[data-v-1c3d99ad] .rp-input__left,
+  .rp-number-input[data-v-1c3d99ad] .rp-input__right {
     align-self: stretch;
     margin-block: calc(-1 * var(--rp-border-width-thin));
 }
-.rp-number-input__controls[data-v-988300ea] {
+.rp-number-input__controls[data-v-1c3d99ad] {
     display: inline-flex;
     height: var(--_rp-input-height);
     flex-shrink: 0;
 }
-.rp-number-input__controls--left[data-v-988300ea] {
+.rp-number-input__controls--left[data-v-1c3d99ad] {
     border-inline-end: var(--rp-border-width-thin) solid var(--rp-color-control-border);
 }
-.rp-number-input__controls--right[data-v-988300ea] {
+.rp-number-input__controls--right[data-v-1c3d99ad] {
     border-inline-start: var(--rp-border-width-thin) solid var(--rp-color-control-border);
 }
-.rp-number-input__control[data-v-988300ea] {
+.rp-number-input__control[data-v-1c3d99ad] {
     padding: 0;
     font: inherit;
     background: none;
@@ -55,29 +55,29 @@
     color: var(--rp-color-control-icon);
     transition: color var(--rp-transition-fast), background-color var(--rp-transition-fast), opacity var(--rp-transition-fast);
 }
-.rp-number-input__control + .rp-number-input__control[data-v-988300ea] {
+.rp-number-input__control + .rp-number-input__control[data-v-1c3d99ad] {
     border-inline-start: var(--rp-border-width-thin) solid var(--rp-color-control-border);
 }
-.rp-number-input__control[data-v-988300ea]:hover:not(:disabled) {
+.rp-number-input__control[data-v-1c3d99ad]:hover:not(:disabled) {
     color: var(--rp-color-control-fg);
     background-color: var(--rp-color-default-hover);
 }
-.rp-number-input__control[data-v-988300ea]:disabled {
+.rp-number-input__control[data-v-1c3d99ad]:disabled {
     cursor: not-allowed;
     opacity: var(--rp-opacity-disabled);
 }
-.rp-number-input__control-icon[data-v-988300ea] {
+.rp-number-input__control-icon[data-v-1c3d99ad] {
     display: inline-flex;
     align-items: center;
     width: 0.875em;
     height: 0.875em;
     flex-shrink: 0;
 }
-.rp-number-input__control-icon svg[data-v-988300ea] {
+.rp-number-input__control-icon svg[data-v-1c3d99ad] {
     width: 100%;
     height: 100%;
 }
-.rp-number-input__control-icon[data-v-988300ea] >  svg {
+.rp-number-input__control-icon[data-v-1c3d99ad] >  svg {
     display: block;
     width: 100%;
     height: 100%;

package/dist/number-input.js

@@ -1,13 +1,14 @@
 import './number-input.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 minus_default } from "./minus.js";
 import { i as useFormControl, n as provideNestedFormControlOwner } from "./useFormControl.js";
 import { t as useControlState } from "./useControlState.js";
 import { t as input_default } from "./input.js";
-import { child, computed, createComponent, createFor, createIf, createSlot, defineVaporComponent, delegateEvents, markRaw, on, ref, renderEffect, setDynamicProps, setInsertionState, setStaticTemplateRef, template, unref, withModifiers, withVaporModifiers } from "vue";
+import { child, computed, createComponent, createFor, createIf, createSlot, defineVaporComponent, markRaw, on, ref, renderEffect, setDynamicProps, setInsertionState, setStaticTemplateRef, template, unref, withModifiers } from "vue";
 //#region ~icons/lucide/plus
 var t0$1 = template("<svg viewBox=\"0 0 24 24\"width=1.2em height=1.2em><path fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 d=\"M5 12h14m-7-7v14\">", 3, 1);
 function render(_ctx) {
@@ -18,7 +19,7 @@ var plus_default = markRaw(defineVaporComponent({
 	render
 }));
 //#endregion
-//#region src/components/number-input/useNumberInput.ts
+//#region src/components/number-input/numberInputModel.ts
 function finiteOrUndefined(value) {
 	return value !== void 0 && Number.isFinite(value) ? value : void 0;
 }
@@ -78,6 +79,8 @@ function normalizeNumberInputTextAlign(textAlign) {
 function getModelInputValue(value) {
 	return value !== null && Number.isFinite(value) ? String(normalizeZero(value)) : "";
 }
+//#endregion
+//#region src/components/number-input/useNumberInput.ts
 function useNumberInput(props, emitUpdate, getValue = () => props.modelValue ?? null) {
 	const control = useControlState(props);
 	const bounds = computed(() => normalizeNumberInputBounds(props.min, props.max));
@@ -190,11 +193,10 @@ function useNumberInput(props, emitUpdate, getValue = () => props.modelValue ??
 }
 //#endregion
 //#region src/components/number-input/number-input.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<button data-v-988300ea><span data-v-988300ea class=rp-number-input__control-icon aria-hidden=true></button>");
-var t1 = template("<span data-v-988300ea class=\"rp-number-input__controls rp-number-input__controls--left\">");
-var t2 = template("<button data-v-988300ea><span data-v-988300ea class=rp-number-input__control-icon aria-hidden=true>");
-var t3 = template("<span data-v-988300ea class=\"rp-number-input__controls rp-number-input__controls--right\">");
-delegateEvents("mousedown");
+var t0 = template("<button data-v-1c3d99ad><span data-v-1c3d99ad class=rp-number-input__control-icon aria-hidden=true></button>");
+var t1 = template("<span data-v-1c3d99ad class=\"rp-number-input__controls rp-number-input__controls--left\">");
+var t2 = template("<button data-v-1c3d99ad><span data-v-1c3d99ad class=rp-number-input__control-icon aria-hidden=true>");
+var t3 = template("<span data-v-1c3d99ad class=\"rp-number-input__controls rp-number-input__controls--right\">");
 //#endregion
 //#region src/components/number-input/number-input.vue
 var number_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -292,7 +294,7 @@ var number_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			return {
 				...getPartAttrs("control", { class: ["rp-number-input__control", `rp-number-input__control--${controlType}`] }),
 				"data-control": controlType,
-				"data-disabled": presence(isControlDisabled(controlType))
+				"data-disabled": toPresenceAttribute(isControlDisabled(controlType))
 			};
 		}
 		function focusNativeInput(event) {
@@ -363,7 +365,7 @@ var number_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 							return createComponent(unref(minus_default));
 						}, 1);
 					}, 261);
-					n12.$evtmousedown = withVaporModifiers(() => {}, ["prevent"]);
+					on(n12, "mousedown", withModifiers(() => {}, ["prevent"]));
 					on(n12, "click", withModifiers(($event) => onControlClick($event, _for_item0.value), ["stop"]));
 					return n12;
 				}, (controlType) => controlType, 9);
@@ -401,7 +403,7 @@ var number_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 							return createComponent(unref(minus_default));
 						}, 1);
 					}, 517);
-					n27.$evtmousedown = withVaporModifiers(() => {}, ["prevent"]);
+					on(n27, "mousedown", withModifiers(() => {}, ["prevent"]));
 					on(n27, "click", withModifiers(($event) => onControlClick($event, _for_item0.value), ["stop"]));
 					return n27;
 				}, (controlType) => controlType, 9);
@@ -411,7 +413,7 @@ var number_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		setStaticTemplateRef(n30, inputComponentRef, null, "inputComponentRef");
 		return n30;
 	}
-}), [["__scopeId", "data-v-988300ea"]]);
+}), [["__scopeId", "data-v-1c3d99ad"]]);
 //#endregion
 //#region src/components/number-input/types.ts
 var numberInputParts = [