ropav 0.1.5 → 0.1.7

package/dist/popover.js

@@ -1,53 +1,81 @@
 import './popover.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 isElement } from "./query.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { a as snapshotAttributes, i as restoreAttributes } from "./attributes2.js";
+import { n as mergeAriaIdRefs } from "./aria.js";
+import { i as isNodeWithinElement } from "./events.js";
 import { n as useOverlayZIndex, r as useOverlayLayer } from "./useOverlayZIndex.js";
+import { t as getFloatingOffsetStyle } from "./floatingOffset.js";
 import { t as useFocusTrap } from "./useFocusTrap.js";
-import { n as useFloatingPosition, r as useFloatingTarget, t as isElementReference } from "./useFloatingPosition.js";
-import { n as useTeleportPositioningKey, r as useTeleportTarget } from "./useTeleportTarget.js";
-import { VaporTeleport, VaporTransition, applyVShow, computed, createComponent, createIf, createInvoker, createSlot, createTemplateRefSetter, defineVaporComponent, delegateEvents, extend, isRef, nextTick, ref, renderEffect, setAttr, setDynamicProps, setInsertionState, setStaticTemplateRef, setStyle, template, unref, useAttrs, useId, useSlots, watch } from "vue";
-//#region src/components/popover/usePopover.ts
-var DEFAULT_PLACEMENT = "bottom";
-var DEFAULT_ROLE = "dialog";
+import { n as useFloatingTarget, t as useFloatingPosition } from "./useFloatingPosition.js";
+import { n as useTeleportTarget } from "./useTeleportTarget.js";
+import { VaporTeleport, VaporTransition, applyVShow, computed, createComponent, createIf, createSlot, createTemplateRefSetter, defineVaporComponent, extend, isRef, nextTick, on, ref, renderEffect, setAttr, setDynamicProps, setInsertionState, setStyle, setTemplateRefBinding, template, unref, useAttrs, useId, useSlots, watch } from "vue";
+//#region src/components/popover/usePopoverBindings.ts
 var TARGET_ATTRIBUTES = [
 	"aria-controls",
 	"aria-expanded",
 	"aria-haspopup"
 ];
-function addIdReference(currentValue, id) {
-	const ids = (currentValue ?? "").split(/\s+/).filter(Boolean);
-	if (!ids.includes(id)) ids.push(id);
-	return ids.join(" ");
-}
-function snapshotAttributes(element) {
-	const snapshot = {};
-	for (const attribute of TARGET_ATTRIBUTES) snapshot[attribute] = element.getAttribute(attribute);
-	return snapshot;
-}
-function restoreAttributes(element, snapshot) {
-	for (const attribute of TARGET_ATTRIBUTES) {
-		const value = snapshot[attribute];
-		if (value == null) element.removeAttribute(attribute);
-		else element.setAttribute(attribute, value);
-	}
-}
 function applyTargetAttributes(element, snapshot, options) {
-	element.setAttribute("aria-controls", addIdReference(snapshot["aria-controls"], options.id));
+	element.setAttribute("aria-controls", mergeAriaIdRefs(snapshot.get("aria-controls"), options.id) ?? "");
 	element.setAttribute("aria-expanded", String(options.expanded));
 	element.setAttribute("aria-haspopup", options.role);
 }
+function usePopoverBindings({ isExplicitTarget, targetElement, popoverId, popoverRole, isVisible, isDisabled, onTriggerClick, onDocumentClick, onDocumentPointerDown, onDocumentKeydown }) {
+	watch([isExplicitTarget, targetElement], ([explicit, target], _previous, onCleanup) => {
+		if (!explicit || !target) return;
+		target.addEventListener("click", onTriggerClick);
+		onCleanup(() => target.removeEventListener("click", onTriggerClick));
+	}, { flush: "sync" });
+	watch([
+		isExplicitTarget,
+		targetElement,
+		popoverId,
+		popoverRole,
+		isVisible,
+		isDisabled
+	], ([explicit, target, id, role, visible, disabled], _previous, onCleanup) => {
+		if (!explicit || !target || disabled) return;
+		const snapshot = snapshotAttributes(target, TARGET_ATTRIBUTES);
+		applyTargetAttributes(target, snapshot, {
+			id,
+			expanded: visible,
+			role
+		});
+		onCleanup(() => restoreAttributes(target, snapshot));
+	}, { flush: "sync" });
+	watch(isVisible, (visible, _previous, onCleanup) => {
+		if (!visible || typeof document === "undefined") return;
+		document.addEventListener("click", onDocumentClick, true);
+		document.addEventListener("mousedown", onDocumentPointerDown, true);
+		document.addEventListener("touchstart", onDocumentPointerDown, true);
+		document.addEventListener("keydown", onDocumentKeydown);
+		onCleanup(() => {
+			document.removeEventListener("click", onDocumentClick, true);
+			document.removeEventListener("mousedown", onDocumentPointerDown, true);
+			document.removeEventListener("touchstart", onDocumentPointerDown, true);
+			document.removeEventListener("keydown", onDocumentKeydown);
+		});
+	}, {
+		flush: "sync",
+		immediate: true
+	});
+}
+//#endregion
+//#region src/components/popover/usePopover.ts
+var DEFAULT_PLACEMENT = "bottom";
+var DEFAULT_ROLE = "dialog";
+var POPOVER_OFFSET_PROPERTIES = {
+	mainAxis: "--_rp-popover-main-axis-offset",
+	crossAxis: "--_rp-popover-cross-axis-offset"
+};
 function isFocusTrapContainer(value) {
 	return typeof HTMLElement !== "undefined" && value instanceof HTMLElement || typeof SVGElement !== "undefined" && value instanceof SVGElement;
 }
-function resolveOffsetStyle(offset) {
-	if (offset == null) return void 0;
-	if (typeof offset === "number") return { "--_rp-popover-main-axis-offset": `${offset}px` };
-	const style = {};
-	if (offset.mainAxis != null) style["--_rp-popover-main-axis-offset"] = `${offset.mainAxis}px`;
-	if (offset.crossAxis != null) style["--_rp-popover-cross-axis-offset"] = `${offset.crossAxis}px`;
-	return Object.keys(style).length > 0 ? style : void 0;
-}
 function usePopover(props, emitOpenChange) {
 	const slots = useSlots();
 	const attrs = useAttrs();
@@ -55,17 +83,20 @@ function usePopover(props, emitOpenChange) {
 	const rootRef = ref(null);
 	const contentRef = ref(null);
 	const arrowRef = ref(null);
-	const uncontrolledOpen = ref(false);
+	const controllableOpen = useControllableValue({
+		modelValue: () => props.open,
+		defaultValue: () => false,
+		onChange: (open) => emitOpenChange?.(open)
+	});
 	const popoverId = computed(() => props.id ?? `${generatedId}-popover`);
 	const placement = computed(() => props.placement ?? DEFAULT_PLACEMENT);
 	const popoverRole = computed(() => props.role ?? DEFAULT_ROLE);
 	const teleportTo = useTeleportTarget(() => props.teleportTo);
-	const teleportPositioningKey = useTeleportPositioningKey();
 	const { isExplicitTarget, reference, resolvedTarget } = useFloatingTarget(() => props.target, rootRef);
-	const targetElement = computed(() => isElementReference(resolvedTarget.value) ? resolvedTarget.value : null);
+	const targetElement = computed(() => isElement(resolvedTarget.value) ? resolvedTarget.value : null);
 	const hasContent = computed(() => Boolean(slots.content || isExplicitTarget.value && slots.default));
 	const isDisabled = computed(() => Boolean(props.disabled || !hasContent.value));
-	const isOpen = computed(() => props.open ?? uncontrolledOpen.value);
+	const isOpen = controllableOpen.value;
 	const isVisible = computed(() => isOpen.value && !isDisabled.value);
 	const layer = useOverlayLayer({
 		active: isVisible,
@@ -103,12 +134,7 @@ function usePopover(props, emitOpenChange) {
 		flipOptions: () => props.flipOptions,
 		shift: () => props.shift !== false,
 		collisionPadding: () => props.collisionPadding ?? 8,
-		autoUpdateOptions: () => props.autoUpdateOptions,
-		restartKey: () => [
-			Boolean(props.teleport),
-			teleportTo.value,
-			teleportPositioningKey.value
-		]
+		autoUpdateOptions: () => props.autoUpdateOptions
 	});
 	const placementSide = computed(() => floating.actualPlacement.value.split("-")[0]);
 	const rootClass = computed(() => bem("rp-popover", {
@@ -120,7 +146,7 @@ function usePopover(props, emitOpenChange) {
 	}));
 	const contentStyle = computed(() => ({
 		...floating.floatingStyle.value,
-		...resolveOffsetStyle(props.offset),
+		...getFloatingOffsetStyle(props.offset, POPOVER_OFFSET_PROPERTIES),
 		zIndex: layer.zIndex.value
 	}));
 	const triggerProps = computed(() => ({
@@ -153,9 +179,7 @@ function usePopover(props, emitOpenChange) {
 		allowOutsideClick: true
 	});
 	function setOpen(nextOpen) {
-		const previousOpen = isOpen.value;
-		if (props.open === void 0) uncontrolledOpen.value = nextOpen;
-		if (previousOpen !== nextOpen) emitOpenChange?.(nextOpen);
+		if (isOpen.value !== nextOpen) controllableOpen.setValue(nextOpen);
 	}
 	function openPopover() {
 		if (!isDisabled.value) setOpen(true);
@@ -189,7 +213,7 @@ function usePopover(props, emitOpenChange) {
 	}
 	function onCompositeFocusout(event) {
 		const nextTarget = event.relatedTarget;
-		if (nextTarget instanceof Node && (rootRef.value?.contains(nextTarget) || contentRef.value?.contains(nextTarget) || targetElement.value?.contains(nextTarget))) return;
+		if (isNodeWithinElement(nextTarget, rootRef.value) || isNodeWithinElement(nextTarget, contentRef.value) || isNodeWithinElement(nextTarget, targetElement.value)) return;
 		const listener = attrs.onFocusout;
 		const listeners = Array.isArray(listener) ? listener : [listener];
 		for (const current of listeners) if (typeof current === "function") current(event);
@@ -224,43 +248,17 @@ function usePopover(props, emitOpenChange) {
 		flush: "post",
 		immediate: true
 	});
-	watch([isExplicitTarget, targetElement], ([explicit, target], _previous, onCleanup) => {
-		if (!explicit || !target) return;
-		target.addEventListener("click", onTriggerClick);
-		onCleanup(() => target.removeEventListener("click", onTriggerClick));
-	}, { flush: "sync" });
-	watch([
+	usePopoverBindings({
 		isExplicitTarget,
 		targetElement,
 		popoverId,
 		popoverRole,
 		isVisible,
-		isDisabled
-	], ([explicit, target, id, role, visible, disabled], _previous, onCleanup) => {
-		if (!explicit || !target || disabled) return;
-		const snapshot = snapshotAttributes(target);
-		applyTargetAttributes(target, snapshot, {
-			id,
-			expanded: visible,
-			role
-		});
-		onCleanup(() => restoreAttributes(target, snapshot));
-	}, { flush: "sync" });
-	watch(isVisible, (visible, _previous, onCleanup) => {
-		if (!visible || typeof document === "undefined") return;
-		document.addEventListener("click", onDocumentClick, true);
-		document.addEventListener("mousedown", onDocumentPointerDown, true);
-		document.addEventListener("touchstart", onDocumentPointerDown, true);
-		document.addEventListener("keydown", onDocumentKeydown);
-		onCleanup(() => {
-			document.removeEventListener("click", onDocumentClick, true);
-			document.removeEventListener("mousedown", onDocumentPointerDown, true);
-			document.removeEventListener("touchstart", onDocumentPointerDown, true);
-			document.removeEventListener("keydown", onDocumentKeydown);
-		});
-	}, {
-		flush: "sync",
-		immediate: true
+		isDisabled,
+		onTriggerClick,
+		onDocumentClick,
+		onDocumentPointerDown,
+		onDocumentKeydown
 	});
 	return {
 		rootRef,
@@ -295,10 +293,9 @@ function usePopover(props, emitOpenChange) {
 }
 //#endregion
 //#region src/components/popover/popover.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<span data-v-8af57bff class=rp-popover__arrow aria-hidden=true>");
-var t1 = template("<section data-v-8af57bff>");
-var t2 = template("<span data-v-8af57bff>", 1);
-delegateEvents("focusout");
+var t0 = template("<span data-v-519e9856 class=rp-popover__arrow aria-hidden=true>");
+var t1 = template("<section data-v-519e9856>");
+var t2 = template("<span data-v-519e9856>", 1);
 //#endregion
 //#region src/components/popover/popover.vue
 var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -377,12 +374,17 @@ var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		const { rootRef, contentRef, arrowRef, popoverId, isDisabled, isTargetMode, popoverRole, ariaLabel, ariaLabelledby, ariaDescribedby, shouldRenderContent, shouldShowContent, rootClass, contentStyle, slotProps, contentSlotProps, actualPlacement, placementSide, arrowStyle, teleportTo, onCompositeFocusout } = usePopover(props, (open) => {
 			emit("update:open", open);
 		});
+		const templateRefs = {
+			root: rootRef,
+			content: contentRef,
+			arrow: arrowRef
+		};
 		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
 		const publicRootAttrs = computed(() => getRootAttrs({
 			class: rootClass.value,
 			onFocusout: onCompositeFocusout,
 			"data-state": slotProps.value.isOpen ? "open" : "closed",
-			"data-disabled": presence(isDisabled.value)
+			"data-disabled": toPresenceAttribute(isDisabled.value)
 		}, {}, ["onFocusout"]));
 		const styledTriggerProps = computed(() => {
 			const partAttrs = getPartAttrs("trigger");
@@ -391,7 +393,7 @@ var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				...props.classNames?.trigger !== void 0 ? { class: partAttrs.class } : {},
 				...props.styles?.trigger !== void 0 ? { style: partAttrs.style } : {},
 				"data-state": slotProps.value.isOpen ? "open" : "closed",
-				"data-disabled": presence(isDisabled.value)
+				"data-disabled": toPresenceAttribute(isDisabled.value)
 			};
 		});
 		const contentAttrs = computed(() => ({
@@ -455,23 +457,23 @@ var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 					setInsertionState(n13, null, 1);
 					createIf(() => __props.arrow, () => {
 						const n12 = t0();
-						_setTemplateRef(n12, arrowRef, null, "arrowRef");
 						renderEffect(() => {
 							setAttr(n12, "data-side", unref(placementSide));
 							setStyle(n12, unref(arrowStyle));
+							_setTemplateRef(n12, templateRefs.arrow);
 						});
 						return n12;
 					});
 					applyVShow(n13, () => unref(shouldShowContent));
-					n13.$evtfocusout = createInvoker((e) => unref(onCompositeFocusout)(e));
-					_setTemplateRef(n13, contentRef, null, "contentRef");
+					on(n13, "focusout", (e) => unref(onCompositeFocusout)(e));
+					setTemplateRefBinding(n13, () => templateRefs.content, _setTemplateRef);
 					return n13;
 				}, null, 129);
 			}, { _: 8 }));
 		});
-		setStaticTemplateRef(n16, rootRef, null, "rootRef");
+		setTemplateRefBinding(n16, () => templateRefs.root);
 		return n16;
 	}
-}), [["__scopeId", "data-v-8af57bff"]]);
+}), [["__scopeId", "data-v-519e9856"]]);
 //#endregion
 export { popover_default as t };

package/dist/progress.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-progress[data-v-70bd0dd5] {
+.rp-progress[data-v-4a492ff8] {
     --_rp-progress-color: var(--rp-color-control-selected-bg);
     --_rp-progress-track-bg: var(--rp-color-control-track-bg);
     --_rp-progress-track-height: 8px;
@@ -15,23 +15,23 @@
     font-size: var(--_rp-progress-font-size);
     line-height: var(--rp-line-height-md);
 }
-.rp-progress__header[data-v-70bd0dd5] {
+.rp-progress__header[data-v-4a492ff8] {
     display: flex;
     align-items: center;
     justify-content: space-between;
     min-width: 0;
     gap: var(--rp-spacing-3);
 }
-.rp-progress__label[data-v-70bd0dd5] {
+.rp-progress__label[data-v-4a492ff8] {
     min-width: 0;
     color: var(--rp-color-text);
 }
-.rp-progress__value[data-v-70bd0dd5] {
+.rp-progress__value[data-v-4a492ff8] {
     flex-shrink: 0;
     color: var(--rp-color-dimmed);
     font-variant-numeric: tabular-nums;
 }
-.rp-progress__track[data-v-70bd0dd5] {
+.rp-progress__track[data-v-4a492ff8] {
     position: relative;
     display: block;
     width: 100%;
@@ -40,7 +40,7 @@
     background: var(--_rp-progress-track-bg);
     border-radius: var(--_rp-progress-radius);
 }
-.rp-progress__indicator[data-v-70bd0dd5] {
+.rp-progress__indicator[data-v-4a492ff8] {
     display: block;
     width: var(--_rp-progress-value);
     height: 100%;
@@ -48,54 +48,62 @@
     border-radius: inherit;
     transition: width var(--rp-transition-base);
 }
-.rp-progress--indeterminate .rp-progress__indicator[data-v-70bd0dd5] {
+.rp-progress--indeterminate .rp-progress__indicator[data-v-4a492ff8] {
     position: absolute;
     width: 38%;
     min-width: 2rem;
-    animation: rp-progress-indeterminate-70bd0dd5 1200ms ease-in-out infinite;
+    animation: rp-progress-indeterminate-4a492ff8 1200ms ease-in-out infinite;
 }
-.rp-progress--size-xs[data-v-70bd0dd5] {
+.rp-progress--size-xs[data-v-4a492ff8] {
     --_rp-progress-track-height: 3px;
     --_rp-progress-font-size: var(--rp-font-size-xs);
 }
-.rp-progress--size-sm[data-v-70bd0dd5] {
+.rp-progress--size-sm[data-v-4a492ff8] {
     --_rp-progress-track-height: 5px;
     --_rp-progress-font-size: var(--rp-font-size-sm);
 }
-.rp-progress--size-md[data-v-70bd0dd5] {
+.rp-progress--size-md[data-v-4a492ff8] {
     --_rp-progress-track-height: 8px;
     --_rp-progress-font-size: var(--rp-font-size-md);
 }
-.rp-progress--size-lg[data-v-70bd0dd5] {
+.rp-progress--size-lg[data-v-4a492ff8] {
     --_rp-progress-track-height: 12px;
     --_rp-progress-font-size: var(--rp-font-size-lg);
 }
-.rp-progress--size-xl[data-v-70bd0dd5] {
+.rp-progress--size-xl[data-v-4a492ff8] {
     --_rp-progress-track-height: 16px;
     --_rp-progress-font-size: var(--rp-font-size-xl);
 }
-.rp-progress--radius-none[data-v-70bd0dd5] {
+.rp-progress--radius-none[data-v-4a492ff8] {
     --_rp-progress-radius: var(--rp-radius-none);
 }
-.rp-progress--radius-xs[data-v-70bd0dd5] {
+.rp-progress--radius-xs[data-v-4a492ff8] {
     --_rp-progress-radius: var(--rp-radius-xs);
 }
-.rp-progress--radius-sm[data-v-70bd0dd5] {
+.rp-progress--radius-sm[data-v-4a492ff8] {
     --_rp-progress-radius: var(--rp-radius-sm);
 }
-.rp-progress--radius-md[data-v-70bd0dd5] {
+.rp-progress--radius-md[data-v-4a492ff8] {
     --_rp-progress-radius: var(--rp-radius-md);
 }
-.rp-progress--radius-lg[data-v-70bd0dd5] {
+.rp-progress--radius-lg[data-v-4a492ff8] {
     --_rp-progress-radius: var(--rp-radius-lg);
 }
-.rp-progress--radius-xl[data-v-70bd0dd5] {
+.rp-progress--radius-xl[data-v-4a492ff8] {
     --_rp-progress-radius: var(--rp-radius-xl);
 }
-.rp-progress--radius-full[data-v-70bd0dd5] {
+.rp-progress--radius-full[data-v-4a492ff8] {
     --_rp-progress-radius: var(--rp-radius-full);
 }
-@keyframes rp-progress-indeterminate-70bd0dd5 {
+@media (prefers-reduced-motion: reduce) {
+.rp-progress__indicator[data-v-4a492ff8] {
+      transition: none;
+}
+.rp-progress--indeterminate .rp-progress__indicator[data-v-4a492ff8] {
+      animation: none;
+}
+}
+@keyframes rp-progress-indeterminate-4a492ff8 {
 0% {
       transform: translateX(-110%);
 }

package/dist/progress.js

@@ -1,11 +1,12 @@
 import './progress.css';
+import { t as useStylesApi } from "./styles-api.js";
 import { t as bem } from "./bem.js";
-import { n as useStylesApi } from "./styles-api.js";
-import { n as getComponentColorValue, t as componentColors } from "./componentColors.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as getValuePercent, t as clamp } from "./number.js";
+import { i as getComponentColorValue, t as componentColors } from "./componentColors.js";
 import { t as useControlState } from "./useControlState.js";
-import { child, computed, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, unref } from "vue";
-//#region src/components/progress/useProgress.ts
+import { child, computed, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, unref, useId, useSlots } from "vue";
+//#region src/components/progress/progressModel.ts
 function normalizeProgressBounds(min, max) {
 	const safeMin = Number.isFinite(min) ? min : 0;
 	const safeMax = Number.isFinite(max) ? max : 100;
@@ -18,15 +19,9 @@ function normalizeProgressBounds(min, max) {
 	};
 }
 function normalizeProgressValue(value, min, max) {
-	const safeValue = Number.isFinite(value) ? Number(value) : min;
-	return Math.min(max, Math.max(min, safeValue));
-}
-function getProgressValuePercent(value, min, max) {
-	if (max <= min) return 0;
-	const percent = (value - min) / (max - min) * 100;
-	return Math.min(100, Math.max(0, percent));
+	return clamp(Number.isFinite(value) ? Number(value) : min, min, max);
 }
-function getFormattedProgressValue(value, percent, formatter) {
+function formatProgressValue(value, percent, formatter) {
 	return formatter ? formatter(value, percent) : `${Math.round(percent)}%`;
 }
 function getProgressAriaValueText(value, percent, ariaValueText, formatter) {
@@ -34,13 +29,15 @@ function getProgressAriaValueText(value, percent, ariaValueText, formatter) {
 	if (ariaValueText != null && ariaValueText !== "") return String(ariaValueText);
 	if (formatter) return String(formatter(value, percent));
 }
+//#endregion
+//#region src/components/progress/useProgress.ts
 function useProgress(props) {
 	const control = useControlState(props);
 	const bounds = computed(() => normalizeProgressBounds(props.min, props.max));
 	const isIndeterminate = computed(() => props.indeterminate || props.value == null);
 	const normalizedValue = computed(() => normalizeProgressValue(props.value, bounds.value.min, bounds.value.max));
-	const valuePercent = computed(() => getProgressValuePercent(normalizedValue.value, bounds.value.min, bounds.value.max));
-	const formattedValue = computed(() => getFormattedProgressValue(normalizedValue.value, valuePercent.value, props.formatValue));
+	const valuePercent = computed(() => getValuePercent(normalizedValue.value, bounds.value.min, bounds.value.max));
+	const formattedValue = computed(() => formatProgressValue(normalizedValue.value, valuePercent.value, props.formatValue));
 	const ariaValueText = computed(() => isIndeterminate.value ? void 0 : getProgressAriaValueText(normalizedValue.value, valuePercent.value, props.ariaValueText, props.formatValue));
 	return {
 		control,
@@ -70,10 +67,10 @@ function useProgress(props) {
 }
 //#endregion
 //#region src/components/progress/progress.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<span data-v-70bd0dd5>");
+var t0 = template("<span data-v-4a492ff8>");
 var t1 = template(" ");
-var t2 = template("<span data-v-70bd0dd5 class=rp-progress__header>");
-var t3 = template("<div data-v-70bd0dd5><span data-v-70bd0dd5><span data-v-70bd0dd5>", 1);
+var t2 = template("<span data-v-4a492ff8 class=rp-progress__header>");
+var t3 = template("<div data-v-4a492ff8><span data-v-4a492ff8><span data-v-4a492ff8>", 1);
 //#endregion
 //#region src/components/progress/progress.vue
 var progress_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -106,16 +103,23 @@ var progress_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	},
 	setup(__props, { slots: $slots }) {
 		const props = __props;
+		const slots = useSlots();
+		const labelId = `${useId()}-label`;
 		const { control, rootClass, rootStyle, isIndeterminate, normalizedValue, valuePercent, formattedValue, ariaValueText, ariaValueMin, ariaValueMax, ariaValueNow } = useProgress(props);
 		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
+		const ariaLabel = computed(() => props.ariaLabel?.trim() || void 0);
+		const ariaLabelledby = computed(() => {
+			if (ariaLabel.value) return void 0;
+			return control.ariaLabelledby || (slots.default ? labelId : void 0);
+		});
 		const rootAttrs = computed(() => getRootAttrs({
 			id: control.id,
 			class: rootClass.value,
 			style: rootStyle.value,
 			role: "progressbar",
 			"data-state": isIndeterminate.value ? "indeterminate" : "determinate",
-			"aria-label": props.ariaLabel || void 0,
-			"aria-labelledby": control.ariaLabelledby,
+			"aria-label": ariaLabel.value,
+			"aria-labelledby": ariaLabelledby.value,
 			"aria-describedby": control.ariaDescribedby,
 			"aria-valuemin": ariaValueMin.value,
 			"aria-valuemax": ariaValueMax.value,
@@ -132,7 +136,7 @@ var progress_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			setInsertionState(n14, null, 0);
 			createIf(() => $slots.default, () => {
 				const n5 = t0();
-				renderEffect(() => setDynamicProps(n5, [unref(getPartAttrs)("label", { class: "rp-progress__label" })]));
+				renderEffect(() => setDynamicProps(n5, [{ id: labelId }, unref(getPartAttrs)("label", { class: "rp-progress__label" })]));
 				setInsertionState(n5, null, 0);
 				createSlot("default", null, null, 1);
 				return n5;
@@ -164,7 +168,7 @@ var progress_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		});
 		return n17;
 	}
-}), [["__scopeId", "data-v-70bd0dd5"]]);
+}), [["__scopeId", "data-v-4a492ff8"]]);
 //#endregion
 //#region src/components/progress/types.ts
 var progressParts = [

package/dist/query.js

@@ -0,0 +1,40 @@
+//#region src/utils/dom/query.ts
+function isElement(value) {
+	if (value == null || typeof value !== "object") return false;
+	if (typeof Element !== "undefined" && value instanceof Element) return true;
+	const candidate = value;
+	const ElementConstructor = ("ownerDocument" in value ? candidate.ownerDocument : null)?.defaultView?.Element;
+	if (ElementConstructor && value instanceof ElementConstructor) return true;
+	return candidate.nodeType === 1 && typeof candidate.getAttribute === "function";
+}
+function matchesSelectorSafe(element, selector) {
+	try {
+		return element.matches(selector);
+	} catch {
+		return false;
+	}
+}
+function getQueryRoot(root) {
+	if (root !== void 0) return root;
+	return typeof document !== "undefined" ? document : null;
+}
+function querySelectorSafe(selector, root) {
+	const queryRoot = getQueryRoot(root);
+	if (!queryRoot) return null;
+	try {
+		return queryRoot.querySelector(selector);
+	} catch {
+		return null;
+	}
+}
+function querySelectorAllSafe(selector, root) {
+	const queryRoot = getQueryRoot(root);
+	if (!queryRoot) return [];
+	try {
+		return Array.from(queryRoot.querySelectorAll(selector));
+	} catch {
+		return [];
+	}
+}
+//#endregion
+export { querySelectorSafe as i, matchesSelectorSafe as n, querySelectorAllSafe as r, isElement as t };