ropav 0.1.3 → 0.1.5

package/dist/slider.js

@@ -3,7 +3,8 @@ import { t as bem } from "./bem.js";
 import { n as useStylesApi, t as presence } from "./styles-api.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 { i as useFormControl, o as useControllableValue } from "./useFormControl.js";
+import { t as useControllableValue } from "./useControllableValue.js";
+import { i as useFormControl } from "./useFormControl.js";
 import { t as useControlState } from "./useControlState.js";
 import { i as useDelayedOpen, n as resolveTooltipColorStyleWithContrast, r as resolveTooltipOffsetStyle, t as tooltip_default } from "./tooltip.js";
 import { applyVShow, child, computed, createComponent, createFor, createIf, createInvoker, createSlot, createTemplateRefSetter, defineVaporComponent, delegateEvents, extend, next, nextTick, on, onBeforeUnmount, onMounted, ref, renderEffect, setClass, setDynamicProps, setInsertionState, setProp, setStyle, setText, template, toDisplayString, toRef, txt, unref, useId, useSlots, watch } from "vue";
@@ -185,6 +186,8 @@ function useSlider(props, emitUpdate, getValue = () => props.modelValue ?? props
 	const tooltipPlacement = computed(() => tooltipOptions.value.placement ?? (props.orientation === "vertical" ? "left" : "top"));
 	const tooltipId = computed(() => tooltipOptions.value.id);
 	const tooltipColor = computed(() => tooltipOptions.value.color);
+	const tooltipAutoContrast = computed(() => tooltipOptions.value.autoContrast);
+	const tooltipContrastColor = computed(() => tooltipOptions.value.contrastColor);
 	const tooltipOffset = computed(() => tooltipOptions.value.offset);
 	const tooltipArrow = computed(() => tooltipOptions.value.arrow ?? false);
 	const tooltipValue = computed(() => tooltipAnchor.value === "pointer" && previewAvailable.value ? previewValue.value : normalizedValue.value);
@@ -363,6 +366,8 @@ function useSlider(props, emitUpdate, getValue = () => props.modelValue ?? props
 		tooltipPlacement,
 		tooltipId,
 		tooltipColor,
+		tooltipAutoContrast,
+		tooltipContrastColor,
 		tooltipOffset,
 		tooltipOpenDelay,
 		tooltipArrow,
@@ -382,17 +387,17 @@ function useSlider(props, emitUpdate, getValue = () => props.modelValue ?? props
 }
 //#endregion
 //#region src/components/slider/slider.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0$2 = template("<span data-v-3864baf4>");
-var t1$2 = template("<span data-v-3864baf4 class=rp-slider__header>");
-var t2$2 = template("<span data-v-3864baf4 class=\"rp-slider__track-layer rp-slider__track-underlay\"aria-hidden=true>");
-var t3$2 = template("<span data-v-3864baf4 class=\"rp-slider__track-layer rp-slider__track-overlay\"aria-hidden=true>");
-var t4$2 = template("<span data-v-3864baf4 class=rp-slider__travel aria-hidden=true>", 2);
-var t5$1 = template("<span data-v-3864baf4> ");
-var t6$1 = template("<span data-v-3864baf4><span data-v-3864baf4 class=rp-slider__mark-dot></span>");
-var t7$1 = template("<span data-v-3864baf4 class=rp-slider__marks aria-hidden=true>");
-var t8$1 = template("<span data-v-3864baf4 class=rp-slider__tooltip-anchor aria-hidden=true></span>", 2);
+var t0$2 = template("<span data-v-7833309e>");
+var t1$2 = template("<span data-v-7833309e class=rp-slider__header>");
+var t2$2 = template("<span data-v-7833309e class=\"rp-slider__track-layer rp-slider__track-underlay\"aria-hidden=true>");
+var t3$2 = template("<span data-v-7833309e class=\"rp-slider__track-layer rp-slider__track-overlay\"aria-hidden=true>");
+var t4$2 = template("<span data-v-7833309e class=rp-slider__travel aria-hidden=true>", 2);
+var t5$1 = template("<span data-v-7833309e> ");
+var t6$1 = template("<span data-v-7833309e><span data-v-7833309e class=rp-slider__mark-dot></span>");
+var t7$1 = template("<span data-v-7833309e class=rp-slider__marks aria-hidden=true>");
+var t8$1 = template("<span data-v-7833309e class=rp-slider__tooltip-anchor aria-hidden=true></span>", 2);
 var t9$1 = template(" ");
-var t10 = template("<label data-v-3864baf4><span data-v-3864baf4><span data-v-3864baf4 class=rp-slider__rail aria-hidden=true></span><!><span data-v-3864baf4></span><!><input data-v-3864baf4><!><span data-v-3864baf4><span data-v-3864baf4 class=rp-slider__thumb-content>", 1);
+var t10 = template("<label data-v-7833309e><span data-v-7833309e><span data-v-7833309e class=rp-slider__rail aria-hidden=true></span><!><span data-v-7833309e></span><!><input data-v-7833309e><!><span data-v-7833309e><span data-v-7833309e class=rp-slider__thumb-content>", 1);
 delegateEvents("pointerdown", "pointermove", "focusin", "focusout", "keydown");
 //#endregion
 //#region src/components/slider/slider.vue
@@ -462,7 +467,7 @@ var slider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			defaultValue: () => props.defaultValue ?? props.min,
 			onChange: (value) => emit("update:modelValue", value)
 		});
-		const { control, nativeMin, nativeMax, nativeStep, rootClass, normalizedValue, valuePercent, formattedValue, ariaValueText, markItems, thumbMode, trackSlotProps, trackStyle, trackHovered, dragging, tooltipVisible, tooltipOpen, tooltipAnchor, tooltipPlacement, tooltipId, tooltipColor, tooltipOffset, tooltipOpenDelay, tooltipArrow, tooltipValue, tooltipPercent, tooltipFormattedValue, tooltipContent, onInput, onTooltipPointerDown, onTooltipPointerMove, onTooltipTrackEnter, onTooltipTrackLeave, onTooltipFocusIn, onTooltipFocusOut, onTooltipKeydown } = useSlider(props, (value) => controllable.setValue(value), () => controllable.value.value);
+		const { control, nativeMin, nativeMax, nativeStep, rootClass, normalizedValue, valuePercent, formattedValue, ariaValueText, markItems, thumbMode, trackSlotProps, trackStyle, trackHovered, dragging, tooltipVisible, tooltipOpen, tooltipAnchor, tooltipPlacement, tooltipId, tooltipColor, tooltipAutoContrast, tooltipContrastColor, tooltipOffset, tooltipOpenDelay, tooltipArrow, tooltipValue, tooltipPercent, tooltipFormattedValue, tooltipContent, onInput, onTooltipPointerDown, onTooltipPointerMove, onTooltipTrackEnter, onTooltipTrackLeave, onTooltipFocusIn, onTooltipFocusOut, onTooltipKeydown } = useSlider(props, (value) => controllable.setValue(value), () => controllable.value.value);
 		useFormControl({
 			elements: () => [inputRef.value],
 			isControlled: () => controllable.isControlled.value,
@@ -643,6 +648,8 @@ var slider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				content: () => unref(tooltipContent),
 				placement: () => unref(tooltipPlacement),
 				color: () => unref(tooltipColor),
+				"auto-contrast": () => unref(tooltipAutoContrast),
+				"contrast-color": () => unref(tooltipContrastColor),
 				offset: () => unref(tooltipOffset),
 				open: () => unref(tooltipOpen),
 				"open-delay": () => unref(tooltipOpenDelay),
@@ -675,7 +682,7 @@ var slider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		n45.$evtkeydown = createInvoker((e) => unref(onTooltipKeydown)(e));
 		return n48;
 	}
-}), [["__scopeId", "data-v-3864baf4"]]);
+}), [["__scopeId", "data-v-7833309e"]]);
 //#endregion
 //#region src/components/slider/useRangeSliderTooltipCollision.ts
 var TOOLTIP_COLLISION_GAP = 4;
@@ -867,11 +874,11 @@ function useRangeSliderTooltipCollision({ enabled, lower, orientation, placement
 }
 //#endregion
 //#region src/components/slider/range-slider-tooltip.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0$1 = template("<span data-v-ce70c540 class=rp-range-slider__tooltip-merged-value> </span>");
-var t1$1 = template("<span data-v-ce70c540 class=rp-range-slider__tooltip-merged-value> ");
-var t2$1 = template("<span data-v-ce70c540 class=rp-range-slider__tooltip-merged-separator>–</span>", 2);
+var t0$1 = template("<span data-v-031ced3e class=rp-range-slider__tooltip-merged-value> </span>");
+var t1$1 = template("<span data-v-031ced3e class=rp-range-slider__tooltip-merged-value> ");
+var t2$1 = template("<span data-v-031ced3e class=rp-range-slider__tooltip-merged-separator>–</span>", 2);
 var t3$1 = template(" ");
-var t4$1 = template("<span data-v-ce70c540 aria-hidden=true><span data-v-ce70c540 data-thumb=lower><span data-v-ce70c540 class=rp-range-slider__tooltip-anchor></span><span data-v-ce70c540 class=rp-tooltip__content aria-hidden=true> </span></span><span data-v-ce70c540 data-thumb=upper><span data-v-ce70c540 class=rp-range-slider__tooltip-anchor></span><span data-v-ce70c540 class=rp-tooltip__content aria-hidden=true> </span></span><span data-v-ce70c540 data-thumb=merged><span data-v-ce70c540 class=rp-range-slider__tooltip-anchor></span><span data-v-ce70c540 class=rp-tooltip__content aria-hidden=true>", 1);
+var t4$1 = template("<span data-v-031ced3e aria-hidden=true><span data-v-031ced3e data-thumb=lower><span data-v-031ced3e class=rp-range-slider__tooltip-anchor></span><span data-v-031ced3e class=rp-tooltip__content aria-hidden=true> </span></span><span data-v-031ced3e data-thumb=upper><span data-v-031ced3e class=rp-range-slider__tooltip-anchor></span><span data-v-031ced3e class=rp-tooltip__content aria-hidden=true> </span></span><span data-v-031ced3e data-thumb=merged><span data-v-031ced3e class=rp-range-slider__tooltip-anchor></span><span data-v-031ced3e class=rp-tooltip__content aria-hidden=true>", 1);
 //#endregion
 //#region src/components/slider/range-slider-tooltip.vue
 var range_slider_tooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -883,6 +890,11 @@ var range_slider_tooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			default: false
 		},
 		color: { default: void 0 },
+		autoContrast: {
+			type: Boolean,
+			default: true
+		},
+		contrastColor: { default: void 0 },
 		content: {},
 		ids: {},
 		mergedContent: {},
@@ -924,7 +936,7 @@ var range_slider_tooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 		}));
 		const contentStyle = computed(() => ({
 			...resolveTooltipOffsetStyle(props.offset),
-			...resolveTooltipColorStyleWithContrast(props.color, void 0)
+			...resolveTooltipColorStyleWithContrast(props.color, props.autoContrast, props.contrastColor)
 		}));
 		const { tooltipsOverlapping, mergedArrowOffset, mergedMinSize } = useRangeSliderTooltipCollision({
 			enabled: toRef(props, "open"),
@@ -1041,7 +1053,7 @@ var range_slider_tooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 		_setTemplateRef(n16, tooltipLayerRef, null, "tooltipLayerRef");
 		return n16;
 	}
-}), [["__scopeId", "data-v-ce70c540"]]);
+}), [["__scopeId", "data-v-031ced3e"]]);
 //#endregion
 //#region src/components/slider/useRangeSliderPointer.ts
 function useRangeSliderPointer(options) {
@@ -1434,6 +1446,8 @@ function useRangeSlider(props, emitUpdate, getValue = () => props.modelValue ??
 		return baseId ? `${baseId}-merged` : void 0;
 	});
 	const tooltipColor = computed(() => tooltipOptions.value.color);
+	const tooltipAutoContrast = computed(() => tooltipOptions.value.autoContrast);
+	const tooltipContrastColor = computed(() => tooltipOptions.value.contrastColor);
 	const tooltipOffset = computed(() => tooltipOptions.value.offset);
 	const tooltipArrow = computed(() => tooltipOptions.value.arrow ?? false);
 	const tooltipContent = computed(() => [String(formattedValue.value[0]), String(formattedValue.value[1])]);
@@ -1586,6 +1600,8 @@ function useRangeSlider(props, emitUpdate, getValue = () => props.modelValue ??
 		tooltipIds,
 		mergedTooltipId,
 		tooltipColor,
+		tooltipAutoContrast,
+		tooltipContrastColor,
 		tooltipOffset,
 		tooltipOpenDelay,
 		tooltipArrow,
@@ -1602,16 +1618,16 @@ function useRangeSlider(props, emitUpdate, getValue = () => props.modelValue ??
 }
 //#endregion
 //#region src/components/slider/range-slider.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<span data-v-6bfae0e8>");
-var t1 = template("<span data-v-6bfae0e8 class=rp-range-slider__header>");
-var t2 = template("<span data-v-6bfae0e8 class=\"rp-range-slider__track-layer rp-range-slider__track-underlay\"aria-hidden=true>");
-var t3 = template("<span data-v-6bfae0e8 class=\"rp-range-slider__track-layer rp-range-slider__track-overlay\"aria-hidden=true>");
-var t4 = template("<input data-v-6bfae0e8>");
-var t5 = template("<span data-v-6bfae0e8> ");
-var t6 = template("<span data-v-6bfae0e8><span data-v-6bfae0e8 class=rp-range-slider__mark-dot></span>");
-var t7 = template("<span data-v-6bfae0e8 class=rp-range-slider__marks aria-hidden=true>");
-var t8 = template("<span data-v-6bfae0e8><span data-v-6bfae0e8 class=rp-range-slider__thumb-content>");
-var t9 = template("<div data-v-6bfae0e8><span data-v-6bfae0e8><span data-v-6bfae0e8 class=rp-range-slider__rail aria-hidden=true></span><!><span data-v-6bfae0e8></span><!><span data-v-6bfae0e8 class=rp-range-slider__thumbs aria-hidden=true>", 1);
+var t0 = template("<span data-v-458ba46f>");
+var t1 = template("<span data-v-458ba46f class=rp-range-slider__header>");
+var t2 = template("<span data-v-458ba46f class=\"rp-range-slider__track-layer rp-range-slider__track-underlay\"aria-hidden=true>");
+var t3 = template("<span data-v-458ba46f class=\"rp-range-slider__track-layer rp-range-slider__track-overlay\"aria-hidden=true>");
+var t4 = template("<input data-v-458ba46f>");
+var t5 = template("<span data-v-458ba46f> ");
+var t6 = template("<span data-v-458ba46f><span data-v-458ba46f class=rp-range-slider__mark-dot></span>");
+var t7 = template("<span data-v-458ba46f class=rp-range-slider__marks aria-hidden=true>");
+var t8 = template("<span data-v-458ba46f><span data-v-458ba46f class=rp-range-slider__thumb-content>");
+var t9 = template("<div data-v-458ba46f><span data-v-458ba46f><span data-v-458ba46f class=rp-range-slider__rail aria-hidden=true></span><!><span data-v-458ba46f></span><!><span data-v-458ba46f class=rp-range-slider__thumbs aria-hidden=true>", 1);
 delegateEvents("pointerdown");
 //#endregion
 //#region src/components/slider/range-slider.vue
@@ -1680,7 +1696,7 @@ var range_slider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			defaultValue: () => props.defaultValue ?? [props.min, props.max],
 			onChange: (value) => emit("update:modelValue", value)
 		});
-		const { control, nativeMin, nativeMax, nativeStep, nativeNames, nativeIds, rootClass, normalizedValue, valuePercent, formattedValue, ariaLabels, ariaValueText, markItems, trackSlotProps, trackStyle, activeThumb, tooltipVisible, tooltipOpen, tooltipPlacement, tooltipIds, mergedTooltipId, tooltipColor, tooltipOffset, tooltipArrow, tooltipContent, mergedTooltipContent, onInput, onTrackPointerDown, onTooltipFocus, onTooltipBlur, onTooltipTrackMouseEnter, onTooltipTrackMouseLeave, onTooltipKeydown } = useRangeSlider(props, (value) => controllable.setValue(value), () => controllable.value.value);
+		const { control, nativeMin, nativeMax, nativeStep, nativeNames, nativeIds, rootClass, normalizedValue, valuePercent, formattedValue, ariaLabels, ariaValueText, markItems, trackSlotProps, trackStyle, activeThumb, tooltipVisible, tooltipOpen, tooltipPlacement, tooltipIds, mergedTooltipId, tooltipColor, tooltipAutoContrast, tooltipContrastColor, tooltipOffset, tooltipArrow, tooltipContent, mergedTooltipContent, onInput, onTrackPointerDown, onTooltipFocus, onTooltipBlur, onTooltipTrackMouseEnter, onTooltipTrackMouseLeave, onTooltipKeydown } = useRangeSlider(props, (value) => controllable.setValue(value), () => controllable.value.value);
 		const validationMessages = computed(() => Array.isArray(props.validationMessage) ? props.validationMessage : [props.validationMessage, props.validationMessage]);
 		function normalizeInitialValue(value = controllable.initialValue) {
 			return normalizeRangeSliderValue(value, props.min, props.max, props.step, props.minRange);
@@ -1916,6 +1932,8 @@ var range_slider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			return createComponent(range_slider_tooltip_default, {
 				arrow: () => unref(tooltipArrow),
 				color: () => unref(tooltipColor),
+				"auto-contrast": () => unref(tooltipAutoContrast),
+				"contrast-color": () => unref(tooltipContrastColor),
 				content: () => unref(tooltipContent),
 				ids: () => unref(tooltipIds),
 				"merged-content": () => unref(mergedTooltipContent),
@@ -1935,7 +1953,7 @@ var range_slider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		on(n42, "mouseleave", (e) => unref(onTooltipTrackMouseLeave)(e));
 		return n44;
 	}
-}), [["__scopeId", "data-v-6bfae0e8"]]);
+}), [["__scopeId", "data-v-458ba46f"]]);
 //#endregion
 //#region src/components/slider/types.ts
 var sliderParts = [

package/dist/switch.js

@@ -3,7 +3,8 @@ import { t as bem } from "./bem.js";
 import { n as useStylesApi, t as presence } from "./styles-api.js";
 import { n as getComponentColorValue } from "./componentColors.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { o as useControllableValue, r as useCheckedFormControl } from "./useFormControl.js";
+import { t as useControllableValue } from "./useControllableValue.js";
+import { r as useCheckedFormControl } from "./useFormControl.js";
 import { t as useControlState } from "./useControlState.js";
 import { child, computed, createIf, createSlot, defineVaporComponent, next, nextTick, ref, renderEffect, setDynamicProps, setInsertionState, setStaticTemplateRef, template, unref } from "vue";
 //#region src/components/switch/useSwitch.ts

package/dist/tabs.css

@@ -34,7 +34,7 @@
     flex: 1 1 0;
 }
 }@layer ropav.components {
-.rp-tabs-list[data-v-af4a8aa3] {
+.rp-tabs-list[data-v-9bb1525b] {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
@@ -47,37 +47,37 @@
     background-color: transparent;
     border: 0;
 }
-.rp-tabs-list[data-v-af4a8aa3] .rp-scroll-area__content {
+.rp-tabs-list[data-v-9bb1525b] .rp-scroll-area__content {
     display: flex;
     align-items: stretch;
     width: max-content;
     min-width: 100%;
     gap: 0;
 }
-.rp-tabs-list--vertical[data-v-af4a8aa3] {
+.rp-tabs-list--vertical[data-v-9bb1525b] {
     width: max-content;
 }
-.rp-tabs-list--vertical[data-v-af4a8aa3] .rp-scroll-area__content {
+.rp-tabs-list--vertical[data-v-9bb1525b] .rp-scroll-area__content {
     flex-direction: column;
 }
-.rp-tabs-list--line[data-v-af4a8aa3] .rp-scroll-area__content {
+.rp-tabs-list--line[data-v-9bb1525b] .rp-scroll-area__content {
     border-bottom: var(--rp-border-width-medium) solid var(--rp-color-default-border);
 }
-.rp-tabs-list--line.rp-tabs-list--vertical[data-v-af4a8aa3] .rp-scroll-area__content {
+.rp-tabs-list--line.rp-tabs-list--vertical[data-v-9bb1525b] .rp-scroll-area__content {
     border-bottom: 0;
     border-left: var(--rp-border-width-medium) solid var(--rp-color-default-border);
 }
-.rp-tabs-list--line.rp-tabs-list--vertical.rp-tabs-list--placement-right[data-v-af4a8aa3] .rp-scroll-area__content {
+.rp-tabs-list--line.rp-tabs-list--vertical.rp-tabs-list--placement-right[data-v-9bb1525b] .rp-scroll-area__content {
     border-right: var(--rp-border-width-medium) solid var(--rp-color-default-border);
     border-left: 0;
 }
-.rp-tabs-list--pills[data-v-af4a8aa3] .rp-scroll-area__content {
+.rp-tabs-list--pills[data-v-9bb1525b] .rp-scroll-area__content {
     gap: var(--rp-spacing-2);
 }
-.rp-tabs-list--outline[data-v-af4a8aa3] {
+.rp-tabs-list--outline[data-v-9bb1525b] {
     position: relative;
 }
-.rp-tabs-list--outline[data-v-af4a8aa3]::after {
+.rp-tabs-list--outline[data-v-9bb1525b]::after {
     position: absolute;
     z-index: 0;
     right: 0;
@@ -88,7 +88,7 @@
     background-color: var(--rp-color-default-border);
     pointer-events: none;
 }
-.rp-tabs-list--outline.rp-tabs-list--vertical[data-v-af4a8aa3]::after {
+.rp-tabs-list--outline.rp-tabs-list--vertical[data-v-9bb1525b]::after {
     top: 0;
     right: auto;
     bottom: 0;
@@ -96,11 +96,11 @@
     width: var(--rp-border-width-thin);
     height: auto;
 }
-.rp-tabs-list--outline.rp-tabs-list--vertical.rp-tabs-list--placement-right[data-v-af4a8aa3]::after {
+.rp-tabs-list--outline.rp-tabs-list--vertical.rp-tabs-list--placement-right[data-v-9bb1525b]::after {
     right: 0;
     left: auto;
 }
-.rp-tabs-list--disabled[data-v-af4a8aa3] {
+.rp-tabs-list--disabled[data-v-9bb1525b] {
     opacity: var(--rp-opacity-disabled);
     cursor: not-allowed;
 }

package/dist/tabs.js

@@ -4,9 +4,9 @@ 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 useRequiredInject } from "./useRequiredInject.js";
 import { t as scroll_area_default } from "./scroll-area.js";
-import { computed, createComponent, createIf, createSlot, defineVaporComponent, extend, onBeforeUnmount, onMounted, provide, ref, renderEffect, setDynamicProps, setInsertionState, shallowRef, template, unref, useId, watch } from "vue";
+import { computed, createComponent, createIf, createSlot, defineVaporComponent, extend, mergeProps, onBeforeUnmount, onMounted, provide, ref, renderEffect, setDynamicProps, setInsertionState, shallowRef, template, unref, useId, watch } from "vue";
 //#region src/components/tabs/useTabs.ts
-var TABLIST_SELECTOR = ".rp-tabs-list";
+var TABLIST_SELECTOR = "[role=\"tablist\"]";
 var TRIGGER_SELECTOR = ".rp-tabs-trigger";
 var DEFAULT_SIZE = "md";
 var DEFAULT_VARIANT = "line";
@@ -494,21 +494,50 @@ var tabs_list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const props = __props;
 		const { rootProps: internalRootProps, slotProps } = useTabsList(props);
 		const scrollbarAxis = computed(() => slotProps.value.orientation === "horizontal" ? "x" : "y");
-		const { getRootAttrs } = useStylesApi(props, "root");
-		const rootAttrs = computed(() => getRootAttrs({
-			...internalRootProps.value,
-			"data-disabled": presence(internalRootProps.value["data-disabled"])
-		}));
+		const { attrs: forwardedAttrs, getRootAttrs } = useStylesApi(props, "root");
+		const forwardedContentAttrNames = computed(() => Object.keys(forwardedAttrs).filter(isContentAttr));
+		const rootAttrs = computed(() => {
+			const internal = internalRootProps.value;
+			return getRootAttrs({
+				id: internal.id,
+				class: internal.class,
+				"data-disabled": presence(internal["data-disabled"]),
+				"data-variant": internal["data-variant"],
+				"data-orientation": internal["data-orientation"],
+				"data-placement": internal["data-placement"]
+			}, {}, forwardedContentAttrNames.value);
+		});
+		const contentAttrs = computed(() => {
+			const internal = internalRootProps.value;
+			const internalAttrs = {
+				role: internal.role,
+				"aria-orientation": internal["aria-orientation"],
+				"aria-label": internal["aria-label"],
+				"aria-labelledby": internal["aria-labelledby"],
+				"aria-describedby": internal["aria-describedby"],
+				onKeydown: internal.onKeydown
+			};
+			const merged = mergeProps(internalAttrs, Object.fromEntries(forwardedContentAttrNames.value.map((name) => [name, forwardedAttrs[name]])));
+			for (const [name, value] of Object.entries(internalAttrs)) {
+				if (name === "onKeydown") continue;
+				merged[name] = value;
+			}
+			return merged;
+		});
+		function isContentAttr(name) {
+			return name === "role" || name === "onKeydown" || name.startsWith("aria-");
+		}
 		return createComponent(scroll_area_default, { $: [() => rootAttrs.value, {
 			embedded: "",
 			type: "auto",
 			scrollbars: () => scrollbarAxis.value,
-			"viewport-attrs": () => ({ tabindex: -1 })
+			"viewport-attrs": () => ({ tabindex: -1 }),
+			"content-attrs": () => contentAttrs.value
 		}] }, extend(() => {
 			return createSlot("default", { $: [() => unref(slotProps)] }, null, 1);
 		}, { _: 8 }), true);
 	}
-}), [["__scopeId", "data-v-af4a8aa3"]]);
+}), [["__scopeId", "data-v-9bb1525b"]]);
 //#endregion
 //#region src/components/tabs/tabs-trigger.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<button data-v-6df68725>", 1);

package/dist/textarea.js

@@ -2,7 +2,8 @@ import './textarea.css';
 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 { a as useTextFormControl, o as useControllableValue } from "./useFormControl.js";
+import { t as useControllableValue } from "./useControllableValue.js";
+import { a as useTextFormControl } from "./useFormControl.js";
 import { t as useControlState } from "./useControlState.js";
 import { child, computed, defineVaporComponent, nextTick, onMounted, ref, renderEffect, setDynamicProps, setStaticTemplateRef, template, unref, watch } from "vue";
 //#region src/components/textarea/useTextarea.ts

package/dist/toast.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-toast[data-v-6944ac43] {
+.rp-toast[data-v-a830edcc] {
     --_rp-toast-bg: var(--rp-color-default);
     --_rp-toast-fg: var(--rp-color-text);
     --_rp-toast-title-fg: var(--rp-color-text);
@@ -24,25 +24,25 @@
     box-shadow: var(--rp-shadow-md);
     transition: background-color var(--rp-transition-fast), color var(--rp-transition-fast), border-color var(--rp-transition-fast);
 }
-.rp-toast--radius-none[data-v-6944ac43] {
+.rp-toast--radius-none[data-v-a830edcc] {
     --_rp-toast-radius: var(--rp-radius-none);
 }
-.rp-toast--radius-xs[data-v-6944ac43] {
+.rp-toast--radius-xs[data-v-a830edcc] {
     --_rp-toast-radius: var(--rp-radius-xs);
 }
-.rp-toast--radius-sm[data-v-6944ac43] {
+.rp-toast--radius-sm[data-v-a830edcc] {
     --_rp-toast-radius: var(--rp-radius-sm);
 }
-.rp-toast--radius-md[data-v-6944ac43] {
+.rp-toast--radius-md[data-v-a830edcc] {
     --_rp-toast-radius: var(--rp-radius-md);
 }
-.rp-toast--radius-lg[data-v-6944ac43] {
+.rp-toast--radius-lg[data-v-a830edcc] {
     --_rp-toast-radius: var(--rp-radius-lg);
 }
-.rp-toast--radius-xl[data-v-6944ac43] {
+.rp-toast--radius-xl[data-v-a830edcc] {
     --_rp-toast-radius: var(--rp-radius-xl);
 }
-.rp-toast__icon[data-v-6944ac43] {
+.rp-toast__icon[data-v-a830edcc] {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
@@ -51,37 +51,37 @@
     color: var(--_rp-toast-icon-fg);
     line-height: 0;
 }
-.rp-toast__icon[data-v-6944ac43] >  svg {
+.rp-toast__icon[data-v-a830edcc] >  svg {
     display: block;
     width: 1rem;
     height: 1rem;
 }
-.rp-toast__content[data-v-6944ac43] {
+.rp-toast__content[data-v-a830edcc] {
     display: grid;
     flex: 1 1 auto;
     min-width: 0;
     gap: var(--rp-spacing-1);
 }
-.rp-toast__title[data-v-6944ac43] {
+.rp-toast__title[data-v-a830edcc] {
     color: var(--_rp-toast-title-fg);
     font-size: var(--rp-font-size-md);
     font-weight: var(--rp-font-weight-semibold);
     line-height: var(--rp-line-height-xs);
 }
-.rp-toast__description[data-v-6944ac43] {
+.rp-toast__description[data-v-a830edcc] {
     margin: 0;
 }
-.rp-toast__body[data-v-6944ac43], .rp-toast__description[data-v-6944ac43] {
+.rp-toast__body[data-v-a830edcc], .rp-toast__description[data-v-a830edcc] {
     min-width: 0;
     color: var(--_rp-toast-fg);
 }
-.rp-toast__action[data-v-6944ac43] {
+.rp-toast__action[data-v-a830edcc] {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
     margin-left: auto;
 }
-.rp-toast__close[data-v-6944ac43] {
+.rp-toast__close[data-v-a830edcc] {
     box-sizing: border-box;
     display: inline-flex;
     flex: 0 0 auto;
@@ -98,36 +98,36 @@
     cursor: pointer;
     transition: background-color var(--rp-transition-fast), color var(--rp-transition-fast);
 }
-.rp-toast__close[data-v-6944ac43]:hover {
+.rp-toast__close[data-v-a830edcc]:hover {
     background-color: color-mix(in srgb, var(--_rp-toast-icon-fg) 12%, transparent);
 }
-.rp-toast__close[data-v-6944ac43]:focus-visible {
+.rp-toast__close[data-v-a830edcc]:focus-visible {
     outline: var(--rp-border-width-medium) solid var(--rp-color-focus-ring);
     outline-offset: 2px;
 }
-.rp-toast__close[data-v-6944ac43] >  svg {
+.rp-toast__close[data-v-a830edcc] >  svg {
     display: block;
     width: 1rem;
     height: 1rem;
 }
-.rp-toast-enter-active[data-v-6944ac43],
-  .rp-toast-leave-active[data-v-6944ac43] {
+.rp-toast-enter-active[data-v-a830edcc],
+  .rp-toast-leave-active[data-v-a830edcc] {
     will-change: opacity, transform;
 }
-.rp-toast-enter-active[data-v-6944ac43] {
+.rp-toast-enter-active[data-v-a830edcc] {
     transition: opacity 180ms ease-out, transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-.rp-toast-leave-active[data-v-6944ac43] {
+.rp-toast-leave-active[data-v-a830edcc] {
     transition: opacity 120ms ease-in, transform 180ms cubic-bezier(0.4, 0, 1, 1);
 }
-.rp-toast-enter-from[data-v-6944ac43],
-  .rp-toast-leave-to[data-v-6944ac43] {
+.rp-toast-enter-from[data-v-a830edcc],
+  .rp-toast-leave-to[data-v-a830edcc] {
     opacity: 0;
     transform: translate3d(0, calc(var(--rp-spacing-2) * -1), 0) scale(0.98);
 }
 @media (prefers-reduced-motion: reduce) {
-.rp-toast-enter-active[data-v-6944ac43],
-    .rp-toast-leave-active[data-v-6944ac43] {
+.rp-toast-enter-active[data-v-a830edcc],
+    .rp-toast-leave-active[data-v-a830edcc] {
       transition: none;
 }
 }

package/dist/toast.js

@@ -13,14 +13,15 @@ var DEFAULT_TOAST_ROLE = "status";
 var DEFAULT_TOAST_CLOSE_LABEL = "Close toast";
 //#endregion
 //#region src/components/toast/useToastColor.ts
-function getToastColorStyle(color, variant, autoContrast) {
+function getToastColorStyle(color, variant, autoContrast, contrastColor) {
 	if (!color && !variant) return void 0;
 	const resolvedVariant = variant ?? "surface";
 	const roles = getComponentVariantColorRoles({
 		color,
 		variant: resolvedVariant,
 		defaultColor: "cyan",
-		autoContrast
+		autoContrast,
+		contrastColor
 	});
 	if (!roles) return void 0;
 	return {
@@ -33,11 +34,11 @@ function getToastColorStyle(color, variant, autoContrast) {
 }
 //#endregion
 //#region src/components/toast/toast.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0$1 = template("<div data-v-6944ac43>");
+var t0$1 = template("<div data-v-a830edcc>");
 var t1 = template(" ");
-var t2 = template("<p data-v-6944ac43> ");
-var t3 = template("<div data-v-6944ac43 class=rp-toast__content>");
-var t4 = template("<button data-v-6944ac43>");
+var t2 = template("<p data-v-a830edcc> ");
+var t3 = template("<div data-v-a830edcc class=rp-toast__content>");
+var t4 = template("<button data-v-a830edcc>");
 delegateEvents("click");
 //#endregion
 //#region src/components/toast/toast.vue
@@ -54,7 +55,11 @@ var toast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		description: { default: "" },
 		variant: {},
 		color: {},
-		autoContrast: { type: Boolean },
+		autoContrast: {
+			type: Boolean,
+			default: true
+		},
+		contrastColor: {},
 		radius: {},
 		role: { default: DEFAULT_TOAST_ROLE },
 		duration: { default: DEFAULT_TOAST_DURATION },
@@ -115,7 +120,7 @@ var toast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			[props.variant ?? ""]: Boolean(props.variant),
 			[`radius-${props.radius}`]: Boolean(props.radius)
 		}));
-		const rootStyle = computed(() => getToastColorStyle(props.color, props.variant, props.autoContrast));
+		const rootStyle = computed(() => getToastColorStyle(props.color, props.variant, props.autoContrast, props.contrastColor));
 		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
 		const rootAttrs = computed(() => getRootAttrs({
 			class: rootClass.value,
@@ -282,7 +287,7 @@ var toast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			}, null, 129);
 		}, { _: 8 }), true);
 	}
-}), [["__scopeId", "data-v-6944ac43"]]);
+}), [["__scopeId", "data-v-a830edcc"]]);
 //#endregion
 //#region src/components/toast/toast-store.ts
 var TYPE_DEFAULTS = {
@@ -327,6 +332,7 @@ function getStoreDefaults(options) {
 		variant: options.variant,
 		color: options.color,
 		autoContrast: options.autoContrast,
+		contrastColor: options.contrastColor,
 		radius: options.radius,
 		role: options.role,
 		pauseOnHover: options.pauseOnHover ?? true,
@@ -560,6 +566,7 @@ var toast_provider_default = /* @__PURE__ */ defineVaporComponent({
 			type: Boolean,
 			default: void 0
 		},
+		contrastColor: { default: void 0 },
 		radius: { default: void 0 },
 		role: { default: void 0 },
 		pauseOnHover: {

package/dist/tooltip.css

@@ -1,11 +1,11 @@
 @layer ropav.components {
-.rp-tooltip[data-v-38bfcb12] {
+.rp-tooltip[data-v-9457a843] {
     position: relative;
     display: inline-flex;
     font-family: var(--rp-font-family);
     vertical-align: middle;
 }
-.rp-tooltip__content[data-v-38bfcb12] {
+.rp-tooltip__content[data-v-9457a843] {
     --_rp-tooltip-main-axis-offset: var(--rp-spacing-2);
     --_rp-tooltip-cross-axis-offset: 0px;
     --_rp-tooltip-arrow-size: 0.4375rem;
@@ -29,10 +29,10 @@
     border-radius: var(--rp-radius-sm);
     box-shadow: var(--rp-shadow-md);
 }
-.rp-tooltip--target[data-v-38bfcb12] {
+.rp-tooltip--target[data-v-9457a843] {
     display: contents;
 }
-.rp-tooltip__arrow[data-v-38bfcb12] {
+.rp-tooltip__arrow[data-v-9457a843] {
     position: absolute;
     width: var(--_rp-tooltip-arrow-size);
     height: var(--_rp-tooltip-arrow-size);
@@ -40,24 +40,24 @@
     background-color: inherit;
     rotate: 45deg;
 }
-.rp-tooltip__arrow[data-side=top][data-v-38bfcb12] {
+.rp-tooltip__arrow[data-side=top][data-v-9457a843] {
     bottom: calc(-1 * var(--_rp-tooltip-arrow-size) / 2);
 }
-.rp-tooltip__arrow[data-side=right][data-v-38bfcb12] {
+.rp-tooltip__arrow[data-side=right][data-v-9457a843] {
     left: calc(-1 * var(--_rp-tooltip-arrow-size) / 2);
 }
-.rp-tooltip__arrow[data-side=bottom][data-v-38bfcb12] {
+.rp-tooltip__arrow[data-side=bottom][data-v-9457a843] {
     top: calc(-1 * var(--_rp-tooltip-arrow-size) / 2);
 }
-.rp-tooltip__arrow[data-side=left][data-v-38bfcb12] {
+.rp-tooltip__arrow[data-side=left][data-v-9457a843] {
     right: calc(-1 * var(--_rp-tooltip-arrow-size) / 2);
 }
-.rp-tooltip-content-enter-active[data-v-38bfcb12],
-  .rp-tooltip-content-leave-active[data-v-38bfcb12] {
+.rp-tooltip-content-enter-active[data-v-9457a843],
+  .rp-tooltip-content-leave-active[data-v-9457a843] {
     transition: opacity var(--rp-transition-fast);
 }
-.rp-tooltip-content-enter-from[data-v-38bfcb12],
-  .rp-tooltip-content-leave-to[data-v-38bfcb12] {
+.rp-tooltip-content-enter-from[data-v-9457a843],
+  .rp-tooltip-content-leave-to[data-v-9457a843] {
     opacity: 0;
 }
 }