ropav 0.0.13 → 0.1.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 daopk
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -37,11 +37,90 @@ 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.
 
-See the [Public Styles API](./docs/public-styles-api.md) and [public token table](./docs/public-tokens.md). Layered consumers should declare `reset, ropav.tokens, ropav.components, app`; `ropav/legacy-unlayered.css` is the temporary compatibility import for unlayered resets.
+See the [Public Styles API](./docs/public-styles-api.md) and [public token table](./docs/public-tokens.md). Consumers can declare `reset, ropav.tokens, ropav.components, app` to establish their cascade layer order.
 
 For headless Tooltip, HoverCard and custom menu markup, see the
 [public floating API](./docs/public-floating-api.md).

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/card.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-card[data-v-2c467155] {
+.rp-card[data-v-114f8e01] {
     --_rp-card-bg: var(--rp-color-default);
     --_rp-card-border: var(--rp-color-default-border);
     --_rp-card-fg: var(--rp-color-text);
@@ -19,89 +19,89 @@
     border-radius: var(--_rp-card-radius);
     transition: background-color var(--rp-transition-fast), border-color var(--rp-transition-fast);
 }
-.rp-card--layer-base[data-v-2c467155] {
+.rp-card--layer-base[data-v-114f8e01] {
     --_rp-card-bg: var(--rp-color-body);
 }
-.rp-card--layer-surface[data-v-2c467155] {
+.rp-card--layer-surface[data-v-114f8e01] {
     --_rp-card-bg: var(--rp-color-default);
 }
-.rp-card--layer-raised[data-v-2c467155] {
+.rp-card--layer-raised[data-v-114f8e01] {
     --_rp-card-bg: var(--rp-color-default);
 }
-.rp-card--borderless[data-v-2c467155] {
+.rp-card--borderless[data-v-114f8e01] {
     --_rp-card-border: transparent;
 }
-.rp-card--header-bordered .rp-card__header[data-v-2c467155] {
+.rp-card--header-bordered .rp-card__header[data-v-114f8e01] {
     border-bottom: var(--rp-border-width-thin) solid var(--_rp-card-header-border);
 }
-.rp-card--footer-bordered .rp-card__footer[data-v-2c467155] {
+.rp-card--footer-bordered .rp-card__footer[data-v-114f8e01] {
     border-top: var(--rp-border-width-thin) solid var(--_rp-card-footer-border);
 }
-.rp-card--header-compact .rp-card__header[data-v-2c467155] {
+.rp-card--header-compact .rp-card__header[data-v-114f8e01] {
     padding-block-end: calc(var(--_rp-card-padding) / 2);
 }
-.rp-card--header-compact .rp-card__body[data-v-2c467155] {
+.rp-card--header-compact .rp-card__body[data-v-114f8e01] {
     padding-block-start: calc(var(--_rp-card-padding) / 2);
 }
-.rp-card--footer-compact .rp-card__body[data-v-2c467155] {
+.rp-card--footer-compact .rp-card__body[data-v-114f8e01] {
     padding-block-end: calc(var(--_rp-card-padding) / 2);
 }
-.rp-card--footer-compact .rp-card__footer[data-v-2c467155] {
+.rp-card--footer-compact .rp-card__footer[data-v-114f8e01] {
     padding-block-start: calc(var(--_rp-card-padding) / 2);
 }
-.rp-card--padding-none[data-v-2c467155] {
+.rp-card--padding-none[data-v-114f8e01] {
     --_rp-card-padding: var(--rp-spacing-0);
 }
-.rp-card--padding-sm[data-v-2c467155] {
+.rp-card--padding-sm[data-v-114f8e01] {
     --_rp-card-padding: var(--rp-spacing-3);
 }
-.rp-card--padding-md[data-v-2c467155] {
+.rp-card--padding-md[data-v-114f8e01] {
     --_rp-card-padding: var(--rp-spacing-5);
 }
-.rp-card--padding-lg[data-v-2c467155] {
+.rp-card--padding-lg[data-v-114f8e01] {
     --_rp-card-padding: var(--rp-spacing-6);
 }
-.rp-card--radius-none[data-v-2c467155] {
+.rp-card--radius-none[data-v-114f8e01] {
     --_rp-card-radius: var(--rp-radius-none);
 }
-.rp-card--radius-xs[data-v-2c467155] {
+.rp-card--radius-xs[data-v-114f8e01] {
     --_rp-card-radius: var(--rp-radius-xs);
 }
-.rp-card--radius-sm[data-v-2c467155] {
+.rp-card--radius-sm[data-v-114f8e01] {
     --_rp-card-radius: var(--rp-radius-sm);
 }
-.rp-card--radius-md[data-v-2c467155] {
+.rp-card--radius-md[data-v-114f8e01] {
     --_rp-card-radius: var(--rp-radius-md);
 }
-.rp-card--radius-lg[data-v-2c467155] {
+.rp-card--radius-lg[data-v-114f8e01] {
     --_rp-card-radius: var(--rp-radius-lg);
 }
-.rp-card--radius-xl[data-v-2c467155] {
+.rp-card--radius-xl[data-v-114f8e01] {
     --_rp-card-radius: var(--rp-radius-xl);
 }
-.rp-card__header[data-v-2c467155], .rp-card__body[data-v-2c467155], .rp-card__footer[data-v-2c467155] {
+.rp-card__header[data-v-114f8e01], .rp-card__body[data-v-114f8e01], .rp-card__footer[data-v-114f8e01] {
     box-sizing: border-box;
     padding: var(--_rp-card-padding);
 }
-.rp-card__header[data-v-2c467155], .rp-card__footer[data-v-2c467155] {
+.rp-card__header[data-v-114f8e01], .rp-card__footer[data-v-114f8e01] {
     display: grid;
     gap: var(--rp-spacing-1);
 }
-.rp-card__body[data-v-2c467155] {
+.rp-card__body[data-v-114f8e01] {
     flex: 1 1 auto;
     min-width: 0;
     color: var(--rp-color-text);
     font-size: var(--rp-font-size-md);
     line-height: var(--rp-line-height-md);
 }
-.rp-card__title[data-v-2c467155] {
+.rp-card__title[data-v-114f8e01] {
     margin: 0;
     color: var(--rp-color-text);
     font-size: var(--rp-font-size-lg);
     font-weight: var(--rp-font-weight-semibold);
     line-height: var(--rp-line-height-xs);
 }
-.rp-card__description[data-v-2c467155] {
+.rp-card__description[data-v-114f8e01] {
     margin: 0;
     color: var(--rp-color-dimmed);
     font-size: var(--rp-font-size-sm);

package/dist/card.js

@@ -4,10 +4,10 @@ import { n as useStylesApi } from "./styles-api.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { computed, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, txt, unref, useSlots } from "vue";
 //#region src/components/card/card.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<div data-v-2c467155> ");
-var t1 = template("<p data-v-2c467155> ");
-var t2 = template("<div data-v-2c467155>");
-var t3 = template("<div data-v-2c467155>", 1);
+var t0 = template("<div data-v-114f8e01> ");
+var t1 = template("<p data-v-114f8e01> ");
+var t2 = template("<div data-v-114f8e01>");
+var t3 = template("<div data-v-114f8e01>", 1);
 //#endregion
 //#region src/components/card/card.vue
 var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -32,13 +32,6 @@ var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		},
 		title: { default: "" },
 		description: { default: "" },
-		bodyClass: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
 		classNames: {},
 		styles: {}
 	},
@@ -95,10 +88,7 @@ var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		setInsertionState(n19, null, 1);
 		createIf(() => hasBody.value, () => {
 			const n14 = t2();
-			renderEffect(() => setDynamicProps(n14, [unref(getPartAttrs)("body", {
-				class: "rp-card__body",
-				compatibilityClass: __props.bodyClass
-			})]));
+			renderEffect(() => setDynamicProps(n14, [unref(getPartAttrs)("body", { class: "rp-card__body" })]));
 			setInsertionState(n14, null, 0);
 			createSlot("default", null, null, 1);
 			return n14;
@@ -113,7 +103,7 @@ var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		});
 		return n19;
 	}
-}), [["__scopeId", "data-v-2c467155"]]);
+}), [["__scopeId", "data-v-114f8e01"]]);
 //#endregion
 //#region src/components/card/types.ts
 var cardParts = [

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/card/types.d.ts

@@ -1,4 +1,3 @@
-import { HTMLAttributes } from 'vue';
 import { StylesApiProps } from '../../styles-api.js';
 export declare const cardParts: readonly ["root", "header", "title", "description", "body", "footer"];
 export type CardPart = (typeof cardParts)[number];
@@ -14,6 +13,4 @@ export interface CardProps extends StylesApiProps<CardPart> {
     footerBorder?: boolean;
     title?: string;
     description?: string;
-    /** @deprecated Use `classNames.body` instead. */
-    bodyClass?: HTMLAttributes['class'];
 }

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

@@ -12,6 +12,7 @@ export type DialogFocusTrapOptions = Omit<FocusTrapOptions, 'allowOutsideClick'
 export interface DialogRootProps {
     open?: boolean;
     defaultOpen?: boolean;
+    baseZIndex?: number;
     modal?: boolean;
     closeOnEscape?: boolean;
     closeOnOutsideClick?: boolean;

package/dist/components/dropdown-menu/types.d.ts

@@ -107,6 +107,7 @@ export interface DropdownMenuRenderedItem {
 }
 export interface DropdownMenuProps extends FloatingPositionProps<DropdownMenuPlacement>, StylesApiProps<DropdownMenuPart> {
     id?: string;
+    baseZIndex?: number;
     items?: DropdownMenuItem[];
     open?: boolean;
     disabled?: boolean;
@@ -114,10 +115,6 @@ export interface DropdownMenuProps extends FloatingPositionProps<DropdownMenuPla
     ariaLabel?: string;
     modal?: boolean;
     ignore?: readonly DropdownMenuInteractOutsideTarget[];
-    /** @deprecated Use `teleport` instead. */
-    portal?: boolean;
-    /** @deprecated Use `teleportTo` instead. */
-    portalTo?: string | HTMLElement;
 }
 export type DropdownMenuAs = string | Component;
 export type DropdownMenuCheckedState = boolean | 'indeterminate';
@@ -142,6 +139,7 @@ export interface DropdownMenuRootPrimitiveProps {
     id?: string;
     open?: boolean;
     defaultOpen?: boolean;
+    baseZIndex?: number;
     disabled?: boolean;
     modal?: boolean;
     target?: FloatingTarget | null;
@@ -182,8 +180,6 @@ export interface DropdownMenuContentPrimitiveProps {
     collisionPadding?: FloatingCollisionPadding;
     autoUpdateOptions?: FloatingAutoUpdateOptions;
     arrow?: boolean;
-    /** @deprecated Use `flip` and `shift` instead. */
-    avoidCollisions?: boolean;
     forceMount?: boolean;
     ignore?: readonly DropdownMenuInteractOutsideTarget[];
     ariaLabel?: string;

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

@@ -21,6 +21,7 @@ export interface ModalSlotProps {
 export interface ModalProps extends TeleportProps, StylesApiProps<ModalPart> {
     id?: string;
     open?: boolean;
+    baseZIndex?: number;
     title?: string;
     description?: string;
     ariaLabel?: string;

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

@@ -1,3 +1,6 @@
 export { default as Overlay } from './overlay.js';
+export { default as OverlayLayerProvider } from './overlay-layer-provider.js';
 export { overlayParts } from './types.js';
+export { useOverlayZIndex } from './useOverlayZIndex.js';
+export type { OverlayLayerProviderProps, UseOverlayZIndexOptions } from './types.js';
 export type { OverlayBlur, OverlayPart, OverlayProps, OverlayZIndex } from './types.js';

package/dist/components/overlay/index.js

@@ -1,3 +1,4 @@
+import { n as useOverlayZIndex } from "../../useOverlayZIndex.js";
 import { t as overlay_default } from "../../overlay.js";
-import { t as overlayParts } from "../../overlay2.js";
-export { overlay_default as Overlay, overlayParts };
+import { n as overlay_layer_provider_default, t as overlayParts } from "../../overlay2.js";
+export { overlay_default as Overlay, overlay_layer_provider_default as OverlayLayerProvider, overlayParts, useOverlayZIndex };

package/dist/components/overlay/overlay-layer-provider.d.ts

@@ -0,0 +1,21 @@
+import { OverlayLayerProviderProps } 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<OverlayLayerProviderProps> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, MaybeRefOrGetter } from 'vue';
 import { StylesApiProps } from '../../styles-api.js';
 export declare const overlayParts: readonly ["root"];
 export type OverlayPart = (typeof overlayParts)[number];
@@ -13,3 +13,12 @@ export interface OverlayProps extends StylesApiProps<OverlayPart> {
     interactive?: boolean;
     disabled?: boolean;
 }
+export interface OverlayLayerProviderProps {
+    baseZIndex: number;
+}
+export interface UseOverlayZIndexOptions {
+    baseZIndex?: MaybeRefOrGetter<number | null | undefined>;
+    defaultBaseZIndex?: number;
+    offset?: MaybeRefOrGetter<number>;
+    aboveParent?: MaybeRefOrGetter<boolean>;
+}

package/dist/components/overlay/useOverlayZIndex.d.ts

@@ -0,0 +1,4 @@
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
+import { UseOverlayZIndexOptions } from './types.js';
+export declare function provideOverlayZIndex(baseZIndex: MaybeRefOrGetter<number>): ComputedRef<number>;
+export declare function useOverlayZIndex(options?: UseOverlayZIndexOptions): ComputedRef<number>;

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

@@ -37,6 +37,7 @@ export interface PopoverContentSlotProps {
 }
 export interface PopoverProps extends FloatingPositionProps<PopoverPlacement>, StylesApiProps<PopoverPart> {
     id?: string;
+    baseZIndex?: number;
     contentClass?: string;
     open?: boolean;
     disabled?: boolean;

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 {};