ropav 0.1.5 → 0.1.7

package/dist/input.js

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

package/dist/interactive.js

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

package/dist/modal.js

@@ -1,13 +1,14 @@
 import './modal.css';
-import { t as x_default } from "./x.js";
+import { t as useControllableValue } from "./useControllableValue.js";
+import { t as useStylesApi } from "./styles-api.js";
 import { t as bem } from "./bem.js";
-import { n as useStylesApi } from "./styles-api.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as x_default } from "./x.js";
 import { a as dialog_overlay_default, c as dialog_close_default, i as dialog_portal_default, l as resolveDialogCloseReason, n as dialog_title_default, o as dialog_description_default, r as dialog_root_default, s as dialog_content_default } from "./dialog.js";
 import { t as icon_button_default } from "./icon-button.js";
 import { t as overlay_default } from "./overlay.js";
 import { t as scroll_area_default } from "./scroll-area.js";
-import { VaporTransition, applyVShow, computed, createComponent, createIf, createSlot, defineVaporComponent, extend, mergeProps, ref, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, unref, useId, useSlots } from "vue";
+import { VaporTransition, applyVShow, computed, createComponent, createIf, createSlot, defineVaporComponent, extend, mergeProps, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, unref, useId, useSlots } from "vue";
 //#region src/components/modal/useModal.ts
 var DEFAULT_ROLE = "dialog";
 var DEFAULT_SIZE = "md";
@@ -24,14 +25,18 @@ function isModalPresetSize(size) {
 function useModal(props, emit = {}) {
 	const slots = useSlots();
 	const generatedId = useId();
-	const uncontrolledOpen = ref(false);
+	const controllableOpen = useControllableValue({
+		modelValue: () => props.open,
+		defaultValue: () => false,
+		onChange: (open) => emit.openChange?.(open)
+	});
 	const modalId = computed(() => props.id ?? `${generatedId}-modal`);
 	const titleId = computed(() => `${modalId.value}-title`);
 	const descriptionId = computed(() => `${modalId.value}-description`);
 	const role = computed(() => props.role ?? DEFAULT_ROLE);
 	const size = computed(() => props.size || DEFAULT_SIZE);
 	const isPresetSize = computed(() => isModalPresetSize(size.value));
-	const isOpen = computed(() => props.open ?? uncontrolledOpen.value);
+	const isOpen = controllableOpen.value;
 	const shouldRender = computed(() => Boolean(props.keepMounted || isOpen.value));
 	const hasCustomHeader = computed(() => Boolean(slots.header));
 	const hasHeader = computed(() => Boolean(hasCustomHeader.value || props.title || props.description));
@@ -65,8 +70,7 @@ function useModal(props, emit = {}) {
 	}));
 	function setOpen(nextOpen) {
 		if (nextOpen === isOpen.value) return;
-		if (props.open === void 0) uncontrolledOpen.value = nextOpen;
-		emit.openChange?.(nextOpen);
+		controllableOpen.setValue(nextOpen);
 	}
 	function openModal() {
 		setOpen(true);

package/dist/number-input.css

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

package/dist/number-input.js

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

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 { t as useStylesApi } from "./styles-api.js";
 import { t as bem } from "./bem.js";
-import { n as useStylesApi } from "./styles-api.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);
 }
 }