ropav 0.1.1 → 0.1.2

package/README.md

@@ -37,6 +37,85 @@ Import the components you need:
 import { Button } from 'ropav';
 ```
 
+## Progress and interactive ranges
+
+Use `Progress` for read-only status and `Slider` when the user can change the value. A media seek
+control can draw buffered ranges below the played range, reveal its thumb during interaction, and
+preview the value under the pointer:
+
+```vue
+<Slider
+  v-model="currentTime"
+  :max="duration"
+  thumb="interaction"
+  :tooltip="{ anchor: 'pointer' }"
+  :format-value="formatTime"
+>
+  <template #track-underlay="{ getPercent }">
+    <span
+      v-for="range in bufferedRanges"
+      :key="range.start"
+      class="buffered-range"
+      :style="{
+        left: `${getPercent(range.start)}%`,
+        width: `${getPercent(range.end) - getPercent(range.start)}%`,
+      }"
+    />
+  </template>
+  <template #tooltip-content="{ formattedValue }">
+    {{ formattedValue }}
+  </template>
+</Slider>
+```
+
+`track-underlay` and `track-overlay` are decorative layers below and above the selected range. Both
+receive the normalized slider state and a clamped `getPercent(value)` helper, so consumers can draw
+segments, markers, waveforms, or other track content without replacing slider behavior. Their
+coordinate space follows the thumb travel, so percentage positions stay aligned with the control.
+Set `:thumb="false"` to hide only the visual thumb while preserving the native input, hit area, and
+keyboard behavior. An object can combine visibility and geometry, for example
+`:thumb="{ visibility: 'interaction', size: 20 }"`.
+
+## Icons
+
+Ropav provides a compiler for
+[`unplugin-icons`](https://github.com/unplugin/unplugin-icons) that emits each
+icon as a zero-VDOM Vue Vapor component.
+
+Install `unplugin-icons`, a matching version of `@vue/compiler-vapor`, and the
+Iconify collection you want to use:
+
+```bash
+pnpm add -D unplugin-icons @vue/compiler-vapor @iconify-json/lucide
+```
+
+Pass `vaporIconCompiler` to `unplugin-icons`:
+
+```ts
+// vite.config.ts
+import vue from '@vitejs/plugin-vue';
+import { defineConfig } from 'vite';
+import Icons from 'unplugin-icons/vite';
+import { vaporIconCompiler } from 'ropav/unplugin-icons';
+
+export default defineConfig({
+  plugins: [vue({ features: { vapor: true } }), Icons({ compiler: vaporIconCompiler() })],
+});
+```
+
+Icons can then be imported on demand. Only imported icons are included in the
+application bundle.
+
+```vue
+<script setup lang="ts" vapor>
+import IconSearch from '~icons/lucide/search';
+</script>
+
+<template>
+  <IconSearch aria-hidden="true" />
+</template>
+```
+
 ## Styling contract
 
 Use typed `classNames` and `styles`, documented state attributes, and variables listed in the packaged styles manifest. DOM nesting, internal selectors and undocumented variables are private implementation details.

package/dist/accordion.js

@@ -381,10 +381,7 @@ var accordion_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			return n8;
 		}, 1);
 		setInsertionState(n16, null, 1);
-		createComponent(VaporTransition, {
-			name: "rp-accordion-content",
-			persisted: ""
-		}, extend(() => {
+		createComponent(VaporTransition, { name: "rp-accordion-content" }, extend(() => {
 			return createIf(() => unref(shouldRenderContent), () => {
 				const n14 = t2();
 				const n13 = child(n14);

package/dist/button-link.js

@@ -82,7 +82,7 @@ var button_link_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const n16 = child(n17, 1);
 		const n11 = child(n16, 1);
 		renderEffect(() => setDynamicProps(n17, [rootAttrs.value]));
-		setInsertionState(n17, 0, 0);
+		setInsertionState(n17, 0);
 		createIf(() => __props.loading, () => {
 			const n5 = t0();
 			renderEffect(() => setDynamicProps(n5, [unref(getPartAttrs)("loader", { class: "rp-button__loading" }), { "aria-hidden": "true" }]));
@@ -92,7 +92,7 @@ var button_link_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}, 1);
 			return n5;
 		});
-		setInsertionState(n16, 0, 0);
+		setInsertionState(n16, 0);
 		createIf(() => $slots.left, () => {
 			const n9 = t0();
 			renderEffect(() => setDynamicProps(n9, [unref(getPartAttrs)("left", { class: "rp-button__left" })]));

package/dist/button.js

@@ -54,7 +54,7 @@ var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const n16 = child(n17, 1);
 		const n11 = child(n16, 1);
 		renderEffect(() => setDynamicProps(n17, [rootAttrs.value]));
-		setInsertionState(n17, 0, 0);
+		setInsertionState(n17, 0);
 		createIf(() => __props.loading, () => {
 			const n5 = t0();
 			renderEffect(() => setDynamicProps(n5, [unref(getPartAttrs)("loader", { class: "rp-button__loading" }), { "aria-hidden": "true" }]));
@@ -64,7 +64,7 @@ var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, 1);
 			return n5;
 		});
-		setInsertionState(n16, 0, 0);
+		setInsertionState(n16, 0);
 		createIf(() => $slots.left, () => {
 			const n9 = t0();
 			renderEffect(() => setDynamicProps(n9, [unref(getPartAttrs)("left", { class: "rp-button__left" })]));

package/dist/collapse.js

@@ -68,10 +68,7 @@ var collapse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		setInsertionState(n7, null, 0);
 		createSlot("trigger", { $: [() => publicTriggerSlotProps.value] }, null, 1);
 		setInsertionState(n7, null, 1);
-		createComponent(VaporTransition, {
-			name: "rp-collapse-content",
-			persisted: ""
-		}, extend(() => {
+		createComponent(VaporTransition, { name: "rp-collapse-content" }, extend(() => {
 			return createIf(() => unref(shouldRenderContent), () => {
 				const n5 = t0();
 				const n4 = child(n5);

package/dist/components/slider/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Slider } from './slider.js';
 export { default as RangeSlider } from './range-slider.js';
 export { rangeSliderParts, sliderColors, sliderOrientations, sliderParts, sliderSizes, } from './types.js';
-export type { RangeSliderAriaValueText, RangeSliderEndpointValueText, RangeSliderInputAttrs, RangeSliderPart, RangeSliderProps, RangeSliderThumb, RangeSliderValue, RangeSliderValidationMessage, SliderColor, SliderInputAttrs, SliderMark, SliderMarkColor, SliderMarkInput, SliderOrientation, SliderPart, SliderProps, SliderPresetColor, SliderSize, SliderThumbStyle, SliderTooltip, SliderTooltipMode, SliderTooltipOptions, SliderValueFormatter, } from './types.js';
+export type { RangeSliderAriaValueText, RangeSliderEndpointValueText, RangeSliderInputAttrs, RangeSliderPart, RangeSliderProps, RangeSliderThumb, RangeSliderThumbOptions, RangeSliderTrackSlotProps, RangeSliderTooltip, RangeSliderTooltipOptions, RangeSliderValue, RangeSliderValidationMessage, SliderColor, SliderInputAttrs, SliderMark, SliderMarkColor, SliderMarkInput, SliderOrientation, SliderPart, SliderProps, SliderPresetColor, SliderSize, SliderThumb, SliderThumbMode, SliderThumbOptions, SliderTrackSlotProps, SliderTooltip, SliderTooltipAnchor, SliderTooltipMode, SliderTooltipOptions, SliderTooltipSlotProps, SliderValueFormatter, } from './types.js';

package/dist/components/slider/range-slider.d.ts

@@ -1,4 +1,4 @@
-import { RangeSliderProps, RangeSliderValue } from './types.js';
+import { RangeSliderProps, RangeSliderTrackSlotProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<RangeSliderProps & {
         "onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
@@ -11,21 +11,17 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     }>) => void;
     attrs: any;
     slots: {
-        default?: (props: {}) => any;
-    } & {
-        value?: (props: {
-            value: RangeSliderValue;
-            formattedValue: [string | number, string | number];
-            percent: RangeSliderValue;
-        }) => any;
-    } & {
-        thumb?: (props: {
+        default?(): unknown;
+        value?(props: Pick<RangeSliderTrackSlotProps, "value" | "formattedValue" | "percent">): unknown;
+        'track-underlay'?(props: RangeSliderTrackSlotProps): unknown;
+        'track-overlay'?(props: RangeSliderTrackSlotProps): unknown;
+        thumb?(props: {
             thumb: "lower" | "upper";
             index: number;
             value: number;
             formattedValue: string | number;
             percent: number;
-        }) => any;
+        }): unknown;
     };
     emit: (evt: "update:modelValue", value: [number, number]) => void;
 }>) => import('vue').VNode & {

package/dist/components/slider/slider.d.ts

@@ -1,4 +1,4 @@
-import { SliderProps } from './types.js';
+import { SliderProps, SliderTooltipSlotProps, SliderTrackSlotProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<SliderProps & {
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
@@ -11,19 +11,12 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     }>) => void;
     attrs: any;
     slots: {
-        default?: (props: {}) => any;
-    } & {
-        value?: (props: {
-            value: number;
-            formattedValue: string | number;
-            percent: number;
-        }) => any;
-    } & {
-        thumb?: (props: {
-            value: number;
-            formattedValue: string | number;
-            percent: number;
-        }) => any;
+        default?(): unknown;
+        value?(props: Pick<SliderTrackSlotProps, "value" | "formattedValue" | "percent">): unknown;
+        'track-underlay'?(props: SliderTrackSlotProps): unknown;
+        'track-overlay'?(props: SliderTrackSlotProps): unknown;
+        thumb?(props: Pick<SliderTrackSlotProps, "value" | "formattedValue" | "percent">): unknown;
+        'tooltip-content'?(props: SliderTooltipSlotProps): unknown;
     };
     emit: (evt: "update:modelValue", value: number) => void;
 }>) => import('vue').VNode & {

package/dist/components/slider/sliderCore.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'vue';
-import { SliderMarkInput, SliderProps, SliderThumbStyle, SliderTooltipMode, SliderTooltipOptions } from './types.js';
+import { RangeSliderTooltip, RangeSliderThumbOptions, SliderMarkInput, SliderProps, SliderThumb, SliderThumbMode, SliderThumbOptions, SliderTooltip, SliderTooltipAnchor, SliderTooltipMode, SliderTooltipOptions } from './types.js';
 export interface SliderBounds {
     min: number;
     max: number;
@@ -19,7 +19,9 @@ export declare function normalizeSliderStep(step: number | 'any'): number | "any
 export declare function normalizeSliderValue(value: number, min: number, max: number, step: number | 'any'): number;
 export declare function getSliderValuePercent(value: number, min: number, max: number): number;
 export declare function setSliderStyleValue(style: CSSProperties, property: `--${string}`, value: string | undefined): void;
-export declare function applySliderThumbStyle(style: CSSProperties, thumbStyle: SliderThumbStyle | undefined, properties: SliderThumbStyleProperties): void;
+export declare function applySliderThumbStyle(style: CSSProperties, thumb: RangeSliderThumbOptions | undefined, properties: SliderThumbStyleProperties): void;
+export declare function getSliderThumbOptions(thumb: SliderThumb): SliderThumbOptions;
+export declare function getSliderThumbMode(thumb: SliderThumb): SliderThumbMode | false;
 export declare function createSliderMarkItems(marks: SliderMarkInput[] | undefined, min: number, max: number, isFilled: (value: number, percent: number) => boolean, properties: SliderMarkStyleProperties): {
     key: string;
     value: number;
@@ -30,6 +32,7 @@ export declare function createSliderMarkItems(marks: SliderMarkInput[] | undefin
 }[];
 export declare function getFormattedSliderValue(value: number, formatter: SliderProps['formatValue']): string | number;
 export declare function getSliderAriaValueText(value: number, ariaValueText: string | SliderProps['formatValue'] | undefined, formatter: SliderProps['formatValue']): string | undefined;
-export declare function getSliderTooltipOptions(tooltip: NonNullable<SliderProps['tooltip']>): SliderTooltipOptions;
-export declare function getSliderTooltipMode(tooltip: NonNullable<SliderProps['tooltip']>): SliderTooltipMode | false;
+export declare function getSliderTooltipOptions(tooltip: SliderTooltip | RangeSliderTooltip): SliderTooltipOptions | Exclude<RangeSliderTooltip, false | SliderTooltipMode>;
+export declare function getSliderTooltipMode(tooltip: SliderTooltip | RangeSliderTooltip): SliderTooltipMode | false;
+export declare function getSliderTooltipAnchor(tooltip: SliderTooltip): SliderTooltipAnchor;
 export {};

package/dist/components/slider/types.d.ts

@@ -14,6 +14,7 @@ export type SliderColor = ComponentColorValue;
 export type SliderSize = (typeof sliderSizes)[number];
 export type SliderOrientation = (typeof sliderOrientations)[number];
 export type SliderValueFormatter = (value: number) => string | number;
+export type SliderThumbMode = 'always' | 'interaction';
 export type RangeSliderValue = [number, number];
 export type RangeSliderThumb = 'lower' | 'upper';
 export type SliderInputAttrs = InputHTMLAttributes;
@@ -22,10 +23,44 @@ export type RangeSliderEndpointValueText = string | SliderValueFormatter;
 export type RangeSliderAriaValueText = RangeSliderEndpointValueText | [RangeSliderEndpointValueText, RangeSliderEndpointValueText];
 export type RangeSliderValidationMessage = string | [string | undefined, string | undefined];
 export type SliderTooltipMode = 'hover' | 'always';
-export type SliderTooltipOptions = Pick<TooltipProps, 'id' | 'placement' | 'color' | 'offset' | 'openDelay' | 'arrow'> & {
+type SliderTooltipBaseOptions = Pick<TooltipProps, 'id' | 'placement' | 'color' | 'offset' | 'openDelay' | 'arrow'>;
+export type SliderTooltipAnchor = 'thumb' | 'pointer';
+export type SliderTooltipOptions = (SliderTooltipBaseOptions & {
+    anchor?: 'thumb';
+    mode?: SliderTooltipMode;
+}) | (SliderTooltipBaseOptions & {
+    anchor: 'pointer';
+    mode?: 'hover';
+});
+export type RangeSliderTooltipOptions = SliderTooltipBaseOptions & {
     mode?: SliderTooltipMode;
 };
 export type SliderTooltip = false | SliderTooltipMode | SliderTooltipOptions;
+export type RangeSliderTooltip = false | SliderTooltipMode | RangeSliderTooltipOptions;
+export interface SliderTooltipSlotProps {
+    value: number;
+    formattedValue: string | number;
+    percent: number;
+    anchor: SliderTooltipAnchor;
+}
+export interface SliderTrackSlotProps {
+    value: number;
+    formattedValue: string | number;
+    percent: number;
+    min: number;
+    max: number;
+    orientation: SliderOrientation;
+    getPercent: (value: number) => number;
+}
+export interface RangeSliderTrackSlotProps {
+    value: RangeSliderValue;
+    formattedValue: [string | number, string | number];
+    percent: RangeSliderValue;
+    min: number;
+    max: number;
+    orientation: SliderOrientation;
+    getPercent: (value: number) => number;
+}
 export type SliderMarkColor = SliderColor;
 export interface SliderMark {
     value: number;
@@ -34,11 +69,15 @@ export interface SliderMark {
     hidden?: boolean;
 }
 export type SliderMarkInput = number | SliderMark;
-export interface SliderThumbStyle {
+export interface RangeSliderThumbOptions {
     size?: number | string;
     border?: number | string;
     padding?: number | string;
 }
+export interface SliderThumbOptions extends RangeSliderThumbOptions {
+    visibility?: SliderThumbMode;
+}
+export type SliderThumb = false | SliderThumbMode | SliderThumbOptions;
 export interface SliderProps extends StylesApiProps<SliderPart> {
     id?: string;
     name?: string;
@@ -49,7 +88,7 @@ export interface SliderProps extends StylesApiProps<SliderPart> {
     max?: number;
     step?: number | 'any';
     marks?: SliderMarkInput[];
-    thumbStyle?: SliderThumbStyle;
+    thumb?: SliderThumb;
     tooltip?: SliderTooltip;
     formatValue?: SliderValueFormatter;
     color?: SliderColor;
@@ -65,13 +104,16 @@ export interface SliderProps extends StylesApiProps<SliderPart> {
     inputAttrs?: SliderInputAttrs;
     validationMessage?: string;
 }
-export interface RangeSliderProps extends Omit<SliderProps, 'modelValue' | 'defaultValue' | 'name' | 'ariaLabel' | 'ariaValueText' | 'inputAttrs' | 'validationMessage' | 'classNames' | 'styles'>, StylesApiProps<RangeSliderPart> {
+export interface RangeSliderProps extends Omit<SliderProps, 'modelValue' | 'defaultValue' | 'name' | 'ariaLabel' | 'ariaValueText' | 'inputAttrs' | 'validationMessage' | 'thumb' | 'tooltip' | 'classNames' | 'styles'>, StylesApiProps<RangeSliderPart> {
     modelValue?: RangeSliderValue;
     defaultValue?: RangeSliderValue;
     minRange?: number;
+    thumb?: RangeSliderThumbOptions;
+    tooltip?: RangeSliderTooltip;
     name?: string | [string, string];
     ariaLabel?: [string, string];
     ariaValueText?: RangeSliderAriaValueText;
     inputAttrs?: RangeSliderInputAttrs;
     validationMessage?: RangeSliderValidationMessage;
 }
+export {};

package/dist/components/slider/useRangeSlider.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'vue';
-import { RangeSliderProps, RangeSliderThumb, RangeSliderValue } from './types.js';
+import { RangeSliderProps, RangeSliderTrackSlotProps, RangeSliderThumb, RangeSliderValue } from './types.js';
 type RangeSliderStateProps = Readonly<RangeSliderProps & {
     min: number;
     max: number;
@@ -33,6 +33,7 @@ export declare function useRangeSlider(props: RangeSliderStateProps, emitUpdate:
         filled: boolean;
         style: CSSProperties;
     }[]>;
+    trackSlotProps: import('vue').ComputedRef<RangeSliderTrackSlotProps>;
     trackStyle: import('vue').ComputedRef<CSSProperties>;
     activeThumb: import('vue').Ref<RangeSliderThumb | undefined, RangeSliderThumb | undefined>;
     tooltipVisible: import('vue').ComputedRef<boolean>;

package/dist/components/slider/useSlider.d.ts

@@ -1,11 +1,12 @@
 import { CSSProperties } from 'vue';
-import { SliderProps } from './types.js';
+import { SliderProps, SliderTrackSlotProps } from './types.js';
 export { getSliderValuePercent, normalizeSliderBounds, normalizeSliderStep, normalizeSliderValue, } from './sliderCore.js';
 type SliderStateProps = Readonly<SliderProps & {
     min: number;
     max: number;
     step: number | 'any';
     tooltip: NonNullable<SliderProps['tooltip']>;
+    thumb: NonNullable<SliderProps['thumb']>;
     orientation: NonNullable<SliderProps['orientation']>;
 }>;
 export declare function useSlider(props: SliderStateProps, emitUpdate: (value: number) => void, getValue?: () => number): {
@@ -26,20 +27,29 @@ export declare function useSlider(props: SliderStateProps, emitUpdate: (value: n
         filled: boolean;
         style: CSSProperties;
     }[]>;
+    thumbMode: import('vue').ComputedRef<false | import('./types.js').SliderThumbMode>;
+    trackSlotProps: import('vue').ComputedRef<SliderTrackSlotProps>;
     trackStyle: import('vue').ComputedRef<CSSProperties>;
+    trackHovered: import('vue').Ref<boolean, boolean>;
+    dragging: import('vue').Ref<boolean, boolean>;
     tooltipVisible: import('vue').ComputedRef<boolean>;
     tooltipOpen: import('vue').ComputedRef<boolean>;
+    tooltipAnchor: import('vue').ComputedRef<import('./types.js').SliderTooltipAnchor>;
     tooltipPlacement: import('vue').ComputedRef<import('../tooltip/index.js').TooltipPlacement>;
     tooltipId: import('vue').ComputedRef<string | undefined>;
     tooltipColor: import('vue').ComputedRef<import('../../utils/componentColors.js').ComponentColorValue | undefined>;
     tooltipOffset: import('vue').ComputedRef<import('../floating/index.js').FloatingOffset | undefined>;
     tooltipOpenDelay: import('vue').ComputedRef<number>;
     tooltipArrow: import('vue').ComputedRef<boolean>;
+    tooltipValue: import('vue').ComputedRef<number>;
+    tooltipPercent: import('vue').ComputedRef<number>;
+    tooltipFormattedValue: import('vue').ComputedRef<string | number>;
     tooltipContent: import('vue').ComputedRef<string>;
     onInput: (e: Event) => void;
     onTooltipPointerDown: (event: PointerEvent) => void;
-    onTooltipMouseEnter: () => void;
-    onTooltipMouseLeave: () => void;
+    onTooltipPointerMove: (event: PointerEvent) => void;
+    onTooltipTrackEnter: (event: PointerEvent) => void;
+    onTooltipTrackLeave: () => void;
     onTooltipFocusIn: () => void;
     onTooltipFocusOut: () => void;
     onTooltipKeydown: (event: KeyboardEvent) => void;

package/dist/field.js

@@ -109,7 +109,7 @@ var field_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		const n20 = t4();
 		const n10 = child(n20, 1);
 		renderEffect(() => setDynamicProps(n20, [rootAttrs.value]));
-		setInsertionState(n20, 0, 0);
+		setInsertionState(n20, 0);
 		createIf(() => unref(hasLabel), () => {
 			const n8 = t2();
 			renderEffect(() => setDynamicProps(n8, [

package/dist/input.js

@@ -155,7 +155,7 @@ var input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		const n9 = t1();
 		const n4 = child(n9, 1);
 		renderEffect(() => setDynamicProps(n9, [rootAttrs.value]));
-		setInsertionState(n9, 0, 0);
+		setInsertionState(n9, 0);
 		createIf(() => $slots.left, () => {
 			const n3 = t0();
 			renderEffect(() => setDynamicProps(n3, [unref(getPartAttrs)("left", { class: "rp-input__left" })]));

package/dist/modal.js

@@ -210,10 +210,7 @@ var modal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				teleport: () => __props.teleport,
 				"teleport-to": () => __props.teleportTo
 			}, () => {
-				return createComponent(VaporTransition, {
-					name: "rp-modal",
-					persisted: ""
-				}, extend(() => {
+				return createComponent(VaporTransition, { name: "rp-modal" }, extend(() => {
 					return createIf(() => unref(shouldRender), () => {
 						const n30 = t2();
 						renderEffect(() => setDynamicProps(n30, [getLayeredRootAttrs(_slotProps0.zIndex)]));

package/dist/popover.js

@@ -421,10 +421,7 @@ var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			to: () => unref(teleportTo),
 			disabled: () => !__props.teleport
 		}, () => {
-			return createComponent(VaporTransition, {
-				name: "rp-popover-content",
-				persisted: ""
-			}, extend(() => {
+			return createComponent(VaporTransition, { name: "rp-popover-content" }, extend(() => {
 				return createIf(() => unref(shouldRenderContent), () => {
 					const n13 = t1();
 					renderEffect(() => setDynamicProps(n13, [

package/dist/progress.js

@@ -126,7 +126,7 @@ var progress_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const n16 = child(n17, 1);
 		const n15 = child(n16);
 		renderEffect(() => setDynamicProps(n17, [rootAttrs.value]));
-		setInsertionState(n17, 0, 0);
+		setInsertionState(n17, 0);
 		createIf(() => $slots.default || !unref(isIndeterminate) && ($slots.value || __props.showValue), () => {
 			const n14 = t2();
 			setInsertionState(n14, null, 0);

package/dist/select.js

@@ -449,7 +449,7 @@ var select_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			setText(x4, toDisplayString(unref(displayLabel) || __props.placeholder));
 			setDynamicProps(n11, [_getPartAttrs("indicator", { class: "rp-select__indicator" })]);
 		});
-		setInsertionState(n11, 0, 0);
+		setInsertionState(n11, 0);
 		createIf(() => unref(canClear), () => {
 			const n8 = t1();
 			renderEffect(() => setDynamicProps(n8, [