ropav 0.1.6 → 0.1.8

package/dist/pagination.js

@@ -1,21 +1,14 @@
 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_left_default } from "./chevron-left.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";
-//#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) {
-	return t0$4();
-}
-var chevron_left_default = markRaw(defineVaporComponent({
-	name: "lucide-chevron-left",
-	render: render$3
-}));
-//#endregion
+import { child, computed, createComponent, createFor, createIf, createSlot, defineVaporComponent, markRaw, on, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, unref } from "vue";
 //#region ~icons/lucide/chevrons-left
 var t0$3 = 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=\"m11 17l-5-5l5-5m7 10l-5-5l5-5\">", 3, 1);
 function render$2(_ctx) {
@@ -46,7 +39,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 +48,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 +134,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 +162,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 +233,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 +242,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 +250,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 +287,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 +312,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 +339,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 +374,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 +399,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 +432,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/pointerSession.js

@@ -0,0 +1,130 @@
+import { t as createRafScheduler } from "./rafScheduler.js";
+//#region src/utils/dom/pointerSession.ts
+function getPointerId(event) {
+	return Number.isFinite(event.pointerId) ? event.pointerId : void 0;
+}
+function isMatchingPointer(event, pointerId) {
+	return pointerId === void 0 || getPointerId(event) === pointerId;
+}
+function createPointerSession(adapter) {
+	let session;
+	let pendingPointerEvent;
+	let geometryDirty = false;
+	function refreshGeometry(currentSession) {
+		if (!geometryDirty) return true;
+		if (!adapter.refreshGeometry) {
+			geometryDirty = false;
+			return true;
+		}
+		if (!adapter.refreshGeometry(currentSession.state)) return false;
+		geometryDirty = false;
+		return session === currentSession;
+	}
+	function applyScheduledUpdate() {
+		const currentSession = session;
+		if (!currentSession || !refreshGeometry(currentSession)) return;
+		const event = pendingPointerEvent;
+		pendingPointerEvent = void 0;
+		if (event) adapter.onUpdate(event, currentSession.state);
+	}
+	const updateScheduler = createRafScheduler(applyScheduledUpdate, () => session?.view);
+	function cancelPendingUpdate() {
+		updateScheduler.cancel();
+		pendingPointerEvent = void 0;
+	}
+	function flushPendingUpdate() {
+		updateScheduler.cancel();
+		applyScheduledUpdate();
+	}
+	function scheduleUpdate() {
+		if (session) updateScheduler.schedule();
+	}
+	function onGeometryChange() {
+		if (!session) return;
+		geometryDirty = true;
+		scheduleUpdate();
+	}
+	function removeListeners(currentSession) {
+		currentSession.view?.removeEventListener("pointermove", onPointerMove);
+		currentSession.view?.removeEventListener("pointerup", onPointerEnd);
+		currentSession.view?.removeEventListener("pointercancel", onPointerEnd);
+		if (adapter.refreshGeometry) {
+			currentSession.view?.removeEventListener("resize", onGeometryChange);
+			currentSession.view?.removeEventListener("scroll", onGeometryChange, true);
+		}
+	}
+	function stop() {
+		const stoppedSession = session;
+		if (!stoppedSession) return;
+		removeListeners(stoppedSession);
+		cancelPendingUpdate();
+		geometryDirty = false;
+		session = void 0;
+		adapter.onStop?.(stoppedSession.state);
+	}
+	function addListeners(currentSession) {
+		currentSession.view?.addEventListener("pointermove", onPointerMove);
+		currentSession.view?.addEventListener("pointerup", onPointerEnd);
+		currentSession.view?.addEventListener("pointercancel", onPointerEnd);
+		if (adapter.refreshGeometry) {
+			currentSession.view?.addEventListener("resize", onGeometryChange);
+			currentSession.view?.addEventListener("scroll", onGeometryChange, true);
+		}
+	}
+	function updateImmediately(event, currentSession) {
+		if (refreshGeometry(currentSession)) adapter.onUpdate(event, currentSession.state);
+	}
+	function onPointerMove(event) {
+		const currentSession = session;
+		if (!currentSession || !isMatchingPointer(event, currentSession.pointerId)) return;
+		if (adapter.updateMode === "immediate") {
+			updateImmediately(event, currentSession);
+			return;
+		}
+		pendingPointerEvent = event;
+		scheduleUpdate();
+	}
+	function applyEndUpdate(event, currentSession) {
+		switch (adapter.endUpdate ?? "pending-pointerup") {
+			case "event":
+				cancelPendingUpdate();
+				updateImmediately(event, currentSession);
+				break;
+			case "none":
+				cancelPendingUpdate();
+				break;
+			case "pending-pointerup":
+				if (event.type === "pointerup") flushPendingUpdate();
+				else cancelPendingUpdate();
+				break;
+		}
+	}
+	function onPointerEnd(event) {
+		const currentSession = session;
+		if (!currentSession || !isMatchingPointer(event, currentSession.pointerId)) return;
+		applyEndUpdate(event, currentSession);
+		stop();
+	}
+	function start(event, initialize) {
+		if (event.button !== 0 || event.isPrimary === false) return false;
+		const next = initialize();
+		if (!next) return false;
+		stop();
+		const nextSession = {
+			pointerId: getPointerId(event),
+			state: next.state,
+			view: next.target.ownerDocument.defaultView
+		};
+		session = nextSession;
+		geometryDirty = next.geometryDirty ?? false;
+		adapter.onStart?.(event, next.state);
+		if (session === nextSession) addListeners(nextSession);
+		return true;
+	}
+	return {
+		start,
+		stop
+	};
+}
+//#endregion
+export { createPointerSession 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,34 +108,52 @@
     left: 0;
     translate: none;
 }
-.rp-popover__arrow[data-v-8af57bff] {
+.rp-popover__arrow[data-v-519e9856] {
+    background-color: inherit;
+    border: inherit;
+    rotate: 45deg;
+}
+.rp-popover__arrow[data-side=top][data-v-519e9856] {
+    border-top-color: transparent;
+    border-left-color: transparent;
+}
+.rp-popover__arrow[data-side=right][data-v-519e9856] {
+    border-top-color: transparent;
+    border-right-color: transparent;
+}
+.rp-popover__arrow[data-side=bottom][data-v-519e9856] {
+    border-right-color: transparent;
+    border-bottom-color: transparent;
+}
+.rp-popover__arrow[data-side=left][data-v-519e9856] {
+    border-bottom-color: transparent;
+    border-left-color: transparent;
+}
+.rp-popover__arrow[data-v-519e9856] {
     position: absolute;
     box-sizing: border-box;
     width: var(--_rp-popover-arrow-size);
     height: var(--_rp-popover-arrow-size);
     pointer-events: none;
-    background-color: inherit;
-    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;
 }
 }