ropav 0.1.6 → 0.1.7

package/dist/number.js

@@ -0,0 +1,22 @@
+//#region src/utils/number.ts
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+function getValuePercent(value, min, max) {
+	if (![
+		value,
+		min,
+		max
+	].every(Number.isFinite) || max <= min) return 0;
+	return clamp((value - min) / (max - min) * 100, 0, 100);
+}
+function normalizeDelay(value, fallback = 0) {
+	if (value == null) return fallback;
+	return Number.isFinite(value) ? Math.max(0, value) : fallback;
+}
+function roundTo(value, fractionDigits = 2) {
+	const factor = 10 ** fractionDigits;
+	return Math.round(value * factor) / factor;
+}
+//#endregion
+export { roundTo as i, getValuePercent as n, normalizeDelay as r, clamp as t };

package/dist/overlay.js

@@ -1,7 +1,8 @@
 import './overlay.css';
-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 clamp } from "./number.js";
 import { computed, createIf, defineVaporComponent, renderEffect, setDynamicProps, template, unref } from "vue";
 //#region src/components/overlay/useOverlay.ts
 function getBlurValue(blur) {
@@ -18,7 +19,7 @@ function useOverlay(props) {
 	const normalizedOpacity = computed(() => {
 		const opacity = props.opacity;
 		if (opacity === void 0 || !Number.isFinite(opacity)) return 1;
-		return Math.min(1, Math.max(0, opacity));
+		return clamp(opacity, 0, 1);
 	});
 	const blurValue = computed(() => getBlurValue(props.blur));
 	const hasBlur = computed(() => Boolean(blurValue.value));

package/dist/pagination.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-pagination[data-v-6ae45781] {
+.rp-pagination[data-v-cb68db8f] {
     --_rp-pagination-item-size: var(--rp-size-control-md);
     --_rp-pagination-font-size: var(--rp-font-size-md);
     --_rp-pagination-radius: var(--rp-radius-sm);
@@ -16,7 +16,7 @@
     line-height: 1;
     vertical-align: middle;
 }
-.rp-pagination__items[data-v-6ae45781] {
+.rp-pagination__items[data-v-cb68db8f] {
     display: flex;
     align-items: center;
     max-width: 100%;
@@ -25,11 +25,11 @@
     gap: var(--_rp-pagination-gap);
     list-style: none;
 }
-.rp-pagination__item[data-v-6ae45781] {
+.rp-pagination__item[data-v-cb68db8f] {
     display: flex;
     flex: 0 0 auto;
 }
-.rp-pagination__page[data-v-6ae45781], .rp-pagination__control[data-v-6ae45781], .rp-pagination__ellipsis[data-v-6ae45781] {
+.rp-pagination__page[data-v-cb68db8f], .rp-pagination__control[data-v-cb68db8f], .rp-pagination__ellipsis[data-v-cb68db8f] {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -45,96 +45,96 @@
     border: var(--rp-border-width-thin) solid transparent;
     border-radius: var(--_rp-pagination-radius);
 }
-.rp-pagination__page[data-v-6ae45781], .rp-pagination__control[data-v-6ae45781] {
+.rp-pagination__page[data-v-cb68db8f], .rp-pagination__control[data-v-cb68db8f] {
     appearance: none;
     cursor: pointer;
 }
-.rp-pagination__page[data-v-6ae45781]:hover:not(:disabled), .rp-pagination__control[data-v-6ae45781]:hover:not(:disabled) {
+.rp-pagination__page[data-v-cb68db8f]:hover:not(:disabled), .rp-pagination__control[data-v-cb68db8f]:hover:not(:disabled) {
     background-color: var(--rp-color-default-hover);
 }
-.rp-pagination__page[data-v-6ae45781]:focus-visible, .rp-pagination__control[data-v-6ae45781]:focus-visible {
+.rp-pagination__page[data-v-cb68db8f]:focus-visible, .rp-pagination__control[data-v-cb68db8f]:focus-visible {
     outline: none;
     border-color: var(--rp-color-control-border-focus);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
-.rp-pagination__page[data-v-6ae45781]:disabled, .rp-pagination__control[data-v-6ae45781]:disabled {
+.rp-pagination__page[data-v-cb68db8f]:disabled, .rp-pagination__control[data-v-cb68db8f]:disabled {
     opacity: var(--rp-opacity-disabled);
     cursor: not-allowed;
 }
-.rp-pagination__page[data-v-6ae45781] {
+.rp-pagination__page[data-v-cb68db8f] {
     width: auto;
     padding-inline: var(--rp-spacing-2);
     font-variant-numeric: tabular-nums;
     transition: box-shadow var(--rp-transition-fast);
 }
-.rp-pagination__page--active[data-v-6ae45781] {
+.rp-pagination__page--active[data-v-cb68db8f] {
     color: var(--_rp-pagination-active-fg);
     font-weight: var(--rp-font-weight-medium);
     background-color: var(--_rp-pagination-active-bg);
     border-color: var(--_rp-pagination-active-bg);
 }
-.rp-pagination__page--active[data-v-6ae45781]:hover:not(:disabled) {
+.rp-pagination__page--active[data-v-cb68db8f]:hover:not(:disabled) {
     background-color: var(--_rp-pagination-active-bg-hover);
     border-color: var(--_rp-pagination-active-bg-hover);
     color: var(--_rp-pagination-active-fg-hover);
 }
-.rp-pagination__control[data-v-6ae45781] {
+.rp-pagination__control[data-v-cb68db8f] {
     transition: color var(--rp-transition-fast), background-color var(--rp-transition-fast), border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
 }
-.rp-pagination__control-icon[data-v-6ae45781], .rp-pagination__ellipsis[data-v-6ae45781] >  svg {
+.rp-pagination__control-icon[data-v-cb68db8f], .rp-pagination__ellipsis[data-v-cb68db8f] >  svg {
     display: block;
     width: 1em;
     height: 1em;
 }
-.rp-pagination__ellipsis[data-v-6ae45781] {
+.rp-pagination__ellipsis[data-v-cb68db8f] {
     color: var(--rp-color-dimmed);
 }
-.rp-pagination:dir(rtl) .rp-pagination__control-icon[data-v-6ae45781] {
+.rp-pagination:dir(rtl) .rp-pagination__control-icon[data-v-cb68db8f] {
     transform: rotate(180deg);
 }
-.rp-pagination--disabled .rp-pagination__page[data-v-6ae45781]:not(:disabled), .rp-pagination--disabled .rp-pagination__control[data-v-6ae45781]:not(:disabled) {
+.rp-pagination--disabled .rp-pagination__page[data-v-cb68db8f]:not(:disabled), .rp-pagination--disabled .rp-pagination__control[data-v-cb68db8f]:not(:disabled) {
     opacity: var(--rp-opacity-disabled);
     cursor: not-allowed;
 }
-.rp-pagination--size-xs[data-v-6ae45781] {
+.rp-pagination--size-xs[data-v-cb68db8f] {
     --_rp-pagination-item-size: var(--rp-size-control-xs);
     --_rp-pagination-font-size: var(--rp-font-size-xs);
 }
-.rp-pagination--size-sm[data-v-6ae45781] {
+.rp-pagination--size-sm[data-v-cb68db8f] {
     --_rp-pagination-item-size: var(--rp-size-control-sm);
     --_rp-pagination-font-size: var(--rp-font-size-sm);
 }
-.rp-pagination--size-md[data-v-6ae45781] {
+.rp-pagination--size-md[data-v-cb68db8f] {
     --_rp-pagination-item-size: var(--rp-size-control-md);
     --_rp-pagination-font-size: var(--rp-font-size-md);
 }
-.rp-pagination--size-lg[data-v-6ae45781] {
+.rp-pagination--size-lg[data-v-cb68db8f] {
     --_rp-pagination-item-size: var(--rp-size-control-lg);
     --_rp-pagination-font-size: var(--rp-font-size-lg);
 }
-.rp-pagination--size-xl[data-v-6ae45781] {
+.rp-pagination--size-xl[data-v-cb68db8f] {
     --_rp-pagination-item-size: var(--rp-size-control-xl);
     --_rp-pagination-font-size: var(--rp-font-size-xl);
 }
-.rp-pagination--radius-none[data-v-6ae45781] {
+.rp-pagination--radius-none[data-v-cb68db8f] {
     --_rp-pagination-radius: var(--rp-radius-none);
 }
-.rp-pagination--radius-xs[data-v-6ae45781] {
+.rp-pagination--radius-xs[data-v-cb68db8f] {
     --_rp-pagination-radius: var(--rp-radius-xs);
 }
-.rp-pagination--radius-sm[data-v-6ae45781] {
+.rp-pagination--radius-sm[data-v-cb68db8f] {
     --_rp-pagination-radius: var(--rp-radius-sm);
 }
-.rp-pagination--radius-md[data-v-6ae45781] {
+.rp-pagination--radius-md[data-v-cb68db8f] {
     --_rp-pagination-radius: var(--rp-radius-md);
 }
-.rp-pagination--radius-lg[data-v-6ae45781] {
+.rp-pagination--radius-lg[data-v-cb68db8f] {
     --_rp-pagination-radius: var(--rp-radius-lg);
 }
-.rp-pagination--radius-xl[data-v-6ae45781] {
+.rp-pagination--radius-xl[data-v-cb68db8f] {
     --_rp-pagination-radius: var(--rp-radius-xl);
 }
-.rp-pagination--radius-full[data-v-6ae45781] {
+.rp-pagination--radius-full[data-v-cb68db8f] {
     --_rp-pagination-radius: var(--rp-radius-full);
 }
 }

package/dist/pagination.js

@@ -1,11 +1,13 @@
 import './pagination.css';
 import { t as useControllableValue } from "./useControllableValue.js";
-import { n as useStylesApi, t as presence } from "./styles-api.js";
+import { t as useStylesApi } from "./styles-api.js";
+import { n as toPresenceAttribute } from "./attributes.js";
 import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as clamp } from "./number.js";
 import { a as getComponentVariantColorRoles, t as componentColors } from "./componentColors.js";
 import { t as chevron_right_default } from "./chevron-right.js";
-import { child, computed, createComponent, createFor, createIf, createInvoker, createSlot, defineVaporComponent, delegateEvents, markRaw, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, unref } from "vue";
+import { child, computed, createComponent, createFor, createIf, createSlot, defineVaporComponent, markRaw, on, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, unref } from "vue";
 //#region ~icons/lucide/chevron-left
 var t0$4 = 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=\"m15 18l-6-6l6-6\">", 3, 1);
 function render$3(_ctx) {
@@ -46,7 +48,7 @@ var ellipsis_default = markRaw(defineVaporComponent({
 	render
 }));
 //#endregion
-//#region src/components/pagination/usePagination.ts
+//#region src/components/pagination/paginationModel.ts
 function normalizeCount(value, fallback) {
 	return Number.isFinite(value) ? Math.max(0, Math.floor(value)) : fallback;
 }
@@ -55,64 +57,65 @@ function normalizePaginationTotal(total) {
 }
 function normalizePaginationPage(page, total) {
 	const safeTotal = normalizePaginationTotal(total);
-	return Math.min(Math.max(Number.isFinite(page) ? Math.floor(page) : 1, 1), Math.max(safeTotal, 1));
+	return clamp(Number.isFinite(page) ? Math.floor(page) : 1, 1, Math.max(safeTotal, 1));
 }
 function getRange(start, end) {
 	return Array.from({ length: Math.max(end - start + 1, 0) }, (_, index) => start + index);
 }
-function getPaginationItems(total, page, siblings = 1, boundaries = 1) {
-	const safeTotal = normalizePaginationTotal(total);
-	if (safeTotal === 0) return [];
-	const currentPage = normalizePaginationPage(page, safeTotal);
-	const siblingCount = normalizeCount(siblings, 1);
-	const boundaryCount = normalizeCount(boundaries, 1);
-	if (safeTotal <= siblingCount * 2 + boundaryCount * 2 + 3) return getRange(1, safeTotal).map((pageValue) => ({
-		type: "page",
-		key: `page-${pageValue}`,
-		page: pageValue
-	}));
+function getCompactPageRange(total, currentPage, siblingCount, boundaryCount) {
 	const leftSibling = Math.max(currentPage - siblingCount, boundaryCount);
-	const rightSibling = Math.min(currentPage + siblingCount, safeTotal - boundaryCount);
+	const rightSibling = Math.min(currentPage + siblingCount, total - boundaryCount);
 	const showLeftEllipsis = leftSibling > boundaryCount + 2;
-	const showRightEllipsis = rightSibling < safeTotal - boundaryCount - 1;
-	let pages;
-	if (!showLeftEllipsis && showRightEllipsis) pages = [...getRange(1, siblingCount * 2 + boundaryCount + 2), ...getRange(safeTotal - boundaryCount + 1, safeTotal)];
-	else if (showLeftEllipsis && !showRightEllipsis) {
+	const showRightEllipsis = rightSibling < total - boundaryCount - 1;
+	if (!showLeftEllipsis && showRightEllipsis) return [...getRange(1, siblingCount * 2 + boundaryCount + 2), ...getRange(total - boundaryCount + 1, total)];
+	if (showLeftEllipsis && !showRightEllipsis) {
 		const rightItemCount = siblingCount * 2 + boundaryCount + 2;
-		pages = [...getRange(1, boundaryCount), ...getRange(safeTotal - rightItemCount + 1, safeTotal)];
-	} else pages = [
+		return [...getRange(1, boundaryCount), ...getRange(total - rightItemCount + 1, total)];
+	}
+	return [
 		...getRange(1, boundaryCount),
 		...getRange(leftSibling, rightSibling),
-		...getRange(safeTotal - boundaryCount + 1, safeTotal)
+		...getRange(total - boundaryCount + 1, total)
 	];
+}
+function createPageItem(page) {
+	return {
+		type: "page",
+		key: `page-${page}`,
+		page
+	};
+}
+function createGapItem(previous, next) {
+	const missingPages = next - previous - 1;
+	if (missingPages === 1) return createPageItem(previous + 1);
+	if (missingPages > 1) return {
+		type: "ellipsis",
+		key: `ellipsis-${previous}-${next}`
+	};
+}
+function createPaginationItems(pages, total) {
 	const items = [];
 	let previous = 0;
-	function addGap(next) {
-		const missingPages = next - previous - 1;
-		if (missingPages === 1) {
-			const pageValue = previous + 1;
-			items.push({
-				type: "page",
-				key: `page-${pageValue}`,
-				page: pageValue
-			});
-		} else if (missingPages > 1) items.push({
-			type: "ellipsis",
-			key: `ellipsis-${previous}-${next}`
-		});
-	}
 	for (const pageValue of pages) {
-		addGap(pageValue);
-		items.push({
-			type: "page",
-			key: `page-${pageValue}`,
-			page: pageValue
-		});
+		const gapItem = createGapItem(previous, pageValue);
+		if (gapItem) items.push(gapItem);
+		items.push(createPageItem(pageValue));
 		previous = pageValue;
 	}
-	addGap(safeTotal + 1);
+	const trailingGapItem = createGapItem(previous, total + 1);
+	if (trailingGapItem) items.push(trailingGapItem);
 	return items;
 }
+function getPaginationItems(total, page, siblings = 1, boundaries = 1) {
+	const safeTotal = normalizePaginationTotal(total);
+	if (safeTotal === 0) return [];
+	const currentPage = normalizePaginationPage(page, safeTotal);
+	const siblingCount = normalizeCount(siblings, 1);
+	const boundaryCount = normalizeCount(boundaries, 1);
+	return createPaginationItems(safeTotal <= siblingCount * 2 + boundaryCount * 2 + 3 ? getRange(1, safeTotal) : getCompactPageRange(safeTotal, currentPage, siblingCount, boundaryCount), safeTotal);
+}
+//#endregion
+//#region src/components/pagination/usePagination.ts
 function getPaginationColorStyle(color, autoContrast, contrastColor) {
 	const roles = getComponentVariantColorRoles({
 		color: color ?? "primary",
@@ -140,7 +143,7 @@ function usePagination(props, getCurrentValue, onChange) {
 	const rootStyle = computed(() => getPaginationColorStyle(props.color, props.autoContrast ?? true, props.contrastColor));
 	const firstPage = computed(() => 1);
 	const previousPage = computed(() => Math.max(1, currentPage.value - 1));
-	const nextPage = computed(() => Math.min(Math.max(totalPages.value, 1), currentPage.value + 1));
+	const nextPage = computed(() => clamp(currentPage.value + 1, 1, Math.max(totalPages.value, 1)));
 	const lastPage = computed(() => Math.max(totalPages.value, 1));
 	const isFirstDisabled = computed(() => props.disabled || totalPages.value === 0 || currentPage.value <= 1);
 	const isLastDisabled = computed(() => props.disabled || totalPages.value === 0 || currentPage.value >= totalPages.value);
@@ -168,14 +171,13 @@ function usePagination(props, getCurrentValue, onChange) {
 }
 //#endregion
 //#region src/components/pagination/pagination.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<li data-v-6ae45781 class=rp-pagination__item><button data-v-6ae45781></button>");
+var t0 = template("<li data-v-cb68db8f class=rp-pagination__item><button data-v-cb68db8f></button>");
 var t1 = template(" ");
-var t2 = template("<button data-v-6ae45781></button>");
-var t3 = template("<span data-v-6ae45781>");
-var t4 = template("<li data-v-6ae45781 class=rp-pagination__item>");
-var t5 = template("<li data-v-6ae45781 class=rp-pagination__item><button data-v-6ae45781>");
-var t6 = template("<nav data-v-6ae45781><ul data-v-6ae45781>", 1);
-delegateEvents("click");
+var t2 = template("<button data-v-cb68db8f></button>");
+var t3 = template("<span data-v-cb68db8f>");
+var t4 = template("<li data-v-cb68db8f class=rp-pagination__item>");
+var t5 = template("<li data-v-cb68db8f class=rp-pagination__item><button data-v-cb68db8f>");
+var t6 = template("<nav data-v-cb68db8f><ul data-v-cb68db8f>", 1);
 //#endregion
 //#region src/components/pagination/pagination.vue
 var pagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -240,7 +242,7 @@ var pagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			style: rootStyle.value,
 			"data-page": currentPage.value,
 			"data-total": totalPages.value,
-			"data-disabled": presence(props.disabled),
+			"data-disabled": toPresenceAttribute(props.disabled),
 			"aria-label": props.ariaLabel || void 0,
 			"aria-labelledby": props.labelledby,
 			"aria-describedby": props.describedby
@@ -249,7 +251,7 @@ var pagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			return {
 				...getPartAttrs("control", { class: ["rp-pagination__control", `rp-pagination__control--${control}`] }),
 				"data-control": control,
-				"data-disabled": presence(isDisabled)
+				"data-disabled": toPresenceAttribute(isDisabled)
 			};
 		}
 		function getPageAttrs(page) {
@@ -257,8 +259,8 @@ var pagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			return {
 				...getPartAttrs("page", { class: ["rp-pagination__page", { "rp-pagination__page--active": active }] }),
 				"data-page": page,
-				"data-active": presence(active),
-				"data-disabled": presence(props.disabled)
+				"data-active": toPresenceAttribute(active),
+				"data-disabled": toPresenceAttribute(props.disabled)
 			};
 		}
 		function getPageLabel(page) {
@@ -294,7 +296,7 @@ var pagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					"aria-hidden": "true"
 				});
 			}, 1);
-			n5.$evtclick = createInvoker(() => unref(selectPage)(unref(firstPage)));
+			on(n5, "click", () => unref(selectPage)(unref(firstPage)));
 			return n6;
 		});
 		setInsertionState(n42, null, 1);
@@ -319,7 +321,7 @@ var pagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					"aria-hidden": "true"
 				});
 			}, 1);
-			n12.$evtclick = createInvoker(() => unref(selectPage)(unref(previousPage)));
+			on(n12, "click", () => unref(selectPage)(unref(previousPage)));
 			return n13;
 		});
 		setInsertionState(n42, null, 2);
@@ -346,7 +348,7 @@ var pagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					renderEffect(() => setText(n20, toDisplayString(_for_item0.value.page)));
 					return n20;
 				}, 1);
-				n21.$evtclick = createInvoker(() => unref(selectPage)(_for_item0.value.page));
+				on(n21, "click", () => unref(selectPage)(_for_item0.value.page));
 				return n21;
 			}, () => {
 				const n26 = t3();
@@ -381,7 +383,7 @@ var pagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					"aria-hidden": "true"
 				});
 			}, 1);
-			n33.$evtclick = createInvoker(() => unref(selectPage)(unref(nextPage)));
+			on(n33, "click", () => unref(selectPage)(unref(nextPage)));
 			return n34;
 		});
 		setInsertionState(n42, null, 4);
@@ -406,12 +408,12 @@ var pagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					"aria-hidden": "true"
 				});
 			}, 1);
-			n40.$evtclick = createInvoker(() => unref(selectPage)(unref(lastPage)));
+			on(n40, "click", () => unref(selectPage)(unref(lastPage)));
 			return n41;
 		});
 		return n43;
 	}
-}), [["__scopeId", "data-v-6ae45781"]]);
+}), [["__scopeId", "data-v-cb68db8f"]]);
 //#endregion
 //#region src/components/pagination/types.ts
 var paginationParts = [
@@ -439,4 +441,4 @@ var paginationRadiuses = [
 	"full"
 ];
 //#endregion
-export { pagination_default as a, normalizePaginationTotal as c, paginationSizes as i, usePagination as l, paginationParts as n, getPaginationItems as o, paginationRadiuses as r, normalizePaginationPage as s, paginationColors as t };
+export { pagination_default as a, normalizePaginationPage as c, paginationSizes as i, normalizePaginationTotal as l, paginationParts as n, usePagination as o, paginationRadiuses as r, getPaginationItems as s, paginationColors as t };

package/dist/pointer.js

@@ -0,0 +1,9 @@
+//#region src/utils/dom/pointer.ts
+function getPointerId(event) {
+	return Number.isFinite(event.pointerId) ? event.pointerId : void 0;
+}
+function isMatchingPointer(event, pointerId) {
+	return pointerId === void 0 || getPointerId(event) === pointerId;
+}
+//#endregion
+export { isMatchingPointer as n, getPointerId as t };

package/dist/popover.css

@@ -1,11 +1,11 @@
 @layer ropav.components {
-.rp-popover[data-v-8af57bff] {
+.rp-popover[data-v-519e9856] {
     position: relative;
     display: inline-flex;
     font-family: var(--rp-font-family);
     vertical-align: middle;
 }
-.rp-popover__content[data-v-8af57bff] {
+.rp-popover__content[data-v-519e9856] {
     --_rp-popover-main-axis-offset: var(--rp-spacing-2);
     --_rp-popover-cross-axis-offset: 0px;
     --_rp-popover-radius: var(--rp-radius-sm);
@@ -25,42 +25,42 @@
     border-radius: var(--_rp-popover-radius);
     box-shadow: var(--rp-shadow-base);
 }
-.rp-popover--placement-top-start .rp-popover__content[data-v-8af57bff], .rp-popover--placement-top .rp-popover__content[data-v-8af57bff], .rp-popover--placement-top-end .rp-popover__content[data-v-8af57bff] {
+.rp-popover--placement-top-start .rp-popover__content[data-v-519e9856], .rp-popover--placement-top .rp-popover__content[data-v-519e9856], .rp-popover--placement-top-end .rp-popover__content[data-v-519e9856] {
     bottom: calc(100% + var(--_rp-popover-main-axis-offset));
 }
-.rp-popover--placement-right-start .rp-popover__content[data-v-8af57bff], .rp-popover--placement-right .rp-popover__content[data-v-8af57bff], .rp-popover--placement-right-end .rp-popover__content[data-v-8af57bff] {
+.rp-popover--placement-right-start .rp-popover__content[data-v-519e9856], .rp-popover--placement-right .rp-popover__content[data-v-519e9856], .rp-popover--placement-right-end .rp-popover__content[data-v-519e9856] {
     left: calc(100% + var(--_rp-popover-main-axis-offset));
 }
-.rp-popover--placement-bottom-start .rp-popover__content[data-v-8af57bff], .rp-popover--placement-bottom .rp-popover__content[data-v-8af57bff], .rp-popover--placement-bottom-end .rp-popover__content[data-v-8af57bff] {
+.rp-popover--placement-bottom-start .rp-popover__content[data-v-519e9856], .rp-popover--placement-bottom .rp-popover__content[data-v-519e9856], .rp-popover--placement-bottom-end .rp-popover__content[data-v-519e9856] {
     top: calc(100% + var(--_rp-popover-main-axis-offset));
 }
-.rp-popover--placement-left-start .rp-popover__content[data-v-8af57bff], .rp-popover--placement-left .rp-popover__content[data-v-8af57bff], .rp-popover--placement-left-end .rp-popover__content[data-v-8af57bff] {
+.rp-popover--placement-left-start .rp-popover__content[data-v-519e9856], .rp-popover--placement-left .rp-popover__content[data-v-519e9856], .rp-popover--placement-left-end .rp-popover__content[data-v-519e9856] {
     right: calc(100% + var(--_rp-popover-main-axis-offset));
 }
-.rp-popover--placement-top-start .rp-popover__content[data-v-8af57bff], .rp-popover--placement-bottom-start .rp-popover__content[data-v-8af57bff] {
+.rp-popover--placement-top-start .rp-popover__content[data-v-519e9856], .rp-popover--placement-bottom-start .rp-popover__content[data-v-519e9856] {
     left: var(--_rp-popover-cross-axis-offset);
 }
-.rp-popover--placement-top .rp-popover__content[data-v-8af57bff], .rp-popover--placement-bottom .rp-popover__content[data-v-8af57bff] {
+.rp-popover--placement-top .rp-popover__content[data-v-519e9856], .rp-popover--placement-bottom .rp-popover__content[data-v-519e9856] {
     left: calc(50% + var(--_rp-popover-cross-axis-offset));
     translate: -50% 0;
 }
-.rp-popover--placement-top-end .rp-popover__content[data-v-8af57bff], .rp-popover--placement-bottom-end .rp-popover__content[data-v-8af57bff] {
+.rp-popover--placement-top-end .rp-popover__content[data-v-519e9856], .rp-popover--placement-bottom-end .rp-popover__content[data-v-519e9856] {
     right: calc(0px - var(--_rp-popover-cross-axis-offset));
 }
-.rp-popover--placement-right-start .rp-popover__content[data-v-8af57bff], .rp-popover--placement-left-start .rp-popover__content[data-v-8af57bff] {
+.rp-popover--placement-right-start .rp-popover__content[data-v-519e9856], .rp-popover--placement-left-start .rp-popover__content[data-v-519e9856] {
     top: var(--_rp-popover-cross-axis-offset);
 }
-.rp-popover--placement-right .rp-popover__content[data-v-8af57bff], .rp-popover--placement-left .rp-popover__content[data-v-8af57bff] {
+.rp-popover--placement-right .rp-popover__content[data-v-519e9856], .rp-popover--placement-left .rp-popover__content[data-v-519e9856] {
     top: calc(50% + var(--_rp-popover-cross-axis-offset));
     translate: 0 -50%;
 }
-.rp-popover--placement-right-end .rp-popover__content[data-v-8af57bff], .rp-popover--placement-left-end .rp-popover__content[data-v-8af57bff] {
+.rp-popover--placement-right-end .rp-popover__content[data-v-519e9856], .rp-popover--placement-left-end .rp-popover__content[data-v-519e9856] {
     bottom: calc(0px - var(--_rp-popover-cross-axis-offset));
 }
-.rp-popover--target[data-v-8af57bff] {
+.rp-popover--target[data-v-519e9856] {
     display: contents;
 }
-.rp-popover--target .rp-popover__content[data-v-8af57bff] {
+.rp-popover--target .rp-popover__content[data-v-519e9856] {
     --_rp-popover-target-translate-x: 0px;
     --_rp-popover-target-translate-y: 0px;
     position: fixed;
@@ -70,37 +70,37 @@
     left: var(--_rp-popover-target-x, 0);
     translate: var(--_rp-popover-target-translate-x) var(--_rp-popover-target-translate-y);
 }
-.rp-popover--target.rp-popover--placement-top-start .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-top .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-top-end .rp-popover__content[data-v-8af57bff] {
+.rp-popover--target.rp-popover--placement-top-start .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-top .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-top-end .rp-popover__content[data-v-519e9856] {
     --_rp-popover-target-translate-y: calc(-100% - var(--_rp-popover-main-axis-offset));
 }
-.rp-popover--target.rp-popover--placement-right-start .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-right .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-right-end .rp-popover__content[data-v-8af57bff] {
+.rp-popover--target.rp-popover--placement-right-start .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-right .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-right-end .rp-popover__content[data-v-519e9856] {
     --_rp-popover-target-translate-x: var(--_rp-popover-main-axis-offset);
 }
-.rp-popover--target.rp-popover--placement-bottom-start .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-bottom .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-bottom-end .rp-popover__content[data-v-8af57bff] {
+.rp-popover--target.rp-popover--placement-bottom-start .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-bottom .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-bottom-end .rp-popover__content[data-v-519e9856] {
     --_rp-popover-target-translate-y: var(--_rp-popover-main-axis-offset);
 }
-.rp-popover--target.rp-popover--placement-left-start .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-left .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-left-end .rp-popover__content[data-v-8af57bff] {
+.rp-popover--target.rp-popover--placement-left-start .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-left .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-left-end .rp-popover__content[data-v-519e9856] {
     --_rp-popover-target-translate-x: calc(-100% - var(--_rp-popover-main-axis-offset));
 }
-.rp-popover--target.rp-popover--placement-top-start .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-bottom-start .rp-popover__content[data-v-8af57bff] {
+.rp-popover--target.rp-popover--placement-top-start .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-bottom-start .rp-popover__content[data-v-519e9856] {
     --_rp-popover-target-translate-x: var(--_rp-popover-cross-axis-offset);
 }
-.rp-popover--target.rp-popover--placement-top .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-bottom .rp-popover__content[data-v-8af57bff] {
+.rp-popover--target.rp-popover--placement-top .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-bottom .rp-popover__content[data-v-519e9856] {
     --_rp-popover-target-translate-x: calc(-50% + var(--_rp-popover-cross-axis-offset));
 }
-.rp-popover--target.rp-popover--placement-top-end .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-bottom-end .rp-popover__content[data-v-8af57bff] {
+.rp-popover--target.rp-popover--placement-top-end .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-bottom-end .rp-popover__content[data-v-519e9856] {
     --_rp-popover-target-translate-x: calc(-100% + var(--_rp-popover-cross-axis-offset));
 }
-.rp-popover--target.rp-popover--placement-right-start .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-left-start .rp-popover__content[data-v-8af57bff] {
+.rp-popover--target.rp-popover--placement-right-start .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-left-start .rp-popover__content[data-v-519e9856] {
     --_rp-popover-target-translate-y: var(--_rp-popover-cross-axis-offset);
 }
-.rp-popover--target.rp-popover--placement-right .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-left .rp-popover__content[data-v-8af57bff] {
+.rp-popover--target.rp-popover--placement-right .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-left .rp-popover__content[data-v-519e9856] {
     --_rp-popover-target-translate-y: calc(-50% + var(--_rp-popover-cross-axis-offset));
 }
-.rp-popover--target.rp-popover--placement-right-end .rp-popover__content[data-v-8af57bff], .rp-popover--target.rp-popover--placement-left-end .rp-popover__content[data-v-8af57bff] {
+.rp-popover--target.rp-popover--placement-right-end .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-left-end .rp-popover__content[data-v-519e9856] {
     --_rp-popover-target-translate-y: calc(-100% + var(--_rp-popover-cross-axis-offset));
 }
-.rp-popover__content[data-placement][data-v-8af57bff] {
+.rp-popover__content[data-placement][data-v-519e9856] {
     position: absolute;
     top: 0;
     right: auto;
@@ -108,7 +108,7 @@
     left: 0;
     translate: none;
 }
-.rp-popover__arrow[data-v-8af57bff] {
+.rp-popover__arrow[data-v-519e9856] {
     position: absolute;
     box-sizing: border-box;
     width: var(--_rp-popover-arrow-size);
@@ -118,24 +118,24 @@
     border: inherit;
     rotate: 45deg;
 }
-.rp-popover__arrow[data-side=top][data-v-8af57bff] {
+.rp-popover__arrow[data-side=top][data-v-519e9856] {
     bottom: calc(-1 * var(--_rp-popover-arrow-size) / 2);
 }
-.rp-popover__arrow[data-side=right][data-v-8af57bff] {
+.rp-popover__arrow[data-side=right][data-v-519e9856] {
     left: calc(-1 * var(--_rp-popover-arrow-size) / 2);
 }
-.rp-popover__arrow[data-side=bottom][data-v-8af57bff] {
+.rp-popover__arrow[data-side=bottom][data-v-519e9856] {
     top: calc(-1 * var(--_rp-popover-arrow-size) / 2);
 }
-.rp-popover__arrow[data-side=left][data-v-8af57bff] {
+.rp-popover__arrow[data-side=left][data-v-519e9856] {
     right: calc(-1 * var(--_rp-popover-arrow-size) / 2);
 }
-.rp-popover-content-enter-active[data-v-8af57bff],
-  .rp-popover-content-leave-active[data-v-8af57bff] {
+.rp-popover-content-enter-active[data-v-519e9856],
+  .rp-popover-content-leave-active[data-v-519e9856] {
     transition: opacity var(--rp-transition-fast);
 }
-.rp-popover-content-enter-from[data-v-8af57bff],
-  .rp-popover-content-leave-to[data-v-8af57bff] {
+.rp-popover-content-enter-from[data-v-519e9856],
+  .rp-popover-content-leave-to[data-v-519e9856] {
     opacity: 0;
 }
 }