ropav 0.0.8 → 0.0.10

package/dist/popover.js

@@ -1,7 +1,8 @@
 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, setAttr, setClass, setInsertionState, setProp, setStaticTemplateRef, setStyle, template, unref, useId, useSlots, watch } from "vue";
+import { t as createRafScheduler } from "./rafScheduler.js";
+import { VaporTransition, applyVShow, computed, createComponent, createIf, createSlot, defineVaporComponent, extend, isRef, onBeforeUnmount, onMounted, ref, renderEffect, setAttr, 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";
@@ -16,21 +17,24 @@ function isHTMLElement(value) {
 function getTargetPosition(rect, placement) {
 	const centerX = rect.left + rect.width / 2;
 	const centerY = rect.top + rect.height / 2;
-	switch (placement) {
+	const [side, alignment = "center"] = placement.split("-");
+	const alignedX = alignment === "start" ? rect.left : alignment === "end" ? rect.right : centerX;
+	const alignedY = alignment === "start" ? rect.top : alignment === "end" ? rect.bottom : centerY;
+	switch (side) {
 		case "right": return {
 			x: rect.right,
-			y: centerY
+			y: alignedY
 		};
 		case "bottom": return {
-			x: centerX,
+			x: alignedX,
 			y: rect.bottom
 		};
 		case "left": return {
 			x: rect.left,
-			y: centerY
+			y: alignedY
 		};
 		default: return {
-			x: centerX,
+			x: alignedX,
 			y: rect.top
 		};
 	}
@@ -92,6 +96,7 @@ function usePopover(props, emitOpenChange) {
 	const targetElement = ref(null);
 	const targetPosition = ref(null);
 	const uncontrolledOpen = ref(false);
+	const positionScheduler = createRafScheduler(updateTargetPosition, () => targetElement.value?.ownerDocument.defaultView);
 	const popoverId = computed(() => props.id ?? `${generatedId}-popover`);
 	const placement = computed(() => props.placement ?? DEFAULT_PLACEMENT);
 	const popoverRole = computed(() => props.role ?? DEFAULT_ROLE);
@@ -100,7 +105,8 @@ function usePopover(props, emitOpenChange) {
 	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 shouldRenderContent = computed(() => !isDisabled.value && (Boolean(props.keepMounted) || isVisible.value));
+	const shouldShowContent = computed(() => !props.keepMounted || isVisible.value);
 	const shouldWireTarget = computed(() => isTargetMode.value && !isDisabled.value);
 	const ariaLabel = computed(() => props.ariaLabel || void 0);
 	const ariaLabelledby = computed(() => props.ariaLabelledby || void 0);
@@ -143,7 +149,6 @@ function usePopover(props, emitOpenChange) {
 	}
 	function openPopover() {
 		if (isDisabled.value) return;
-		updateTargetPosition();
 		setOpen(true);
 	}
 	function closePopover() {
@@ -188,13 +193,13 @@ function usePopover(props, emitOpenChange) {
 		closePopover();
 	}
 	function syncTargetElement() {
+		positionScheduler.cancel();
 		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();
@@ -230,12 +235,14 @@ function usePopover(props, emitOpenChange) {
 		isTargetMode,
 		targetElement
 	], ([visible, targetMode, target], _previous, onCleanup) => {
-		if (!visible || !targetMode || !target || typeof window === "undefined") return;
-		window.addEventListener("resize", updateTargetPosition);
-		window.addEventListener("scroll", updateTargetPosition, true);
+		const view = target?.ownerDocument.defaultView;
+		if (!visible || !targetMode || !view) return;
+		view.addEventListener("resize", positionScheduler.schedule);
+		view.addEventListener("scroll", positionScheduler.schedule, true);
 		onCleanup(() => {
-			window.removeEventListener("resize", updateTargetPosition);
-			window.removeEventListener("scroll", updateTargetPosition, true);
+			view.removeEventListener("resize", positionScheduler.schedule);
+			view.removeEventListener("scroll", positionScheduler.schedule, true);
+			positionScheduler.cancel();
 		});
 	}, { flush: "sync" });
 	watch(isVisible, (visible, _previous, onCleanup) => {
@@ -255,9 +262,11 @@ function usePopover(props, emitOpenChange) {
 		placement,
 		isVisible
 	], () => {
+		positionScheduler.cancel();
 		if (isVisible.value) updateTargetPosition();
 	}, { flush: "sync" });
 	onMounted(syncTargetElement);
+	onBeforeUnmount(positionScheduler.cancel);
 	return {
 		rootRef,
 		popoverId,
@@ -269,6 +278,7 @@ function usePopover(props, emitOpenChange) {
 		ariaLabelledby,
 		ariaDescribedby,
 		shouldRenderContent,
+		shouldShowContent,
 		rootClass,
 		contentStyle,
 		triggerProps,
@@ -282,8 +292,8 @@ function usePopover(props, emitOpenChange) {
 }
 //#endregion
 //#region src/components/popover/popover.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<section data-v-fd62ef9b class=rp-popover__content>");
-var t1 = template("<span data-v-fd62ef9b>", 1);
+var t0 = template("<section data-v-13614b6c class=rp-popover__content>");
+var t1 = template("<span data-v-13614b6c>", 1);
 //#endregion
 //#region src/components/popover/popover.vue
 var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -313,13 +323,17 @@ var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		closeOnEscape: {
 			type: Boolean,
 			default: true
+		},
+		keepMounted: {
+			type: Boolean,
+			default: false
 		}
 	},
 	emits: ["update:open"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { rootRef, popoverId, isVisible, isTargetMode, popoverRole, ariaLabel, ariaLabelledby, ariaDescribedby, shouldRenderContent, rootClass, contentStyle, slotProps, contentSlotProps } = usePopover(props, (open) => {
+		const { rootRef, popoverId, isTargetMode, popoverRole, ariaLabel, ariaLabelledby, ariaDescribedby, shouldRenderContent, shouldShowContent, rootClass, contentStyle, slotProps, contentSlotProps } = usePopover(props, (open) => {
 			emit("update:open", open);
 		});
 		const n12 = t1();
@@ -365,13 +379,13 @@ var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 						}, null, 1);
 					}, null, 129);
 				}, 1);
-				applyVShow(n10, () => unref(isVisible));
+				applyVShow(n10, () => unref(shouldShowContent));
 				return n10;
 			}, null, 129);
 		}, { _: 8 }));
 		setStaticTemplateRef(n12, rootRef, null, "rootRef");
 		return n12;
 	}
-}), [["__scopeId", "data-v-fd62ef9b"]]);
+}), [["__scopeId", "data-v-13614b6c"]]);
 //#endregion
 export { popover_default as t };

package/dist/popover2.js

@@ -0,0 +1,17 @@
+//#region src/components/popover/types.ts
+var popoverPlacements = [
+	"top-start",
+	"top",
+	"top-end",
+	"right-start",
+	"right",
+	"right-end",
+	"bottom-start",
+	"bottom",
+	"bottom-end",
+	"left-start",
+	"left",
+	"left-end"
+];
+//#endregion
+export { popoverPlacements as t };

package/dist/progress.css

@@ -1,8 +1,8 @@
 .rp-progress[data-v-7870ef03] {
-  --_rp-progress-color: var(--_rp-progress-custom-color, var(--rp-color-control-selected-bg));
+  --_rp-progress-color: var(--rp-color-control-selected-bg);
   --_rp-progress-track-bg: var(--rp-color-control-track-bg);
   --_rp-progress-track-height: 8px;
-  --_rp-progress-font-size: var(--rp-font-size-base);
+  --_rp-progress-font-size: var(--rp-font-size-md);
   --_rp-progress-radius: var(--rp-radius-full);
   --_rp-progress-value: 0%;
   --_rp-progress-ratio: 0;
@@ -12,7 +12,7 @@
   gap: var(--rp-spacing-2);
   font-family: var(--rp-font-family);
   font-size: var(--_rp-progress-font-size);
-  line-height: var(--rp-line-height-normal);
+  line-height: var(--rp-line-height-md);
 }
 .rp-progress__header[data-v-7870ef03] {
   display: flex;
@@ -27,7 +27,7 @@
 }
 .rp-progress__value[data-v-7870ef03] {
   flex-shrink: 0;
-  color: var(--rp-color-text-secondary);
+  color: var(--rp-color-dimmed);
   font-variant-numeric: tabular-nums;
 }
 .rp-progress__track[data-v-7870ef03] {
@@ -53,45 +53,24 @@
   min-width: 2rem;
   animation: rp-progress-indeterminate-7870ef03 1200ms ease-in-out infinite;
 }
-.rp-progress--color-primary[data-v-7870ef03] {
-  --_rp-progress-color: var(--rp-color-primary);
-}
-.rp-progress--color-secondary[data-v-7870ef03] {
-  --_rp-progress-color: var(--rp-color-secondary);
-}
-.rp-progress--color-success[data-v-7870ef03] {
-  --_rp-progress-color: var(--rp-color-success);
-}
-.rp-progress--color-warning[data-v-7870ef03] {
-  --_rp-progress-color: var(--rp-color-warning);
-}
-.rp-progress--color-danger[data-v-7870ef03] {
-  --_rp-progress-color: var(--rp-color-danger);
-}
-.rp-progress--color-info[data-v-7870ef03] {
-  --_rp-progress-color: var(--rp-color-info);
-}
-.rp-progress--color-neutral[data-v-7870ef03] {
-  --_rp-progress-color: var(--rp-color-neutral);
-}
 .rp-progress--size-xs[data-v-7870ef03] {
-  --_rp-progress-track-height: 4px;
+  --_rp-progress-track-height: 3px;
   --_rp-progress-font-size: var(--rp-font-size-xs);
 }
 .rp-progress--size-sm[data-v-7870ef03] {
-  --_rp-progress-track-height: 6px;
+  --_rp-progress-track-height: 5px;
   --_rp-progress-font-size: var(--rp-font-size-sm);
 }
 .rp-progress--size-md[data-v-7870ef03] {
   --_rp-progress-track-height: 8px;
-  --_rp-progress-font-size: var(--rp-font-size-base);
+  --_rp-progress-font-size: var(--rp-font-size-md);
 }
 .rp-progress--size-lg[data-v-7870ef03] {
-  --_rp-progress-track-height: 10px;
+  --_rp-progress-track-height: 12px;
   --_rp-progress-font-size: var(--rp-font-size-lg);
 }
 .rp-progress--size-xl[data-v-7870ef03] {
-  --_rp-progress-track-height: 12px;
+  --_rp-progress-track-height: 16px;
   --_rp-progress-font-size: var(--rp-font-size-xl);
 }
 .rp-progress--radius-none[data-v-7870ef03] {

package/dist/progress.js

@@ -1,7 +1,7 @@
 import './progress.css';
 import { t as bem } from "./bem.js";
+import { n as getComponentColorValue, t as componentColors } from "./componentColors.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as getComponentCustomColor, r as isComponentPresetColor, t as componentColors } from "./componentColors.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
@@ -33,9 +33,6 @@ function getProgressAriaValueText(value, percent, ariaValueText, formatter) {
 	if (ariaValueText != null && ariaValueText !== "") return String(ariaValueText);
 	if (formatter) return String(formatter(value, percent));
 }
-function setProgressStyleValue(style, property, value) {
-	if (value) style[property] = value;
-}
 function useProgress(props) {
 	const control = useControlState(props);
 	const bounds = computed(() => normalizeProgressBounds(props.min, props.max));
@@ -47,7 +44,6 @@ function useProgress(props) {
 	return {
 		control,
 		rootClass: computed(() => bem("rp-progress", {
-			[`color-${props.color}`]: isComponentPresetColor(props.color),
 			[`size-${props.size}`]: Boolean(props.size),
 			[`radius-${props.radius}`]: Boolean(props.radius),
 			indeterminate: isIndeterminate.value
@@ -57,7 +53,8 @@ function useProgress(props) {
 				"--_rp-progress-value": `${valuePercent.value}%`,
 				"--_rp-progress-ratio": `${valuePercent.value / 100}`
 			};
-			setProgressStyleValue(style, "--_rp-progress-custom-color", getComponentCustomColor(props.color));
+			const colorValue = getComponentColorValue(props.color);
+			if (colorValue) style["--_rp-progress-color"] = colorValue;
 			return style;
 		}),
 		isIndeterminate,

package/dist/radio.css

@@ -1,9 +1,9 @@
-.rp-radio[data-v-18269eb4] {
-  --_rp-radio-color: var(--_rp-radio-custom-color, var(--rp-color-control-selected-bg));
-  --_rp-radio-on-color: var(--_rp-radio-custom-on-color, var(--rp-color-control-selected-fg));
-  --_rp-radio-size: 18px;
-  --_rp-radio-dot: 8px;
-  --_rp-radio-font-size: var(--rp-font-size-base);
+.rp-radio[data-v-c9fb5041] {
+  --_rp-radio-color: var(--rp-color-control-selected-bg);
+  --_rp-radio-on-color: var(--rp-color-control-selected-fg);
+  --_rp-radio-size: 24px;
+  --_rp-radio-dot: 10px;
+  --_rp-radio-font-size: var(--rp-font-size-md);
   --_rp-radio-checked-bg: var(--_rp-radio-color);
   --_rp-radio-checked-border: var(--_rp-radio-color);
   --_rp-radio-checked-dot: var(--_rp-radio-on-color);
@@ -13,15 +13,15 @@
   font-family: var(--rp-font-family);
   user-select: none;
 }
-.rp-radio--disabled[data-v-18269eb4] {
+.rp-radio--disabled[data-v-c9fb5041] {
   opacity: var(--rp-opacity-disabled);
   cursor: not-allowed;
 }
-.rp-radio[data-v-18269eb4] {
+.rp-radio[data-v-c9fb5041] {
   gap: var(--rp-spacing-2);
   font-size: var(--_rp-radio-font-size);
 }
-.rp-radio__native[data-v-18269eb4] {
+.rp-radio__native[data-v-c9fb5041] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -33,11 +33,11 @@
   border-width: 0;
   pointer-events: none;
 }
-.rp-radio__native:focus-visible + .rp-radio__dot[data-v-18269eb4] {
-  border-color: var(--rp-color-primary);
+.rp-radio__native:focus-visible + .rp-radio__dot[data-v-c9fb5041] {
+  border-color: var(--rp-color-control-border-focus);
   box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
-.rp-radio__dot[data-v-18269eb4] {
+.rp-radio__dot[data-v-c9fb5041] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -49,7 +49,7 @@
   background-color: var(--rp-color-control-bg);
   transition: background-color var(--rp-transition-fast), border-color var(--rp-transition-fast);
 }
-.rp-radio__dot[data-v-18269eb4]::after {
+.rp-radio__dot[data-v-c9fb5041]::after {
   content: "";
   width: var(--_rp-radio-dot);
   height: var(--_rp-radio-dot);
@@ -58,75 +58,47 @@
   transform: scale(0);
   transition: transform var(--rp-transition-fast);
 }
-.rp-radio--checked .rp-radio__dot[data-v-18269eb4] {
+.rp-radio--checked .rp-radio__dot[data-v-c9fb5041] {
   background-color: var(--_rp-radio-checked-bg);
   border-color: var(--_rp-radio-checked-border);
 }
-.rp-radio--checked .rp-radio__dot[data-v-18269eb4]::after {
+.rp-radio--checked .rp-radio__dot[data-v-c9fb5041]::after {
   transform: scale(1);
 }
-.rp-radio__label[data-v-18269eb4] {
-  line-height: var(--rp-line-height-normal);
+.rp-radio__label[data-v-c9fb5041] {
+  line-height: var(--rp-line-height-md);
   color: var(--rp-color-text);
 }
-.rp-radio--color-primary[data-v-18269eb4] {
-  --_rp-radio-color: var(--rp-color-primary);
-  --_rp-radio-on-color: var(--rp-color-on-primary);
-}
-.rp-radio--color-secondary[data-v-18269eb4] {
-  --_rp-radio-color: var(--rp-color-secondary);
-  --_rp-radio-on-color: var(--rp-color-on-secondary);
-}
-.rp-radio--color-success[data-v-18269eb4] {
-  --_rp-radio-color: var(--rp-color-success);
-  --_rp-radio-on-color: var(--rp-color-on-success);
-}
-.rp-radio--color-warning[data-v-18269eb4] {
-  --_rp-radio-color: var(--rp-color-warning);
-  --_rp-radio-on-color: var(--rp-color-on-warning);
-}
-.rp-radio--color-danger[data-v-18269eb4] {
-  --_rp-radio-color: var(--rp-color-danger);
-  --_rp-radio-on-color: var(--rp-color-on-danger);
-}
-.rp-radio--color-info[data-v-18269eb4] {
-  --_rp-radio-color: var(--rp-color-info);
-  --_rp-radio-on-color: var(--rp-color-on-info);
-}
-.rp-radio--color-neutral[data-v-18269eb4] {
-  --_rp-radio-color: var(--rp-color-neutral);
-  --_rp-radio-on-color: var(--rp-color-on-neutral);
-}
-.rp-radio--outline[data-v-18269eb4] {
+.rp-radio--outline[data-v-c9fb5041] {
   --_rp-radio-checked-bg: var(--rp-color-control-bg);
   --_rp-radio-checked-border: var(--_rp-radio-color);
   --_rp-radio-checked-dot: var(--_rp-radio-color);
 }
-.rp-radio--size-xs[data-v-18269eb4] {
-  --_rp-radio-size: 14px;
+.rp-radio--size-xs[data-v-c9fb5041] {
+  --_rp-radio-size: 16px;
   --_rp-radio-dot: 6px;
   --_rp-radio-font-size: var(--rp-font-size-xs);
 }
-.rp-radio--size-sm[data-v-18269eb4] {
-  --_rp-radio-size: 16px;
-  --_rp-radio-dot: 7px;
-  --_rp-radio-font-size: var(--rp-font-size-sm);
-}
-.rp-radio--size-md[data-v-18269eb4] {
-  --_rp-radio-size: 18px;
+.rp-radio--size-sm[data-v-c9fb5041] {
+  --_rp-radio-size: 20px;
   --_rp-radio-dot: 8px;
-  --_rp-radio-font-size: var(--rp-font-size-base);
+  --_rp-radio-font-size: var(--rp-font-size-sm);
 }
-.rp-radio--size-lg[data-v-18269eb4] {
-  --_rp-radio-size: 22px;
+.rp-radio--size-md[data-v-c9fb5041] {
+  --_rp-radio-size: 24px;
   --_rp-radio-dot: 10px;
+  --_rp-radio-font-size: var(--rp-font-size-md);
+}
+.rp-radio--size-lg[data-v-c9fb5041] {
+  --_rp-radio-size: 30px;
+  --_rp-radio-dot: 14px;
   --_rp-radio-font-size: var(--rp-font-size-lg);
 }
-.rp-radio--size-xl[data-v-18269eb4] {
-  --_rp-radio-size: 26px;
-  --_rp-radio-dot: 12px;
+.rp-radio--size-xl[data-v-c9fb5041] {
+  --_rp-radio-size: 36px;
+  --_rp-radio-dot: 16px;
   --_rp-radio-font-size: var(--rp-font-size-xl);
-}.rp-radio-group[data-v-a2c46e46] {
+}.rp-radio-group[data-v-4ef9fed2] {
   display: flex;
   flex-direction: column;
   gap: var(--rp-spacing-3);

package/dist/radio.js

@@ -1,21 +1,22 @@
 import './radio.css';
-import { t as useRequiredInject } from "./useRequiredInject.js";
 import { t as bem } from "./bem.js";
+import { n as getComponentColorValue, r as getComponentContrastColor } from "./componentColors.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 { t as useRequiredInject } from "./useRequiredInject.js";
 import { t as useControlState } from "./useControlState.js";
 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
 //#region src/components/radio/useRadio.ts
-function getRadioColorStyle(color) {
-	const customColor = getComponentCustomColor(color);
-	if (!customColor) return void 0;
-	return {
-		"--_rp-radio-custom-color": customColor,
-		"--_rp-radio-custom-on-color": "var(--rp-color-on-primary)"
-	};
+function getRadioColorStyle(color, autoContrast) {
+	const colorValue = getComponentColorValue(color);
+	if (color && !colorValue) return void 0;
+	if (!colorValue && !autoContrast) return void 0;
+	const style = {};
+	if (colorValue) style["--_rp-radio-color"] = colorValue;
+	if (autoContrast) style["--_rp-radio-on-color"] = getComponentContrastColor(color ?? "primary", { autoContrast });
+	return style;
 }
 function useRadio(props) {
 	const group = useRequiredInject(radioGroupKey, "RpRadio");
@@ -23,15 +24,15 @@ function useRadio(props) {
 	const isDisabled = computed(() => props.disabled || group.disabled);
 	const variant = computed(() => props.variant ?? group.variant);
 	const color = computed(() => props.color ?? group.color);
+	const autoContrast = computed(() => props.autoContrast ?? group.autoContrast);
 	const size = computed(() => props.size ?? group.size);
 	const rootClass = computed(() => bem("rp-radio", {
 		checked: isChecked.value,
 		disabled: isDisabled.value,
 		[variant.value ?? ""]: Boolean(variant.value),
-		[`color-${color.value}`]: isComponentPresetColor(color.value),
 		[`size-${size.value}`]: Boolean(size.value)
 	}));
-	const rootStyle = computed(() => getRadioColorStyle(color.value));
+	const rootStyle = computed(() => getRadioColorStyle(color.value, autoContrast.value));
 	function onSelect() {
 		if (isDisabled.value) return;
 		group.select(props.value);
@@ -72,6 +73,9 @@ function useRadioGroup(props, emitUpdate) {
 		get color() {
 			return props.color;
 		},
+		get autoContrast() {
+			return props.autoContrast;
+		},
 		get size() {
 			return props.size;
 		},
@@ -86,8 +90,8 @@ function useRadioGroup(props, emitUpdate) {
 }
 //#endregion
 //#region src/components/radio/radio.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0$1 = template("<span data-v-18269eb4 class=rp-radio__label>");
-var t1 = template("<label data-v-18269eb4><input data-v-18269eb4 type=radio class=rp-radio__native><span data-v-18269eb4 class=rp-radio__dot></span>", 1);
+var t0$1 = template("<span data-v-c9fb5041 class=rp-radio__label>");
+var t1 = template("<label data-v-c9fb5041><input data-v-c9fb5041 type=radio class=rp-radio__native><span data-v-c9fb5041 class=rp-radio__dot></span>", 1);
 //#endregion
 //#region src/components/radio/radio.vue
 var radio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -97,6 +101,10 @@ var radio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		value: {},
 		variant: { default: void 0 },
 		color: { default: void 0 },
+		autoContrast: {
+			type: Boolean,
+			default: void 0
+		},
 		size: { default: void 0 },
 		disabled: {
 			type: Boolean,
@@ -130,10 +138,10 @@ var radio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		});
 		return n5;
 	}
-}), [["__scopeId", "data-v-18269eb4"]]);
+}), [["__scopeId", "data-v-c9fb5041"]]);
 //#endregion
 //#region src/components/radio/radio-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<div data-v-a2c46e46 role=radiogroup>", 1);
+var t0 = template("<div data-v-4ef9fed2 role=radiogroup>", 1);
 //#endregion
 //#region src/components/radio/radio-group.vue
 var radio_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -145,6 +153,10 @@ var radio_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		modelValue: {},
 		variant: { default: void 0 },
 		color: { default: void 0 },
+		autoContrast: {
+			type: Boolean,
+			default: void 0
+		},
 		size: { default: void 0 },
 		disabled: {
 			type: Boolean,
@@ -187,6 +199,6 @@ var radio_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		createSlot("default", null, null, 1);
 		return n1;
 	}
-}), [["__scopeId", "data-v-a2c46e46"]]);
+}), [["__scopeId", "data-v-4ef9fed2"]]);
 //#endregion
 export { radio_default as n, radio_group_default as t };

package/dist/rafScheduler.js

@@ -0,0 +1,34 @@
+//#region src/utils/rafScheduler.ts
+function createRafScheduler(callback, getView) {
+	let frameId;
+	let frameView;
+	let generation = 0;
+	function cancel() {
+		generation += 1;
+		if (frameId !== void 0) frameView?.cancelAnimationFrame(frameId);
+		frameId = void 0;
+		frameView = void 0;
+	}
+	function schedule() {
+		if (frameId !== void 0) return;
+		const view = getView();
+		if (!view?.requestAnimationFrame) {
+			callback();
+			return;
+		}
+		const scheduledGeneration = generation;
+		frameView = view;
+		frameId = view.requestAnimationFrame(() => {
+			if (generation !== scheduledGeneration || frameView !== view) return;
+			frameId = void 0;
+			frameView = void 0;
+			callback();
+		});
+	}
+	return {
+		cancel,
+		schedule
+	};
+}
+//#endregion
+export { createRafScheduler as t };