ropav 0.0.6 → 0.0.7

package/dist/popover.css

@@ -0,0 +1,75 @@
+.rp-popover[data-v-afdc2686] {
+  --_rp-popover-main-axis-offset: var(--rp-spacing-2);
+  --_rp-popover-cross-axis-offset: 0px;
+  --_rp-popover-radius: var(--rp-radius-sm);
+  position: relative;
+  display: inline-flex;
+  font-family: var(--rp-font-family);
+  vertical-align: middle;
+}
+.rp-popover__content[data-v-afdc2686] {
+  position: absolute;
+  z-index: 100;
+  box-sizing: border-box;
+  min-width: 180px;
+  max-width: min(24rem, 100vw - var(--rp-spacing-6));
+  padding: var(--rp-spacing-4);
+  color: var(--rp-color-text);
+  font-size: var(--rp-font-size-base);
+  line-height: var(--rp-line-height-normal);
+  overflow-wrap: anywhere;
+  background-color: var(--rp-color-surface-raised);
+  border: var(--rp-border-width-thin) solid var(--rp-color-border);
+  border-radius: var(--_rp-popover-radius);
+  box-shadow: var(--rp-shadow-base);
+}
+.rp-popover--placement-top .rp-popover__content[data-v-afdc2686] {
+  bottom: calc(100% + var(--_rp-popover-main-axis-offset));
+  left: calc(50% + var(--_rp-popover-cross-axis-offset));
+  translate: -50% 0;
+}
+.rp-popover--placement-right .rp-popover__content[data-v-afdc2686] {
+  top: calc(50% + var(--_rp-popover-cross-axis-offset));
+  left: calc(100% + var(--_rp-popover-main-axis-offset));
+  translate: 0 -50%;
+}
+.rp-popover--placement-bottom .rp-popover__content[data-v-afdc2686] {
+  top: calc(100% + var(--_rp-popover-main-axis-offset));
+  left: calc(50% + var(--_rp-popover-cross-axis-offset));
+  translate: -50% 0;
+}
+.rp-popover--placement-left .rp-popover__content[data-v-afdc2686] {
+  top: calc(50% + var(--_rp-popover-cross-axis-offset));
+  right: calc(100% + var(--_rp-popover-main-axis-offset));
+  translate: 0 -50%;
+}
+.rp-popover--target[data-v-afdc2686] {
+  display: contents;
+}
+.rp-popover--target .rp-popover__content[data-v-afdc2686] {
+  position: fixed;
+  top: var(--_rp-popover-target-y, 0);
+  right: auto;
+  bottom: auto;
+  left: var(--_rp-popover-target-x, 0);
+}
+.rp-popover--target.rp-popover--placement-top .rp-popover__content[data-v-afdc2686] {
+  translate: calc(-50% + var(--_rp-popover-cross-axis-offset)) calc(-100% - var(--_rp-popover-main-axis-offset));
+}
+.rp-popover--target.rp-popover--placement-right .rp-popover__content[data-v-afdc2686] {
+  translate: var(--_rp-popover-main-axis-offset) calc(-50% + var(--_rp-popover-cross-axis-offset));
+}
+.rp-popover--target.rp-popover--placement-bottom .rp-popover__content[data-v-afdc2686] {
+  translate: calc(-50% + var(--_rp-popover-cross-axis-offset)) var(--_rp-popover-main-axis-offset);
+}
+.rp-popover--target.rp-popover--placement-left .rp-popover__content[data-v-afdc2686] {
+  translate: calc(-100% - var(--_rp-popover-main-axis-offset)) calc(-50% + var(--_rp-popover-cross-axis-offset));
+}
+.rp-popover-content-enter-active[data-v-afdc2686],
+.rp-popover-content-leave-active[data-v-afdc2686] {
+  transition: opacity var(--rp-transition-fast);
+}
+.rp-popover-content-enter-from[data-v-afdc2686],
+.rp-popover-content-leave-to[data-v-afdc2686] {
+  opacity: 0;
+}

package/dist/popover.js

@@ -0,0 +1,367 @@
+import './popover.css';
+import { t as bem } from "./bem.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { VaporTransition, applyVShow, computed, createComponent, createIf, createSlot, defineVaporComponent, extend, isRef, onMounted, ref, renderEffect, setClass, setInsertionState, setProp, setStaticTemplateRef, setStyle, template, unref, useId, useSlots, watch } from "vue";
+//#region src/components/popover/usePopover.ts
+var DEFAULT_PLACEMENT = "bottom";
+var DEFAULT_ROLE = "dialog";
+var TARGET_ATTRIBUTES = [
+	"aria-controls",
+	"aria-expanded",
+	"aria-haspopup"
+];
+function isHTMLElement(value) {
+	return typeof HTMLElement !== "undefined" && value instanceof HTMLElement;
+}
+function getTargetPosition(rect, placement) {
+	const centerX = rect.left + rect.width / 2;
+	const centerY = rect.top + rect.height / 2;
+	switch (placement) {
+		case "right": return {
+			x: rect.right,
+			y: centerY
+		};
+		case "bottom": return {
+			x: centerX,
+			y: rect.bottom
+		};
+		case "left": return {
+			x: rect.left,
+			y: centerY
+		};
+		default: return {
+			x: centerX,
+			y: rect.top
+		};
+	}
+}
+function setPixelVar(style, variable, value) {
+	if (value != null) style[variable] = `${value}px`;
+}
+function styleOrUndefined(style) {
+	return Object.keys(style).length > 0 ? style : void 0;
+}
+function resolveOffsetStyle(offset) {
+	if (offset == null) return void 0;
+	const style = {};
+	if (typeof offset === "number") {
+		setPixelVar(style, "--_rp-popover-main-axis-offset", offset);
+		return style;
+	}
+	setPixelVar(style, "--_rp-popover-main-axis-offset", offset.mainAxis);
+	setPixelVar(style, "--_rp-popover-cross-axis-offset", offset.crossAxis);
+	return styleOrUndefined(style);
+}
+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-expanded", String(options.expanded));
+	element.setAttribute("aria-haspopup", options.role);
+}
+function resolveTargetElement(target) {
+	if (!target) return null;
+	if (typeof target !== "string") return isHTMLElement(target) ? target : null;
+	if (typeof document === "undefined") return null;
+	try {
+		const element = document.querySelector(target);
+		return isHTMLElement(element) ? element : null;
+	} catch {
+		return null;
+	}
+}
+function usePopover(props, emitOpenChange) {
+	const slots = useSlots();
+	const generatedId = useId();
+	const rootRef = ref(null);
+	const targetElement = ref(null);
+	const targetPosition = ref(null);
+	const uncontrolledOpen = ref(false);
+	const popoverId = computed(() => props.id ?? `${generatedId}-popover`);
+	const placement = computed(() => props.placement ?? DEFAULT_PLACEMENT);
+	const popoverRole = computed(() => props.role ?? DEFAULT_ROLE);
+	const isTargetMode = computed(() => props.target != null && props.target !== "");
+	const hasContent = computed(() => Boolean(slots.content || isTargetMode.value && slots.default));
+	const isDisabled = computed(() => Boolean(props.disabled || !hasContent.value));
+	const isOpen = computed(() => props.open ?? uncontrolledOpen.value);
+	const isVisible = computed(() => isOpen.value && !isDisabled.value);
+	const shouldRenderContent = computed(() => !isDisabled.value);
+	const shouldWireTarget = computed(() => isTargetMode.value && !isDisabled.value);
+	const rootClass = computed(() => bem("rp-popover", {
+		[`placement-${placement.value}`]: true,
+		target: isTargetMode.value,
+		open: isVisible.value,
+		disabled: props.disabled
+	}));
+	const contentStyle = computed(() => {
+		const style = { ...resolveOffsetStyle(props.offset) };
+		if (isTargetMode.value && targetPosition.value) {
+			setPixelVar(style, "--_rp-popover-target-x", targetPosition.value.x);
+			setPixelVar(style, "--_rp-popover-target-y", targetPosition.value.y);
+		}
+		return styleOrUndefined(style);
+	});
+	const triggerProps = computed(() => ({
+		"aria-controls": isDisabled.value ? void 0 : popoverId.value,
+		"aria-expanded": isDisabled.value ? void 0 : isVisible.value,
+		"aria-haspopup": isDisabled.value ? void 0 : popoverRole.value,
+		onClick: onTriggerClick,
+		onKeydown: onTriggerKeydown
+	}));
+	const contentSlotProps = computed(() => ({
+		isOpen: isVisible.value,
+		open: openPopover,
+		close: closePopover,
+		toggle: togglePopover
+	}));
+	const slotProps = computed(() => ({
+		triggerProps: triggerProps.value,
+		...contentSlotProps.value
+	}));
+	function setOpen(nextOpen) {
+		const previousOpen = isOpen.value;
+		if (props.open === void 0) uncontrolledOpen.value = nextOpen;
+		if (previousOpen !== nextOpen) emitOpenChange?.(nextOpen);
+	}
+	function openPopover() {
+		if (isDisabled.value) return;
+		updateTargetPosition();
+		setOpen(true);
+	}
+	function closePopover() {
+		setOpen(false);
+	}
+	function togglePopover() {
+		if (isVisible.value) closePopover();
+		else openPopover();
+	}
+	function onTriggerClick() {
+		togglePopover();
+	}
+	function onTriggerKeydown(event) {
+		if (event.key !== "Escape") return;
+		event.stopPropagation();
+		closePopover();
+	}
+	function onTargetClick() {
+		togglePopover();
+	}
+	function readTarget() {
+		return isRef(props.target) ? props.target.value : props.target;
+	}
+	function updateTargetPosition() {
+		if (!isTargetMode.value || !targetElement.value) {
+			targetPosition.value = null;
+			return;
+		}
+		targetPosition.value = getTargetPosition(targetElement.value.getBoundingClientRect(), placement.value);
+	}
+	function isEventInsidePopover(event) {
+		const eventTarget = event.target;
+		if (typeof Node === "undefined" || !(eventTarget instanceof Node)) return false;
+		return Boolean(rootRef.value?.contains(eventTarget) || targetElement.value?.contains(eventTarget));
+	}
+	function onDocumentClick(event) {
+		if (props.closeOnOutsideClick === false || isEventInsidePopover(event)) return;
+		closePopover();
+	}
+	function onDocumentKeydown(event) {
+		if (props.closeOnEscape === false || event.key !== "Escape") return;
+		closePopover();
+	}
+	function syncTargetElement() {
+		const nextTarget = isTargetMode.value ? resolveTargetElement(readTarget()) : null;
+		if (targetElement.value !== nextTarget) targetElement.value = nextTarget;
+		if (!nextTarget) {
+			targetPosition.value = null;
+			return;
+		}
+		if (isVisible.value) updateTargetPosition();
+	}
+	watch(isDisabled, (disabled) => {
+		if (disabled) closePopover();
+	});
+	watch(() => readTarget(), () => syncTargetElement(), { flush: "post" });
+	watch([shouldWireTarget, targetElement], ([shouldWire, target], _previous, onCleanup) => {
+		if (!shouldWire || !target) return;
+		target.addEventListener("click", onTargetClick);
+		onCleanup(() => {
+			target.removeEventListener("click", onTargetClick);
+		});
+	}, { flush: "sync" });
+	watch([
+		shouldWireTarget,
+		targetElement,
+		popoverId,
+		popoverRole,
+		isVisible
+	], ([shouldWire, target], _previous, onCleanup) => {
+		if (!shouldWire || !target) return;
+		const snapshot = snapshotAttributes(target);
+		applyTargetAttributes(target, snapshot, {
+			id: popoverId.value,
+			expanded: isVisible.value,
+			role: popoverRole.value
+		});
+		onCleanup(() => {
+			restoreAttributes(target, snapshot);
+		});
+	}, { flush: "sync" });
+	watch([
+		isVisible,
+		isTargetMode,
+		targetElement
+	], ([visible, targetMode, target], _previous, onCleanup) => {
+		if (!visible || !targetMode || !target || typeof window === "undefined") return;
+		window.addEventListener("resize", updateTargetPosition);
+		window.addEventListener("scroll", updateTargetPosition, true);
+		onCleanup(() => {
+			window.removeEventListener("resize", updateTargetPosition);
+			window.removeEventListener("scroll", updateTargetPosition, true);
+		});
+	}, { flush: "sync" });
+	watch(isVisible, (visible, _previous, onCleanup) => {
+		if (!visible || typeof document === "undefined") return;
+		document.addEventListener("click", onDocumentClick, true);
+		document.addEventListener("keydown", onDocumentKeydown);
+		onCleanup(() => {
+			document.removeEventListener("click", onDocumentClick, true);
+			document.removeEventListener("keydown", onDocumentKeydown);
+		});
+	}, {
+		flush: "sync",
+		immediate: true
+	});
+	watch([
+		targetElement,
+		placement,
+		isVisible
+	], () => {
+		if (isVisible.value) updateTargetPosition();
+	}, { flush: "sync" });
+	onMounted(syncTargetElement);
+	return {
+		rootRef,
+		popoverId,
+		isOpen,
+		isVisible,
+		isTargetMode,
+		popoverRole,
+		shouldRenderContent,
+		rootClass,
+		contentStyle,
+		triggerProps,
+		slotProps,
+		contentSlotProps,
+		openPopover,
+		closePopover,
+		togglePopover,
+		onTriggerKeydown
+	};
+}
+//#endregion
+//#region src/components/popover/popover.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var t0 = template("<section data-v-afdc2686 class=rp-popover__content>");
+var t1 = template("<span data-v-afdc2686>", 1);
+//#endregion
+//#region src/components/popover/popover.vue
+var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
+	name: "RpPopover",
+	__name: "popover",
+	props: {
+		id: {},
+		target: {},
+		placement: { default: "bottom" },
+		offset: {},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		role: { default: "dialog" },
+		closeOnOutsideClick: {
+			type: Boolean,
+			default: true
+		},
+		closeOnEscape: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { rootRef, popoverId, isVisible, isTargetMode, popoverRole, shouldRenderContent, rootClass, contentStyle, slotProps, contentSlotProps } = usePopover(props, (open) => {
+			emit("update:open", open);
+		});
+		const n12 = t1();
+		renderEffect(() => setClass(n12, unref(rootClass)));
+		setInsertionState(n12, null, 0);
+		createIf(() => !unref(isTargetMode), () => {
+			return createSlot("default", {
+				triggerProps: () => unref(slotProps).triggerProps,
+				isOpen: () => unref(slotProps).isOpen,
+				open: () => unref(slotProps).open,
+				close: () => unref(slotProps).close,
+				toggle: () => unref(slotProps).toggle
+			}, null, 1);
+		});
+		setInsertionState(n12, null, 1);
+		createComponent(VaporTransition, {
+			name: "rp-popover-content",
+			persisted: ""
+		}, extend(() => {
+			return createIf(() => unref(shouldRenderContent), () => {
+				const n10 = t0();
+				renderEffect(() => {
+					setProp(n10, "id", unref(popoverId));
+					setProp(n10, "role", unref(popoverRole));
+					setStyle(n10, unref(contentStyle));
+				});
+				setInsertionState(n10, null, 0);
+				createSlot("content", {
+					isOpen: () => unref(contentSlotProps).isOpen,
+					open: () => unref(contentSlotProps).open,
+					close: () => unref(contentSlotProps).close,
+					toggle: () => unref(contentSlotProps).toggle
+				}, () => {
+					return createIf(() => unref(isTargetMode), () => {
+						return createSlot("default", {
+							isOpen: () => unref(contentSlotProps).isOpen,
+							open: () => unref(contentSlotProps).open,
+							close: () => unref(contentSlotProps).close,
+							toggle: () => unref(contentSlotProps).toggle
+						}, null, 1);
+					}, null, 129);
+				}, 1);
+				applyVShow(n10, () => unref(isVisible));
+				return n10;
+			}, null, 129);
+		}, { _: 8 }));
+		setStaticTemplateRef(n12, rootRef, null, "rootRef");
+		return n12;
+	}
+}), [["__scopeId", "data-v-afdc2686"]]);
+//#endregion
+export { popover_default as t };
+
+//# sourceMappingURL=popover.js.map

package/dist/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":[],"sources":["../src/components/popover/usePopover.ts","../src/components/popover/popover.vue","../src/components/popover/popover.vue"],"sourcesContent":["import { computed, isRef, onMounted, ref, useId, useSlots, watch, type CSSProperties } from 'vue';\nimport { bem } from '@/utils/bem';\nimport type {\n    PopoverContentSlotProps,\n    PopoverOffset,\n    PopoverPlacement,\n    PopoverProps,\n    PopoverRole,\n    PopoverSlotProps,\n    PopoverTriggerProps,\n} from './types';\n\ninterface PopoverPosition {\n    x: number;\n    y: number;\n}\n\ntype PopoverCssVariable =\n    | '--_rp-popover-main-axis-offset'\n    | '--_rp-popover-cross-axis-offset'\n    | '--_rp-popover-target-x'\n    | '--_rp-popover-target-y';\n\nconst DEFAULT_PLACEMENT: PopoverPlacement = 'bottom';\nconst DEFAULT_ROLE: PopoverRole = 'dialog';\nconst TARGET_ATTRIBUTES = ['aria-controls', 'aria-expanded', 'aria-haspopup'] as const;\n\ntype TargetAttribute = (typeof TARGET_ATTRIBUTES)[number];\n\nfunction isHTMLElement(value: unknown): value is HTMLElement {\n    return typeof HTMLElement !== 'undefined' && value instanceof HTMLElement;\n}\n\nfunction getTargetPosition(rect: DOMRect, placement: PopoverPlacement): PopoverPosition {\n    const centerX = rect.left + rect.width / 2;\n    const centerY = rect.top + rect.height / 2;\n\n    switch (placement) {\n        case 'right':\n            return { x: rect.right, y: centerY };\n        case 'bottom':\n            return { x: centerX, y: rect.bottom };\n        case 'left':\n            return { x: rect.left, y: centerY };\n        case 'top':\n        default:\n            return { x: centerX, y: rect.top };\n    }\n}\n\nfunction setPixelVar(\n    style: CSSProperties,\n    variable: PopoverCssVariable,\n    value: number | undefined,\n) {\n    if (value != null) style[variable] = `${value}px`;\n}\n\nfunction styleOrUndefined(style: CSSProperties): CSSProperties | undefined {\n    return Object.keys(style).length > 0 ? style : undefined;\n}\n\nfunction resolveOffsetStyle(offset: PopoverOffset | undefined): CSSProperties | undefined {\n    if (offset == null) return undefined;\n\n    const style: CSSProperties = {};\n\n    if (typeof offset === 'number') {\n        setPixelVar(style, '--_rp-popover-main-axis-offset', offset);\n        return style;\n    }\n\n    setPixelVar(style, '--_rp-popover-main-axis-offset', offset.mainAxis);\n    setPixelVar(style, '--_rp-popover-cross-axis-offset', offset.crossAxis);\n\n    return styleOrUndefined(style);\n}\n\nfunction addIdReference(currentValue: string | null, id: string) {\n    const ids = (currentValue ?? '').split(/\\s+/).filter(Boolean);\n    if (!ids.includes(id)) ids.push(id);\n    return ids.join(' ');\n}\n\nfunction snapshotAttributes(element: HTMLElement) {\n    const snapshot = {} as Record<TargetAttribute, string | null>;\n\n    for (const attribute of TARGET_ATTRIBUTES) {\n        snapshot[attribute] = element.getAttribute(attribute);\n    }\n\n    return snapshot;\n}\n\nfunction restoreAttributes(element: HTMLElement, snapshot: Record<TargetAttribute, string | null>) {\n    for (const attribute of TARGET_ATTRIBUTES) {\n        const value = snapshot[attribute];\n        if (value == null) element.removeAttribute(attribute);\n        else element.setAttribute(attribute, value);\n    }\n}\n\nfunction applyTargetAttributes(\n    element: HTMLElement,\n    snapshot: Record<TargetAttribute, string | null>,\n    options: {\n        id: string;\n        expanded: boolean;\n        role: PopoverRole;\n    },\n) {\n    element.setAttribute('aria-controls', addIdReference(snapshot['aria-controls'], options.id));\n    element.setAttribute('aria-expanded', String(options.expanded));\n    element.setAttribute('aria-haspopup', options.role);\n}\n\nfunction resolveTargetElement(target: string | HTMLElement | null | undefined): HTMLElement | null {\n    if (!target) return null;\n\n    if (typeof target !== 'string') return isHTMLElement(target) ? target : null;\n    if (typeof document === 'undefined') return null;\n\n    try {\n        const element = document.querySelector(target);\n        return isHTMLElement(element) ? element : null;\n    } catch {\n        return null;\n    }\n}\n\nexport function usePopover(\n    props: Readonly<PopoverProps>,\n    emitOpenChange?: (open: boolean) => void,\n) {\n    const slots = useSlots();\n    const generatedId = useId();\n    const rootRef = ref<HTMLElement | null>(null);\n    const targetElement = ref<HTMLElement | null>(null);\n    const targetPosition = ref<PopoverPosition | null>(null);\n    const uncontrolledOpen = ref(false);\n\n    const popoverId = computed(() => props.id ?? `${generatedId}-popover`);\n    const placement = computed(() => props.placement ?? DEFAULT_PLACEMENT);\n    const popoverRole = computed(() => props.role ?? DEFAULT_ROLE);\n    const isTargetMode = computed(() => props.target != null && props.target !== '');\n    const hasContent = computed(() =>\n        Boolean(slots.content || (isTargetMode.value && slots.default)),\n    );\n    const isDisabled = computed(() => Boolean(props.disabled || !hasContent.value));\n    const isOpen = computed(() => props.open ?? uncontrolledOpen.value);\n    const isVisible = computed(() => isOpen.value && !isDisabled.value);\n    const shouldRenderContent = computed(() => !isDisabled.value);\n    const shouldWireTarget = computed(() => isTargetMode.value && !isDisabled.value);\n\n    const rootClass = computed(() =>\n        bem('rp-popover', {\n            [`placement-${placement.value}`]: true,\n            target: isTargetMode.value,\n            open: isVisible.value,\n            disabled: props.disabled,\n        }),\n    );\n\n    const contentStyle = computed<CSSProperties | undefined>(() => {\n        const style: CSSProperties = {\n            ...resolveOffsetStyle(props.offset),\n        };\n\n        if (isTargetMode.value && targetPosition.value) {\n            setPixelVar(style, '--_rp-popover-target-x', targetPosition.value.x);\n            setPixelVar(style, '--_rp-popover-target-y', targetPosition.value.y);\n        }\n\n        return styleOrUndefined(style);\n    });\n\n    const triggerProps = computed<PopoverTriggerProps>(() => ({\n        'aria-controls': isDisabled.value ? undefined : popoverId.value,\n        'aria-expanded': isDisabled.value ? undefined : isVisible.value,\n        'aria-haspopup': isDisabled.value ? undefined : popoverRole.value,\n        onClick: onTriggerClick,\n        onKeydown: onTriggerKeydown,\n    }));\n\n    const contentSlotProps = computed<PopoverContentSlotProps>(() => ({\n        isOpen: isVisible.value,\n        open: openPopover,\n        close: closePopover,\n        toggle: togglePopover,\n    }));\n\n    const slotProps = computed<PopoverSlotProps>(() => ({\n        triggerProps: triggerProps.value,\n        ...contentSlotProps.value,\n    }));\n\n    function setOpen(nextOpen: boolean) {\n        const previousOpen = isOpen.value;\n        if (props.open === undefined) uncontrolledOpen.value = nextOpen;\n        if (previousOpen !== nextOpen) emitOpenChange?.(nextOpen);\n    }\n\n    function openPopover() {\n        if (isDisabled.value) return;\n        updateTargetPosition();\n        setOpen(true);\n    }\n\n    function closePopover() {\n        setOpen(false);\n    }\n\n    function togglePopover() {\n        if (isVisible.value) closePopover();\n        else openPopover();\n    }\n\n    function onTriggerClick() {\n        togglePopover();\n    }\n\n    function onTriggerKeydown(event: KeyboardEvent) {\n        if (event.key !== 'Escape') return;\n        event.stopPropagation();\n        closePopover();\n    }\n\n    function onTargetClick() {\n        togglePopover();\n    }\n\n    function readTarget() {\n        return isRef(props.target) ? props.target.value : props.target;\n    }\n\n    function updateTargetPosition() {\n        if (!isTargetMode.value || !targetElement.value) {\n            targetPosition.value = null;\n            return;\n        }\n\n        targetPosition.value = getTargetPosition(\n            targetElement.value.getBoundingClientRect(),\n            placement.value,\n        );\n    }\n\n    function isEventInsidePopover(event: Event) {\n        const eventTarget = event.target;\n        if (typeof Node === 'undefined' || !(eventTarget instanceof Node)) return false;\n\n        return Boolean(\n            rootRef.value?.contains(eventTarget) || targetElement.value?.contains(eventTarget),\n        );\n    }\n\n    function onDocumentClick(event: MouseEvent) {\n        if (props.closeOnOutsideClick === false || isEventInsidePopover(event)) return;\n        closePopover();\n    }\n\n    function onDocumentKeydown(event: KeyboardEvent) {\n        if (props.closeOnEscape === false || event.key !== 'Escape') return;\n        closePopover();\n    }\n\n    function syncTargetElement() {\n        const nextTarget = isTargetMode.value ? resolveTargetElement(readTarget()) : null;\n\n        if (targetElement.value !== nextTarget) {\n            targetElement.value = nextTarget;\n        }\n\n        if (!nextTarget) {\n            targetPosition.value = null;\n            return;\n        }\n\n        if (isVisible.value) updateTargetPosition();\n    }\n\n    watch(isDisabled, (disabled) => {\n        if (disabled) closePopover();\n    });\n\n    watch(\n        () => readTarget(),\n        () => syncTargetElement(),\n        { flush: 'post' },\n    );\n\n    watch(\n        [shouldWireTarget, targetElement],\n        ([shouldWire, target], _previous, onCleanup) => {\n            if (!shouldWire || !target) return;\n\n            target.addEventListener('click', onTargetClick);\n            onCleanup(() => {\n                target.removeEventListener('click', onTargetClick);\n            });\n        },\n        { flush: 'sync' },\n    );\n\n    watch(\n        [shouldWireTarget, targetElement, popoverId, popoverRole, isVisible],\n        ([shouldWire, target], _previous, onCleanup) => {\n            if (!shouldWire || !target) return;\n\n            const snapshot = snapshotAttributes(target);\n            applyTargetAttributes(target, snapshot, {\n                id: popoverId.value,\n                expanded: isVisible.value,\n                role: popoverRole.value,\n            });\n\n            onCleanup(() => {\n                restoreAttributes(target, snapshot);\n            });\n        },\n        { flush: 'sync' },\n    );\n\n    watch(\n        [isVisible, isTargetMode, targetElement],\n        ([visible, targetMode, target], _previous, onCleanup) => {\n            if (!visible || !targetMode || !target || typeof window === 'undefined') return;\n\n            window.addEventListener('resize', updateTargetPosition);\n            window.addEventListener('scroll', updateTargetPosition, true);\n\n            onCleanup(() => {\n                window.removeEventListener('resize', updateTargetPosition);\n                window.removeEventListener('scroll', updateTargetPosition, true);\n            });\n        },\n        { flush: 'sync' },\n    );\n\n    watch(\n        isVisible,\n        (visible, _previous, onCleanup) => {\n            if (!visible || typeof document === 'undefined') return;\n\n            document.addEventListener('click', onDocumentClick, true);\n            document.addEventListener('keydown', onDocumentKeydown);\n\n            onCleanup(() => {\n                document.removeEventListener('click', onDocumentClick, true);\n                document.removeEventListener('keydown', onDocumentKeydown);\n            });\n        },\n        { flush: 'sync', immediate: true },\n    );\n\n    watch(\n        [targetElement, placement, isVisible],\n        () => {\n            if (isVisible.value) updateTargetPosition();\n        },\n        { flush: 'sync' },\n    );\n\n    onMounted(syncTargetElement);\n\n    return {\n        rootRef,\n        popoverId,\n        isOpen,\n        isVisible,\n        isTargetMode,\n        popoverRole,\n        shouldRenderContent,\n        rootClass,\n        contentStyle,\n        triggerProps,\n        slotProps,\n        contentSlotProps,\n        openPopover,\n        closePopover,\n        togglePopover,\n        onTriggerKeydown,\n    };\n}\n","<template>\n    <span ref=\"rootRef\" :class=\"rootClass\">\n        <slot\n            v-if=\"!isTargetMode\"\n            :trigger-props=\"slotProps.triggerProps\"\n            :is-open=\"slotProps.isOpen\"\n            :open=\"slotProps.open\"\n            :close=\"slotProps.close\"\n            :toggle=\"slotProps.toggle\"\n        />\n\n        <Transition name=\"rp-popover-content\">\n            <section\n                v-if=\"shouldRenderContent\"\n                v-show=\"isVisible\"\n                :id=\"popoverId\"\n                class=\"rp-popover__content\"\n                :role=\"popoverRole\"\n                :style=\"contentStyle\"\n            >\n                <slot\n                    name=\"content\"\n                    :is-open=\"contentSlotProps.isOpen\"\n                    :open=\"contentSlotProps.open\"\n                    :close=\"contentSlotProps.close\"\n                    :toggle=\"contentSlotProps.toggle\"\n                >\n                    <slot\n                        v-if=\"isTargetMode\"\n                        :is-open=\"contentSlotProps.isOpen\"\n                        :open=\"contentSlotProps.open\"\n                        :close=\"contentSlotProps.close\"\n                        :toggle=\"contentSlotProps.toggle\"\n                    />\n                </slot>\n            </section>\n        </Transition>\n    </span>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { usePopover } from './usePopover';\nimport type { PopoverProps } from './types';\n\ndefineOptions({ name: 'RpPopover' });\n\nconst props = withDefaults(defineProps<PopoverProps>(), {\n    placement: 'bottom',\n    open: undefined,\n    disabled: false,\n    role: 'dialog',\n    closeOnOutsideClick: true,\n    closeOnEscape: true,\n});\n\nconst emit = defineEmits<{\n    'update:open': [value: boolean];\n}>();\n\nconst {\n    rootRef,\n    popoverId,\n    isVisible,\n    isTargetMode,\n    popoverRole,\n    shouldRenderContent,\n    rootClass,\n    contentStyle,\n    slotProps,\n    contentSlotProps,\n} = usePopover(props, (open) => {\n    emit('update:open', open);\n});\n\nvoid rootRef;\n</script>\n\n<style src=\"./popover.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <span ref=\"rootRef\" :class=\"rootClass\">\n        <slot\n            v-if=\"!isTargetMode\"\n            :trigger-props=\"slotProps.triggerProps\"\n            :is-open=\"slotProps.isOpen\"\n            :open=\"slotProps.open\"\n            :close=\"slotProps.close\"\n            :toggle=\"slotProps.toggle\"\n        />\n\n        <Transition name=\"rp-popover-content\">\n            <section\n                v-if=\"shouldRenderContent\"\n                v-show=\"isVisible\"\n                :id=\"popoverId\"\n                class=\"rp-popover__content\"\n                :role=\"popoverRole\"\n                :style=\"contentStyle\"\n            >\n                <slot\n                    name=\"content\"\n                    :is-open=\"contentSlotProps.isOpen\"\n                    :open=\"contentSlotProps.open\"\n                    :close=\"contentSlotProps.close\"\n                    :toggle=\"contentSlotProps.toggle\"\n                >\n                    <slot\n                        v-if=\"isTargetMode\"\n                        :is-open=\"contentSlotProps.isOpen\"\n                        :open=\"contentSlotProps.open\"\n                        :close=\"contentSlotProps.close\"\n                        :toggle=\"contentSlotProps.toggle\"\n                    />\n                </slot>\n            </section>\n        </Transition>\n    </span>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { usePopover } from './usePopover';\nimport type { PopoverProps } from './types';\n\ndefineOptions({ name: 'RpPopover' });\n\nconst props = withDefaults(defineProps<PopoverProps>(), {\n    placement: 'bottom',\n    open: undefined,\n    disabled: false,\n    role: 'dialog',\n    closeOnOutsideClick: true,\n    closeOnEscape: true,\n});\n\nconst emit = defineEmits<{\n    'update:open': [value: boolean];\n}>();\n\nconst {\n    rootRef,\n    popoverId,\n    isVisible,\n    isTargetMode,\n    popoverRole,\n    shouldRenderContent,\n    rootClass,\n    contentStyle,\n    slotProps,\n    contentSlotProps,\n} = usePopover(props, (open) => {\n    emit('update:open', open);\n});\n\nvoid rootRef;\n</script>\n\n<style src=\"./popover.scss\" lang=\"scss\" scoped></style>\n"],"mappings":"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"}

package/dist/progress.js

@@ -1,6 +1,7 @@
 import './progress.css';
+import { t as bem } from "./bem.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as getComponentCustomColor, r as isComponentPresetColor, t as componentColors } from "./componentColors.js";
-import { n as bem, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { t as useControlState } from "./useControlState.js";
 import { computed, createIf, createSlot, defineVaporComponent, renderEffect, setAttr, setClass, setInsertionState, setProp, setStyle, setText, template, toDisplayString, unref } from "vue";
 //#region src/components/progress/useProgress.ts

package/dist/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":[],"sources":["../src/components/progress/useProgress.ts","../src/components/progress/progress.vue","../src/components/progress/progress.vue","../src/components/progress/types.ts"],"sourcesContent":["import { computed, type CSSProperties } from 'vue';\nimport { useControlState } from '@/composables/useControlState';\nimport { bem } from '@/utils/bem';\nimport { getComponentCustomColor, isComponentPresetColor } from '@/utils/componentColors';\nimport type { ProgressProps } from './types';\n\ntype ProgressStateProps = Readonly<\n    ProgressProps & {\n        min: number;\n        max: number;\n        indeterminate: boolean;\n        showValue: boolean;\n    }\n>;\n\nexport function normalizeProgressBounds(min: number, max: number) {\n    const safeMin = Number.isFinite(min) ? min : 0;\n    const safeMax = Number.isFinite(max) ? max : 100;\n\n    return safeMax >= safeMin ? { min: safeMin, max: safeMax } : { min: safeMax, max: safeMin };\n}\n\nexport function normalizeProgressValue(value: number | null | undefined, min: number, max: number) {\n    const safeValue = Number.isFinite(value) ? Number(value) : min;\n\n    return Math.min(max, Math.max(min, safeValue));\n}\n\nexport function getProgressValuePercent(value: number, min: number, max: number) {\n    if (max <= min) return 0;\n\n    const percent = ((value - min) / (max - min)) * 100;\n    return Math.min(100, Math.max(0, percent));\n}\n\nfunction getFormattedProgressValue(\n    value: number,\n    percent: number,\n    formatter: ProgressProps['formatValue'],\n) {\n    return formatter ? formatter(value, percent) : `${Math.round(percent)}%`;\n}\n\nfunction getProgressAriaValueText(\n    value: number,\n    percent: number,\n    ariaValueText: ProgressProps['ariaValueText'],\n    formatter: ProgressProps['formatValue'],\n) {\n    if (typeof ariaValueText === 'function') return String(ariaValueText(value, percent));\n    if (ariaValueText != null && ariaValueText !== '') return String(ariaValueText);\n    if (formatter) return String(formatter(value, percent));\n\n    return undefined;\n}\n\nfunction setProgressStyleValue(\n    style: CSSProperties,\n    property: `--_rp-progress-${string}`,\n    value: string | undefined,\n) {\n    if (value) {\n        style[property] = value;\n    }\n}\n\nexport function useProgress(props: ProgressStateProps) {\n    const control = useControlState(props);\n\n    const bounds = computed(() => normalizeProgressBounds(props.min, props.max));\n    const isIndeterminate = computed(() => props.indeterminate || props.value == null);\n    const normalizedValue = computed(() =>\n        normalizeProgressValue(props.value, bounds.value.min, bounds.value.max),\n    );\n    const valuePercent = computed(() =>\n        getProgressValuePercent(normalizedValue.value, bounds.value.min, bounds.value.max),\n    );\n    const formattedValue = computed(() =>\n        getFormattedProgressValue(normalizedValue.value, valuePercent.value, props.formatValue),\n    );\n    const ariaValueText = computed(() =>\n        isIndeterminate.value\n            ? undefined\n            : getProgressAriaValueText(\n                  normalizedValue.value,\n                  valuePercent.value,\n                  props.ariaValueText,\n                  props.formatValue,\n              ),\n    );\n    const rootClass = computed(() =>\n        bem('rp-progress', {\n            [`color-${props.color}`]: isComponentPresetColor(props.color),\n            [`size-${props.size}`]: Boolean(props.size),\n            [`radius-${props.radius}`]: Boolean(props.radius),\n            indeterminate: isIndeterminate.value,\n        }),\n    );\n    const rootStyle = computed<CSSProperties>(() => {\n        const style: CSSProperties = {\n            '--_rp-progress-value': `${valuePercent.value}%`,\n            '--_rp-progress-ratio': `${valuePercent.value / 100}`,\n        };\n\n        setProgressStyleValue(\n            style,\n            '--_rp-progress-custom-color',\n            getComponentCustomColor(props.color),\n        );\n\n        return style;\n    });\n\n    return {\n        control,\n        rootClass,\n        rootStyle,\n        isIndeterminate,\n        normalizedValue,\n        valuePercent,\n        formattedValue,\n        ariaValueText,\n        ariaValueMin: computed(() => (isIndeterminate.value ? undefined : bounds.value.min)),\n        ariaValueMax: computed(() => (isIndeterminate.value ? undefined : bounds.value.max)),\n        ariaValueNow: computed(() => (isIndeterminate.value ? undefined : normalizedValue.value)),\n    };\n}\n","<template>\n    <div\n        :id=\"control.id\"\n        :class=\"rootClass\"\n        :style=\"rootStyle\"\n        role=\"progressbar\"\n        :data-state=\"isIndeterminate ? 'indeterminate' : 'determinate'\"\n        :aria-label=\"ariaLabel || undefined\"\n        :aria-labelledby=\"control.ariaLabelledby\"\n        :aria-describedby=\"control.ariaDescribedby\"\n        :aria-valuemin=\"ariaValueMin\"\n        :aria-valuemax=\"ariaValueMax\"\n        :aria-valuenow=\"ariaValueNow\"\n        :aria-valuetext=\"ariaValueText\"\n    >\n        <span\n            v-if=\"$slots.default || (!isIndeterminate && ($slots.value || showValue))\"\n            class=\"rp-progress__header\"\n        >\n            <span v-if=\"$slots.default\" class=\"rp-progress__label\">\n                <slot />\n            </span>\n            <span\n                v-if=\"!isIndeterminate && ($slots.value || showValue)\"\n                class=\"rp-progress__value\"\n                aria-hidden=\"true\"\n            >\n                <slot\n                    v-if=\"$slots.value\"\n                    name=\"value\"\n                    :value=\"normalizedValue\"\n                    :formatted-value=\"formattedValue\"\n                    :percent=\"valuePercent\"\n                />\n                <template v-else>{{ formattedValue }}</template>\n            </span>\n        </span>\n        <span class=\"rp-progress__track\" aria-hidden=\"true\">\n            <span class=\"rp-progress__indicator\" />\n        </span>\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport type { ProgressProps } from './types';\nimport { useProgress } from './useProgress';\n\ndefineOptions({ name: 'RpProgress' });\n\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    min: 0,\n    max: 100,\n    indeterminate: false,\n    showValue: false,\n});\n\nconst {\n    control,\n    rootClass,\n    rootStyle,\n    isIndeterminate,\n    normalizedValue,\n    valuePercent,\n    formattedValue,\n    ariaValueText,\n    ariaValueMin,\n    ariaValueMax,\n    ariaValueNow,\n} = useProgress(props);\n</script>\n\n<style src=\"./progress.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div\n        :id=\"control.id\"\n        :class=\"rootClass\"\n        :style=\"rootStyle\"\n        role=\"progressbar\"\n        :data-state=\"isIndeterminate ? 'indeterminate' : 'determinate'\"\n        :aria-label=\"ariaLabel || undefined\"\n        :aria-labelledby=\"control.ariaLabelledby\"\n        :aria-describedby=\"control.ariaDescribedby\"\n        :aria-valuemin=\"ariaValueMin\"\n        :aria-valuemax=\"ariaValueMax\"\n        :aria-valuenow=\"ariaValueNow\"\n        :aria-valuetext=\"ariaValueText\"\n    >\n        <span\n            v-if=\"$slots.default || (!isIndeterminate && ($slots.value || showValue))\"\n            class=\"rp-progress__header\"\n        >\n            <span v-if=\"$slots.default\" class=\"rp-progress__label\">\n                <slot />\n            </span>\n            <span\n                v-if=\"!isIndeterminate && ($slots.value || showValue)\"\n                class=\"rp-progress__value\"\n                aria-hidden=\"true\"\n            >\n                <slot\n                    v-if=\"$slots.value\"\n                    name=\"value\"\n                    :value=\"normalizedValue\"\n                    :formatted-value=\"formattedValue\"\n                    :percent=\"valuePercent\"\n                />\n                <template v-else>{{ formattedValue }}</template>\n            </span>\n        </span>\n        <span class=\"rp-progress__track\" aria-hidden=\"true\">\n            <span class=\"rp-progress__indicator\" />\n        </span>\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport type { ProgressProps } from './types';\nimport { useProgress } from './useProgress';\n\ndefineOptions({ name: 'RpProgress' });\n\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    min: 0,\n    max: 100,\n    indeterminate: false,\n    showValue: false,\n});\n\nconst {\n    control,\n    rootClass,\n    rootStyle,\n    isIndeterminate,\n    normalizedValue,\n    valuePercent,\n    formattedValue,\n    ariaValueText,\n    ariaValueMin,\n    ariaValueMax,\n    ariaValueNow,\n} = useProgress(props);\n</script>\n\n<style src=\"./progress.scss\" lang=\"scss\" scoped></style>\n","import { componentColors, type ComponentColorValue } from '../../utils/componentColors';\n\nexport const progressColors = componentColors;\n\nexport const progressSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n\nexport const progressRadiuses = ['none', 'xs', 'sm', 'md', 'lg', 'xl', 'full'] as const;\n\nexport type ProgressColor = ComponentColorValue;\n\nexport type ProgressSize = (typeof progressSizes)[number];\n\nexport type ProgressRadius = (typeof progressRadiuses)[number];\n\nexport type ProgressValueFormatter = (value: number, percent: number) => string | number;\n\nexport interface ProgressProps {\n    id?: string;\n    value?: number | null;\n    min?: number;\n    max?: number;\n    color?: ProgressColor;\n    size?: ProgressSize;\n    radius?: ProgressRadius;\n    indeterminate?: boolean;\n    showValue?: boolean;\n    formatValue?: ProgressValueFormatter;\n    ariaLabel?: string;\n    ariaValueText?: string | ProgressValueFormatter;\n    describedby?: string;\n    labelledby?: string;\n}\n"],"mappings":"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"}
+{"version":3,"file":"progress.js","names":[],"sources":["../src/components/progress/useProgress.ts","../src/components/progress/progress.vue","../src/components/progress/progress.vue","../src/components/progress/types.ts"],"sourcesContent":["import { computed, type CSSProperties } from 'vue';\nimport { useControlState } from '@/composables/useControlState';\nimport { bem } from '@/utils/bem';\nimport { getComponentCustomColor, isComponentPresetColor } from '@/utils/componentColors';\nimport type { ProgressProps } from './types';\n\ntype ProgressStateProps = Readonly<\n    ProgressProps & {\n        min: number;\n        max: number;\n        indeterminate: boolean;\n        showValue: boolean;\n    }\n>;\n\nexport function normalizeProgressBounds(min: number, max: number) {\n    const safeMin = Number.isFinite(min) ? min : 0;\n    const safeMax = Number.isFinite(max) ? max : 100;\n\n    return safeMax >= safeMin ? { min: safeMin, max: safeMax } : { min: safeMax, max: safeMin };\n}\n\nexport function normalizeProgressValue(value: number | null | undefined, min: number, max: number) {\n    const safeValue = Number.isFinite(value) ? Number(value) : min;\n\n    return Math.min(max, Math.max(min, safeValue));\n}\n\nexport function getProgressValuePercent(value: number, min: number, max: number) {\n    if (max <= min) return 0;\n\n    const percent = ((value - min) / (max - min)) * 100;\n    return Math.min(100, Math.max(0, percent));\n}\n\nfunction getFormattedProgressValue(\n    value: number,\n    percent: number,\n    formatter: ProgressProps['formatValue'],\n) {\n    return formatter ? formatter(value, percent) : `${Math.round(percent)}%`;\n}\n\nfunction getProgressAriaValueText(\n    value: number,\n    percent: number,\n    ariaValueText: ProgressProps['ariaValueText'],\n    formatter: ProgressProps['formatValue'],\n) {\n    if (typeof ariaValueText === 'function') return String(ariaValueText(value, percent));\n    if (ariaValueText != null && ariaValueText !== '') return String(ariaValueText);\n    if (formatter) return String(formatter(value, percent));\n\n    return undefined;\n}\n\nfunction setProgressStyleValue(\n    style: CSSProperties,\n    property: `--_rp-progress-${string}`,\n    value: string | undefined,\n) {\n    if (value) {\n        style[property] = value;\n    }\n}\n\nexport function useProgress(props: ProgressStateProps) {\n    const control = useControlState(props);\n\n    const bounds = computed(() => normalizeProgressBounds(props.min, props.max));\n    const isIndeterminate = computed(() => props.indeterminate || props.value == null);\n    const normalizedValue = computed(() =>\n        normalizeProgressValue(props.value, bounds.value.min, bounds.value.max),\n    );\n    const valuePercent = computed(() =>\n        getProgressValuePercent(normalizedValue.value, bounds.value.min, bounds.value.max),\n    );\n    const formattedValue = computed(() =>\n        getFormattedProgressValue(normalizedValue.value, valuePercent.value, props.formatValue),\n    );\n    const ariaValueText = computed(() =>\n        isIndeterminate.value\n            ? undefined\n            : getProgressAriaValueText(\n                  normalizedValue.value,\n                  valuePercent.value,\n                  props.ariaValueText,\n                  props.formatValue,\n              ),\n    );\n    const rootClass = computed(() =>\n        bem('rp-progress', {\n            [`color-${props.color}`]: isComponentPresetColor(props.color),\n            [`size-${props.size}`]: Boolean(props.size),\n            [`radius-${props.radius}`]: Boolean(props.radius),\n            indeterminate: isIndeterminate.value,\n        }),\n    );\n    const rootStyle = computed<CSSProperties>(() => {\n        const style: CSSProperties = {\n            '--_rp-progress-value': `${valuePercent.value}%`,\n            '--_rp-progress-ratio': `${valuePercent.value / 100}`,\n        };\n\n        setProgressStyleValue(\n            style,\n            '--_rp-progress-custom-color',\n            getComponentCustomColor(props.color),\n        );\n\n        return style;\n    });\n\n    return {\n        control,\n        rootClass,\n        rootStyle,\n        isIndeterminate,\n        normalizedValue,\n        valuePercent,\n        formattedValue,\n        ariaValueText,\n        ariaValueMin: computed(() => (isIndeterminate.value ? undefined : bounds.value.min)),\n        ariaValueMax: computed(() => (isIndeterminate.value ? undefined : bounds.value.max)),\n        ariaValueNow: computed(() => (isIndeterminate.value ? undefined : normalizedValue.value)),\n    };\n}\n","<template>\n    <div\n        :id=\"control.id\"\n        :class=\"rootClass\"\n        :style=\"rootStyle\"\n        role=\"progressbar\"\n        :data-state=\"isIndeterminate ? 'indeterminate' : 'determinate'\"\n        :aria-label=\"ariaLabel || undefined\"\n        :aria-labelledby=\"control.ariaLabelledby\"\n        :aria-describedby=\"control.ariaDescribedby\"\n        :aria-valuemin=\"ariaValueMin\"\n        :aria-valuemax=\"ariaValueMax\"\n        :aria-valuenow=\"ariaValueNow\"\n        :aria-valuetext=\"ariaValueText\"\n    >\n        <span\n            v-if=\"$slots.default || (!isIndeterminate && ($slots.value || showValue))\"\n            class=\"rp-progress__header\"\n        >\n            <span v-if=\"$slots.default\" class=\"rp-progress__label\">\n                <slot />\n            </span>\n            <span\n                v-if=\"!isIndeterminate && ($slots.value || showValue)\"\n                class=\"rp-progress__value\"\n                aria-hidden=\"true\"\n            >\n                <slot\n                    v-if=\"$slots.value\"\n                    name=\"value\"\n                    :value=\"normalizedValue\"\n                    :formatted-value=\"formattedValue\"\n                    :percent=\"valuePercent\"\n                />\n                <template v-else>{{ formattedValue }}</template>\n            </span>\n        </span>\n        <span class=\"rp-progress__track\" aria-hidden=\"true\">\n            <span class=\"rp-progress__indicator\" />\n        </span>\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport type { ProgressProps } from './types';\nimport { useProgress } from './useProgress';\n\ndefineOptions({ name: 'RpProgress' });\n\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    min: 0,\n    max: 100,\n    indeterminate: false,\n    showValue: false,\n});\n\nconst {\n    control,\n    rootClass,\n    rootStyle,\n    isIndeterminate,\n    normalizedValue,\n    valuePercent,\n    formattedValue,\n    ariaValueText,\n    ariaValueMin,\n    ariaValueMax,\n    ariaValueNow,\n} = useProgress(props);\n</script>\n\n<style src=\"./progress.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div\n        :id=\"control.id\"\n        :class=\"rootClass\"\n        :style=\"rootStyle\"\n        role=\"progressbar\"\n        :data-state=\"isIndeterminate ? 'indeterminate' : 'determinate'\"\n        :aria-label=\"ariaLabel || undefined\"\n        :aria-labelledby=\"control.ariaLabelledby\"\n        :aria-describedby=\"control.ariaDescribedby\"\n        :aria-valuemin=\"ariaValueMin\"\n        :aria-valuemax=\"ariaValueMax\"\n        :aria-valuenow=\"ariaValueNow\"\n        :aria-valuetext=\"ariaValueText\"\n    >\n        <span\n            v-if=\"$slots.default || (!isIndeterminate && ($slots.value || showValue))\"\n            class=\"rp-progress__header\"\n        >\n            <span v-if=\"$slots.default\" class=\"rp-progress__label\">\n                <slot />\n            </span>\n            <span\n                v-if=\"!isIndeterminate && ($slots.value || showValue)\"\n                class=\"rp-progress__value\"\n                aria-hidden=\"true\"\n            >\n                <slot\n                    v-if=\"$slots.value\"\n                    name=\"value\"\n                    :value=\"normalizedValue\"\n                    :formatted-value=\"formattedValue\"\n                    :percent=\"valuePercent\"\n                />\n                <template v-else>{{ formattedValue }}</template>\n            </span>\n        </span>\n        <span class=\"rp-progress__track\" aria-hidden=\"true\">\n            <span class=\"rp-progress__indicator\" />\n        </span>\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport type { ProgressProps } from './types';\nimport { useProgress } from './useProgress';\n\ndefineOptions({ name: 'RpProgress' });\n\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    min: 0,\n    max: 100,\n    indeterminate: false,\n    showValue: false,\n});\n\nconst {\n    control,\n    rootClass,\n    rootStyle,\n    isIndeterminate,\n    normalizedValue,\n    valuePercent,\n    formattedValue,\n    ariaValueText,\n    ariaValueMin,\n    ariaValueMax,\n    ariaValueNow,\n} = useProgress(props);\n</script>\n\n<style src=\"./progress.scss\" lang=\"scss\" scoped></style>\n","import { componentColors, type ComponentColorValue } from '../../utils/componentColors';\n\nexport const progressColors = componentColors;\n\nexport const progressSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n\nexport const progressRadiuses = ['none', 'xs', 'sm', 'md', 'lg', 'xl', 'full'] as const;\n\nexport type ProgressColor = ComponentColorValue;\n\nexport type ProgressSize = (typeof progressSizes)[number];\n\nexport type ProgressRadius = (typeof progressRadiuses)[number];\n\nexport type ProgressValueFormatter = (value: number, percent: number) => string | number;\n\nexport interface ProgressProps {\n    id?: string;\n    value?: number | null;\n    min?: number;\n    max?: number;\n    color?: ProgressColor;\n    size?: ProgressSize;\n    radius?: ProgressRadius;\n    indeterminate?: boolean;\n    showValue?: boolean;\n    formatValue?: ProgressValueFormatter;\n    ariaLabel?: string;\n    ariaValueText?: string | ProgressValueFormatter;\n    describedby?: string;\n    labelledby?: string;\n}\n"],"mappings":"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"}

package/dist/radio.js

@@ -1,15 +1,10 @@
 import './radio.css';
+import { t as useRequiredInject } from "./useRequiredInject.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 getComponentCustomColor, r as isComponentPresetColor } from "./componentColors.js";
-import { n as bem, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { t as useControlState } from "./useControlState.js";
-import { child, computed, createIf, createSlot, defineVaporComponent, inject, on, provide, renderEffect, setAttr, setClass, setInsertionState, setProp, setStyle, setValue, template, unref, useId } from "vue";
-//#region src/composables/useRequiredInject.ts
-function useRequiredInject(key, componentName) {
-	const value = inject(key);
-	if (value == null) throw new Error(`[Ropav] <${componentName}> must be used inside its parent provider component.`);
-	return value;
-}
-//#endregion
+import { child, computed, createIf, createSlot, defineVaporComponent, on, provide, renderEffect, setAttr, setClass, setInsertionState, setProp, setStyle, setValue, template, unref, useId } from "vue";
 //#region src/components/radio/types.ts
 var radioGroupKey = Symbol("radioGroup");
 //#endregion