ropav 0.1.8 → 0.1.9

package/dist/date-picker.css

@@ -1,15 +1,15 @@
 @layer ropav.components {
-.rp-date-picker[data-v-c39b1387] {
+.rp-date-picker[data-v-4508ba14] {
     display: inline-flex;
     max-width: 100%;
     font-family: var(--rp-font-family);
     vertical-align: middle;
 }
-.rp-date-picker[data-v-c39b1387] .rp-input {
+.rp-date-picker[data-v-4508ba14] .rp-input {
     width: 100%;
     min-width: 180px;
 }
-.rp-date-picker__clear[data-v-c39b1387], .rp-date-picker__indicator[data-v-c39b1387] {
+.rp-date-picker__clear[data-v-4508ba14], .rp-date-picker__indicator[data-v-4508ba14] {
     padding: 0;
     font: inherit;
     background: none;
@@ -23,22 +23,22 @@
     color: var(--rp-color-control-icon);
     transition: color var(--rp-transition-fast), opacity var(--rp-transition-fast);
 }
-.rp-date-picker__clear[data-v-c39b1387]:hover:not(:disabled), .rp-date-picker__indicator[data-v-c39b1387]:hover:not(:disabled) {
+.rp-date-picker__clear[data-v-4508ba14]:hover:not(:disabled), .rp-date-picker__indicator[data-v-4508ba14]:hover:not(:disabled) {
     color: var(--rp-color-control-fg);
 }
-.rp-date-picker__clear[data-v-c39b1387]:focus-visible, .rp-date-picker__indicator[data-v-c39b1387]:focus-visible {
+.rp-date-picker__clear[data-v-4508ba14]:focus-visible, .rp-date-picker__indicator[data-v-4508ba14]:focus-visible {
     outline: var(--rp-border-width-medium) solid var(--rp-color-focus-ring);
     outline-offset: 2px;
 }
-.rp-date-picker__clear[data-v-c39b1387]:disabled, .rp-date-picker__indicator[data-v-c39b1387]:disabled {
+.rp-date-picker__clear[data-v-4508ba14]:disabled, .rp-date-picker__indicator[data-v-4508ba14]:disabled {
     cursor: not-allowed;
     opacity: var(--rp-opacity-disabled);
 }
-.rp-date-picker__clear[data-v-c39b1387] >  svg, .rp-date-picker__indicator[data-v-c39b1387] >  svg {
+.rp-date-picker__clear[data-v-4508ba14] >  svg, .rp-date-picker__indicator[data-v-4508ba14] >  svg {
     width: 1em;
     height: 1em;
 }
-.rp-date-picker__clear--hidden[data-v-c39b1387] {
+.rp-date-picker__clear--hidden[data-v-4508ba14] {
     visibility: hidden;
     pointer-events: none;
 }

package/dist/date-picker.js

@@ -484,7 +484,7 @@ function useDatePicker(props, emit, elements) {
 }
 //#endregion
 //#region src/components/date-picker/date-picker.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<button data-v-c39b1387></button>");
+var t0 = template("<button data-v-4508ba14></button>");
 //#endregion
 //#region src/components/date-picker/date-picker.vue
 var date_picker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -525,6 +525,7 @@ var date_picker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			type: Boolean,
 			default: false
 		},
+		getDayAriaLabel: {},
 		allowInput: {
 			type: Boolean,
 			default: false
@@ -749,6 +750,7 @@ var date_picker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					"disabled-dates": () => __props.disabledDates,
 					"fixed-weeks": () => __props.fixedWeeks,
 					"hide-outside-dates": () => __props.hideOutsideDates,
+					"get-day-aria-label": () => __props.getDayAriaLabel,
 					readonly: () => __props.readonly,
 					size: () => __props.calendarSize ?? __props.size,
 					radius: () => __props.calendarRadius ?? __props.radius,
@@ -784,7 +786,7 @@ var date_picker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}
 		}, true);
 	}
-}), [["__scopeId", "data-v-c39b1387"]]);
+}), [["__scopeId", "data-v-4508ba14"]]);
 //#endregion
 //#region src/components/date-picker/types.ts
 var datePickerParts = [

package/dist/focusNavigation.js

@@ -1,8 +1,8 @@
 import { n as getNextEnabledIndex, t as getEnabledIndexes } from "./collectionNavigation.js";
 import { t as isElement } from "./query.js";
 //#region src/utils/dom/focusNavigation.ts
-function isDisabled(element) {
-	return element.matches(":disabled");
+function isIneligible(element) {
+	return element.matches(":disabled") || element.closest("[hidden], [inert]") !== null;
 }
 function getDirection(key, orientation) {
 	if (orientation === "vertical") {
@@ -16,22 +16,28 @@ function getDirection(key, orientation) {
 function getScopedItems(collection, options) {
 	return Array.from(collection.querySelectorAll(options.itemSelector)).filter((item) => item.closest(options.collectionSelector) === collection);
 }
+function setFocusNavigationTabStop(collection, preferredItem, options) {
+	const items = getScopedItems(collection, options);
+	const target = preferredItem && items.includes(preferredItem) && !isIneligible(preferredItem) ? preferredItem : items.find((item) => !isIneligible(item)) ?? null;
+	for (const item of items) item.tabIndex = item === target ? 0 : -1;
+	return target;
+}
 function getFocusNavigationTarget(event, collection, options) {
 	if (!isElement(event.target)) return void 0;
 	const currentItem = event.target.closest(options.itemSelector);
-	if (!currentItem || currentItem.closest(options.collectionSelector) !== collection || isDisabled(currentItem)) return;
+	if (!currentItem || currentItem.closest(options.collectionSelector) !== collection || isIneligible(currentItem)) return;
 	const items = getScopedItems(collection, options);
 	const currentIndex = items.indexOf(currentItem);
 	if (currentIndex < 0) return void 0;
-	const enabledIndexes = getEnabledIndexes(items, isDisabled);
+	const enabledIndexes = getEnabledIndexes(items, isIneligible);
 	if (enabledIndexes.length === 0) return void 0;
 	if (event.key === "Home") return items[enabledIndexes[0]];
 	if (event.key === "End") return items[enabledIndexes[enabledIndexes.length - 1]];
 	let direction = getDirection(event.key, options.orientation);
 	if (!direction) return void 0;
 	if (options.orientation === "horizontal" && collection.ownerDocument.defaultView?.getComputedStyle(collection).direction === "rtl") direction = direction === 1 ? -1 : 1;
-	const nextIndex = getNextEnabledIndex(items, currentIndex, direction, isDisabled);
+	const nextIndex = getNextEnabledIndex(items, currentIndex, direction, isIneligible);
 	return nextIndex === void 0 ? void 0 : items[nextIndex];
 }
 //#endregion
-export { getFocusNavigationTarget as t };
+export { setFocusNavigationTabStop as n, getFocusNavigationTarget as t };

package/dist/index.d.ts

@@ -45,4 +45,5 @@ export * from './components/tags-input/index.js';
 export * from './components/teleport-provider/index.js';
 export * from './components/textarea/index.js';
 export * from './components/toast/index.js';
+export * from './components/toolbar/index.js';
 export * from './components/tooltip/index.js';

package/dist/index.js

@@ -60,5 +60,6 @@ import { n as tags_input_default, t as tagsInputParts } from "./tags-input.js";
 import { t as teleport_provider_default } from "./teleport-provider.js";
 import { n as textarea_default, t as textareaParts } from "./textarea.js";
 import { a as toastColors, c as toastRadiuses, d as toastViewportParts, f as createToastStore, i as useToast, l as toastTypes, n as toast_viewport_default, o as toastParts, p as toast_default, r as toast_provider_default, s as toastPositions, t as useToastState, u as toastVariants } from "./toast.js";
+import { n as toolbarParts, r as toolbar_default, t as toolbarOrientations } from "./toolbar.js";
 import { t as tooltipParts } from "./tooltip2.js";
-export { accordion_default as Accordion, accordion_item_default as AccordionItem, alert_default as Alert, aspect_ratio_default as AspectRatio, avatar_default as Avatar, badge_default as Badge, button_default as Button, button_group_default as ButtonGroup, button_link_default as ButtonLink, calendar_default as Calendar, card_default as Card, checkbox_default as Checkbox, collapse_default as Collapse, color_input_default as ColorInput, color_picker_default as ColorPicker, color_swatch_default as ColorSwatch, combobox_default as Combobox, date_picker_default as DatePicker, dialog_close_default as DialogClose, dialog_content_default as DialogContent, dialog_description_default as DialogDescription, dialog_overlay_default as DialogOverlay, dialog_portal_default as DialogPortal, dialog_root_default as DialogRoot, dialog_title_default as DialogTitle, dialog_trigger_default as DialogTrigger, dropdown_menu_default as DropdownMenu, dropdown_menu_checkbox_item_default as DropdownMenuCheckboxItem, dropdown_menu_content_default as DropdownMenuContent, dropdown_menu_context_trigger_default as DropdownMenuContextTrigger, DropdownMenuItem, dropdown_menu_item_indicator_default as DropdownMenuItemIndicator, dropdown_menu_label_default as DropdownMenuLabel, dropdown_menu_portal_default as DropdownMenuPortal, dropdown_menu_radio_group_default as DropdownMenuRadioGroup, dropdown_menu_radio_item_default as DropdownMenuRadioItem, dropdown_menu_root_default as DropdownMenuRoot, dropdown_menu_separator_default as DropdownMenuSeparator, dropdown_menu_sub_default as DropdownMenuSub, dropdown_menu_sub_content_default as DropdownMenuSubContent, dropdown_menu_sub_trigger_default as DropdownMenuSubTrigger, dropdown_menu_trigger_default as DropdownMenuTrigger, dropzone_default as Dropzone, field_default as Field, file_input_default as FileInput, focus_trap_default as FocusTrap, hover_card_default as HoverCard, icon_button_default as IconButton, input_default as Input, modal_default as Modal, multi_select_default as MultiSelect, number_input_default as NumberInput, overlay_default as Overlay, overlay_layer_provider_default as OverlayLayerProvider, pagination_default as Pagination, popover_default as Popover, progress_default as Progress, radio_default as Radio, radio_group_default as RadioGroup, range_slider_default as RangeSlider, scroll_area_default as ScrollArea, segmented_control_default as SegmentedControl, select_default as Select, slider_default as Slider, switch_default as Switch, tabs_default as Tabs, tabs_content_default as TabsContent, tabs_list_default as TabsList, tabs_trigger_default as TabsTrigger, tags_input_default as TagsInput, teleport_provider_default as TeleportProvider, textarea_default as Textarea, toast_default as Toast, toast_provider_default as ToastProvider, toast_viewport_default as ToastViewport, tooltip_default as Tooltip, accordionItemParts, accordionParts, alertColors, alertParts, alertRadiuses, alertVariants, aspectRatioParts, avatarColors, avatarParts, avatarRadiuses, avatarSizes, avatarVariants, badgeColors, badgeParts, badgeRadiuses, badgeSizes, badgeVariants, buttonGroupParts, buttonLinkParts, buttonParts, calendarParts, calendarRadiuses, calendarSizes, calendarWeekdayFormats, cardParts, checkboxParts, collapseParts, colorInputParts, colorPickerFormats, colorPickerParts, colorPickerSizes, colorSwatchParts, comboboxParts, createToastStore, datePickerParts, defaultDatePickerFormat, dropdownMenuParts, dropzoneErrorCodes, dropzoneParts, dropzoneStatuses, fieldParts, fileInputParts, focusTrapParts, formatDatePickerValue, getPaginationItems, hoverCardParts, hoverCardPlacements, iconButtonParts, inputParts, modalParts, multiSelectParts, normalizeDatePickerValue, normalizePaginationPage, normalizePaginationTotal, numberInputParts, overlayParts, paginationColors, paginationParts, paginationRadiuses, paginationSizes, parseDatePickerValue, popoverParts, popoverPlacements, progressColors, progressParts, progressRadiuses, progressSizes, radioGroupParts, radioParts, rangeSliderParts, scrollAreaParts, scrollAreaScrollbars, scrollAreaTypes, segmentedControlColors, segmentedControlOrientations, segmentedControlParts, segmentedControlRadiuses, segmentedControlSizes, selectParts, sliderColors, sliderOrientations, sliderParts, sliderSizes, switchParts, tabsContentParts, tabsListParts, tabsParts, tabsTriggerParts, tagsInputParts, textareaParts, toastColors, toastParts, toastPositions, toastRadiuses, toastTypes, toastVariants, toastViewportParts, tooltipParts, useAccordion, useAccordionItem, useCollapse, useControllableValue, useDropdownMenu, useFloatingPosition, useFocusTrap, useHoverDisclosure, useOverlayZIndex, usePagination, useTabs, useTabsContent, useTabsList, useTabsTrigger, useTeleportTarget, useToast, useToastState };
+export { accordion_default as Accordion, accordion_item_default as AccordionItem, alert_default as Alert, aspect_ratio_default as AspectRatio, avatar_default as Avatar, badge_default as Badge, button_default as Button, button_group_default as ButtonGroup, button_link_default as ButtonLink, calendar_default as Calendar, card_default as Card, checkbox_default as Checkbox, collapse_default as Collapse, color_input_default as ColorInput, color_picker_default as ColorPicker, color_swatch_default as ColorSwatch, combobox_default as Combobox, date_picker_default as DatePicker, dialog_close_default as DialogClose, dialog_content_default as DialogContent, dialog_description_default as DialogDescription, dialog_overlay_default as DialogOverlay, dialog_portal_default as DialogPortal, dialog_root_default as DialogRoot, dialog_title_default as DialogTitle, dialog_trigger_default as DialogTrigger, dropdown_menu_default as DropdownMenu, dropdown_menu_checkbox_item_default as DropdownMenuCheckboxItem, dropdown_menu_content_default as DropdownMenuContent, dropdown_menu_context_trigger_default as DropdownMenuContextTrigger, DropdownMenuItem, dropdown_menu_item_indicator_default as DropdownMenuItemIndicator, dropdown_menu_label_default as DropdownMenuLabel, dropdown_menu_portal_default as DropdownMenuPortal, dropdown_menu_radio_group_default as DropdownMenuRadioGroup, dropdown_menu_radio_item_default as DropdownMenuRadioItem, dropdown_menu_root_default as DropdownMenuRoot, dropdown_menu_separator_default as DropdownMenuSeparator, dropdown_menu_sub_default as DropdownMenuSub, dropdown_menu_sub_content_default as DropdownMenuSubContent, dropdown_menu_sub_trigger_default as DropdownMenuSubTrigger, dropdown_menu_trigger_default as DropdownMenuTrigger, dropzone_default as Dropzone, field_default as Field, file_input_default as FileInput, focus_trap_default as FocusTrap, hover_card_default as HoverCard, icon_button_default as IconButton, input_default as Input, modal_default as Modal, multi_select_default as MultiSelect, number_input_default as NumberInput, overlay_default as Overlay, overlay_layer_provider_default as OverlayLayerProvider, pagination_default as Pagination, popover_default as Popover, progress_default as Progress, radio_default as Radio, radio_group_default as RadioGroup, range_slider_default as RangeSlider, scroll_area_default as ScrollArea, segmented_control_default as SegmentedControl, select_default as Select, slider_default as Slider, switch_default as Switch, tabs_default as Tabs, tabs_content_default as TabsContent, tabs_list_default as TabsList, tabs_trigger_default as TabsTrigger, tags_input_default as TagsInput, teleport_provider_default as TeleportProvider, textarea_default as Textarea, toast_default as Toast, toast_provider_default as ToastProvider, toast_viewport_default as ToastViewport, toolbar_default as Toolbar, tooltip_default as Tooltip, accordionItemParts, accordionParts, alertColors, alertParts, alertRadiuses, alertVariants, aspectRatioParts, avatarColors, avatarParts, avatarRadiuses, avatarSizes, avatarVariants, badgeColors, badgeParts, badgeRadiuses, badgeSizes, badgeVariants, buttonGroupParts, buttonLinkParts, buttonParts, calendarParts, calendarRadiuses, calendarSizes, calendarWeekdayFormats, cardParts, checkboxParts, collapseParts, colorInputParts, colorPickerFormats, colorPickerParts, colorPickerSizes, colorSwatchParts, comboboxParts, createToastStore, datePickerParts, defaultDatePickerFormat, dropdownMenuParts, dropzoneErrorCodes, dropzoneParts, dropzoneStatuses, fieldParts, fileInputParts, focusTrapParts, formatDatePickerValue, getPaginationItems, hoverCardParts, hoverCardPlacements, iconButtonParts, inputParts, modalParts, multiSelectParts, normalizeDatePickerValue, normalizePaginationPage, normalizePaginationTotal, numberInputParts, overlayParts, paginationColors, paginationParts, paginationRadiuses, paginationSizes, parseDatePickerValue, popoverParts, popoverPlacements, progressColors, progressParts, progressRadiuses, progressSizes, radioGroupParts, radioParts, rangeSliderParts, scrollAreaParts, scrollAreaScrollbars, scrollAreaTypes, segmentedControlColors, segmentedControlOrientations, segmentedControlParts, segmentedControlRadiuses, segmentedControlSizes, selectParts, sliderColors, sliderOrientations, sliderParts, sliderSizes, switchParts, tabsContentParts, tabsListParts, tabsParts, tabsTriggerParts, tagsInputParts, textareaParts, toastColors, toastParts, toastPositions, toastRadiuses, toastTypes, toastVariants, toastViewportParts, toolbarOrientations, toolbarParts, tooltipParts, useAccordion, useAccordionItem, useCollapse, useControllableValue, useDropdownMenu, useFloatingPosition, useFocusTrap, useHoverDisclosure, useOverlayZIndex, usePagination, useTabs, useTabsContent, useTabsList, useTabsTrigger, useTeleportTarget, useToast, useToastState };

package/dist/slider.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-slider[data-v-f21fa11c] {
+.rp-slider[data-v-0fbfb274] {
     --_rp-slider-color: var(--rp-color-control-selected-bg);
     --_rp-slider-track-bg: var(--rp-color-control-track-bg);
     --_rp-slider-thumb-bg: var(--rp-color-control-thumb-bg);
@@ -51,11 +51,11 @@
             var(--_rp-slider-tooltip-ratio)
     );
 }
-.rp-slider--thumb-hidden[data-v-f21fa11c] {
+.rp-slider--thumb-hidden[data-v-0fbfb274], .rp-slider--thumb-interaction[data-v-0fbfb274] {
     --_rp-slider-fill-position: calc(100% * var(--_rp-slider-ratio));
     --_rp-slider-tooltip-fill-position: calc(100% * var(--_rp-slider-tooltip-ratio));
 }
-.rp-slider[data-v-f21fa11c] {
+.rp-slider[data-v-0fbfb274] {
     display: inline-grid;
     width: 100%;
     min-width: var(--_rp-slider-track-length);
@@ -65,43 +65,43 @@
     font-size: var(--_rp-slider-font-size);
     line-height: var(--rp-line-height-md);
 }
-html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[data-v-f21fa11c] {
+html.dark .rp-slider[data-v-0fbfb274], [data-rp-color-scheme=dark] .rp-slider[data-v-0fbfb274] {
     --_rp-slider-thumb-bg: var(--_rp-slider-color);
     --_rp-slider-thumb-border: var(--rp-color-control-thumb-bg);
 }
-.rp-slider--custom-thumb[data-v-f21fa11c] {
+.rp-slider--custom-thumb[data-v-0fbfb274] {
     --_rp-slider-thumb-bg: var(--_rp-slider-color);
     --_rp-slider-thumb-border: var(--rp-color-control-thumb-bg);
 }
-.rp-slider--disabled[data-v-f21fa11c] {
+.rp-slider--disabled[data-v-0fbfb274] {
     opacity: var(--rp-opacity-disabled);
     cursor: not-allowed;
 }
-.rp-slider--invalid .rp-slider__bar[data-v-f21fa11c] {
+.rp-slider--invalid .rp-slider__bar[data-v-0fbfb274] {
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-slider-invalid-ring);
 }
-.rp-slider__header[data-v-f21fa11c] {
+.rp-slider__header[data-v-0fbfb274] {
     display: flex;
     align-items: center;
     justify-content: space-between;
     min-width: 0;
     gap: var(--rp-spacing-3);
 }
-.rp-slider__label[data-v-f21fa11c] {
+.rp-slider__label[data-v-0fbfb274] {
     min-width: 0;
     color: var(--rp-color-text);
 }
-.rp-slider__value[data-v-f21fa11c] {
+.rp-slider__value[data-v-0fbfb274] {
     flex-shrink: 0;
     color: var(--rp-color-dimmed);
     font-variant-numeric: tabular-nums;
 }
-.rp-slider__track[data-v-f21fa11c] {
+.rp-slider__track[data-v-0fbfb274] {
     position: relative;
     display: block;
     min-width: 0;
 }
-.rp-slider__rail[data-v-f21fa11c], .rp-slider__bar[data-v-f21fa11c] {
+.rp-slider__rail[data-v-0fbfb274], .rp-slider__bar[data-v-0fbfb274] {
     position: absolute;
     top: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-track-height)) / 2);
     left: 0;
@@ -111,7 +111,7 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     pointer-events: none;
     border-radius: var(--rp-radius-full);
 }
-.rp-slider__track-layer[data-v-f21fa11c] {
+.rp-slider__track-layer[data-v-0fbfb274] {
     position: absolute;
     top: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-track-height)) / 2);
     right: calc(var(--_rp-slider-thumb-size) / 2);
@@ -119,27 +119,28 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     height: var(--_rp-slider-track-height);
     pointer-events: none;
 }
-.rp-slider__rail[data-v-f21fa11c] {
+.rp-slider__rail[data-v-0fbfb274] {
     z-index: 0;
     background: var(--_rp-slider-track-bg);
 }
-.rp-slider__track-underlay[data-v-f21fa11c] {
+.rp-slider__track-underlay[data-v-0fbfb274] {
     z-index: 1;
 }
-.rp-slider__bar[data-v-f21fa11c] {
+.rp-slider__bar[data-v-0fbfb274] {
     z-index: 2;
     background: linear-gradient(to right, var(--_rp-slider-color) 0 var(--_rp-slider-fill-position), transparent var(--_rp-slider-fill-position) 100%);
 }
-.rp-slider__track-overlay[data-v-f21fa11c] {
+.rp-slider__track-overlay[data-v-0fbfb274] {
     z-index: 2;
 }
-.rp-slider__track[data-v-f21fa11c] {
+.rp-slider__track[data-v-0fbfb274] {
     height: var(--_rp-slider-hit-size);
+    touch-action: none;
 }
-.rp-slider--marks-with-labels .rp-slider__track[data-v-f21fa11c] {
+.rp-slider--marks-with-labels .rp-slider__track[data-v-0fbfb274] {
     padding-bottom: calc(var(--_rp-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
 }
-.rp-slider__native[data-v-f21fa11c] {
+.rp-slider__native[data-v-0fbfb274] {
     position: relative;
     z-index: 3;
     display: block;
@@ -153,7 +154,7 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     cursor: pointer;
     outline: none;
 }
-.rp-slider__marks[data-v-f21fa11c] {
+.rp-slider__marks[data-v-0fbfb274] {
     position: absolute;
     z-index: 2;
     top: 0;
@@ -162,7 +163,7 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     height: var(--_rp-slider-thumb-size);
     pointer-events: none;
 }
-.rp-slider__mark[data-v-f21fa11c] {
+.rp-slider__mark[data-v-0fbfb274] {
     position: absolute;
     top: 0;
     left: var(--_rp-slider-mark-position);
@@ -175,7 +176,7 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     line-height: var(--rp-line-height-md);
     transform: translateX(-50%);
 }
-.rp-slider__mark-dot[data-v-f21fa11c] {
+.rp-slider__mark-dot[data-v-0fbfb274] {
     width: var(--_rp-slider-mark-size);
     height: var(--_rp-slider-mark-size);
     margin-top: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-mark-size)) / 2);
@@ -184,7 +185,7 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     box-shadow: 0 0 0 var(--rp-border-width-thin) transparent;
     transition: box-shadow var(--rp-transition-fast);
 }
-.rp-slider__mark-label[data-v-f21fa11c] {
+.rp-slider__mark-label[data-v-0fbfb274] {
     max-width: 100%;
     margin-top: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-mark-size)) / 2 + var(--rp-spacing-1));
     overflow-wrap: anywhere;
@@ -193,16 +194,16 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     text-align: center;
     font-variant-numeric: tabular-nums;
 }
-.rp-slider__mark--filled .rp-slider__mark-dot[data-v-f21fa11c] {
+.rp-slider__mark--filled .rp-slider__mark-dot[data-v-0fbfb274] {
     box-shadow: 0 0 0 var(--rp-border-width-thin) var(--_rp-slider-mark-ring-color);
 }
-.rp-slider__mark--filled .rp-slider__mark-label[data-v-f21fa11c] {
+.rp-slider__mark--filled .rp-slider__mark-label[data-v-0fbfb274] {
     color: var(--_rp-slider-mark-filled-label-color);
 }
-.rp-slider__marks[data-v-f21fa11c] {
+.rp-slider__marks[data-v-0fbfb274] {
     top: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
 }
-.rp-slider__thumb[data-v-f21fa11c] {
+.rp-slider__thumb[data-v-0fbfb274] {
     position: absolute;
     z-index: 4;
     top: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
@@ -211,7 +212,7 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     height: var(--_rp-slider-thumb-size);
     pointer-events: none;
 }
-.rp-slider__thumb-content[data-v-f21fa11c] {
+.rp-slider__thumb-content[data-v-0fbfb274] {
     position: absolute;
     top: 50%;
     left: var(--_rp-slider-percent);
@@ -231,11 +232,11 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     transform: translate(-50%, -50%);
     transition: opacity var(--rp-transition-fast), border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
 }
-.rp-slider__thumb-content[data-v-f21fa11c] svg {
+.rp-slider__thumb-content[data-v-0fbfb274] svg {
     width: 60%;
     height: 60%;
 }
-.rp-slider__travel[data-v-f21fa11c] {
+.rp-slider__travel[data-v-0fbfb274] {
     position: absolute;
     top: 0;
     right: calc(var(--_rp-slider-thumb-size) / 2);
@@ -243,7 +244,7 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     height: var(--_rp-slider-hit-size);
     pointer-events: none;
 }
-.rp-slider__tooltip[data-v-f21fa11c] {
+.rp-slider__tooltip[data-v-0fbfb274] {
     position: absolute;
     z-index: 5;
     top: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
@@ -253,7 +254,7 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     pointer-events: none;
     translate: -50% 0;
 }
-.rp-slider__tooltip-anchor[data-v-f21fa11c] {
+.rp-slider__tooltip-anchor[data-v-0fbfb274] {
     display: block;
     width: 100%;
     height: 100%;
@@ -265,25 +266,25 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     white-space: nowrap;
     font-variant-numeric: tabular-nums;
 }
-.rp-slider__native[data-v-f21fa11c]:disabled {
+.rp-slider__native[data-v-0fbfb274]:disabled {
     cursor: not-allowed;
 }
-.rp-slider__native[data-v-f21fa11c]::-webkit-slider-runnable-track {
+.rp-slider__native[data-v-0fbfb274]::-webkit-slider-runnable-track {
     height: var(--_rp-slider-hit-size);
     border-radius: var(--rp-radius-full);
     background: transparent;
 }
-.rp-slider__native[data-v-f21fa11c]::-moz-range-track {
+.rp-slider__native[data-v-0fbfb274]::-moz-range-track {
     height: var(--_rp-slider-hit-size);
     border-radius: var(--rp-radius-full);
     background: transparent;
 }
-.rp-slider__native[data-v-f21fa11c]::-moz-range-progress {
+.rp-slider__native[data-v-0fbfb274]::-moz-range-progress {
     height: var(--_rp-slider-hit-size);
     border-radius: var(--rp-radius-full);
     background: transparent;
 }
-.rp-slider__native[data-v-f21fa11c]::-webkit-slider-thumb {
+.rp-slider__native[data-v-0fbfb274]::-webkit-slider-thumb {
     width: var(--_rp-slider-thumb-size);
     height: var(--_rp-slider-thumb-size);
     margin-top: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
@@ -294,7 +295,7 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     border: 0;
     border-radius: var(--rp-radius-full);
 }
-.rp-slider__native[data-v-f21fa11c]::-moz-range-thumb {
+.rp-slider__native[data-v-0fbfb274]::-moz-range-thumb {
     width: var(--_rp-slider-thumb-size);
     height: var(--_rp-slider-thumb-size);
     box-sizing: border-box;
@@ -303,37 +304,37 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     border: 0;
     border-radius: var(--rp-radius-full);
 }
-.rp-slider--vertical[data-v-f21fa11c] {
+.rp-slider--vertical[data-v-0fbfb274] {
     width: max-content;
     min-width: 0;
     max-width: none;
     justify-items: center;
 }
-.rp-slider--vertical .rp-slider__header[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__header[data-v-0fbfb274] {
     width: max-content;
     max-width: 12rem;
     justify-content: space-between;
     gap: var(--rp-spacing-3);
     text-align: center;
 }
-.rp-slider--vertical .rp-slider__value[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__value[data-v-0fbfb274] {
     min-width: 3ch;
     text-align: right;
 }
-.rp-slider--vertical .rp-slider__track[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__track[data-v-0fbfb274] {
     width: var(--_rp-slider-hit-size);
     height: var(--_rp-slider-track-length);
     min-width: 0;
     min-height: var(--_rp-slider-track-length);
     justify-self: center;
 }
-.rp-slider--vertical .rp-slider__rail[data-v-f21fa11c], .rp-slider--vertical .rp-slider__bar[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__rail[data-v-0fbfb274], .rp-slider--vertical .rp-slider__bar[data-v-0fbfb274] {
     top: 0;
     left: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-track-height)) / 2);
     width: var(--_rp-slider-track-height);
     height: 100%;
 }
-.rp-slider--vertical .rp-slider__track-layer[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__track-layer[data-v-0fbfb274] {
     top: calc(var(--_rp-slider-thumb-size) / 2);
     right: auto;
     bottom: calc(var(--_rp-slider-thumb-size) / 2);
@@ -341,14 +342,14 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     width: var(--_rp-slider-track-height);
     height: auto;
 }
-.rp-slider--vertical .rp-slider__bar[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__bar[data-v-0fbfb274] {
     background: linear-gradient(to top, var(--_rp-slider-color) 0 var(--_rp-slider-fill-position), transparent var(--_rp-slider-fill-position) 100%);
 }
-.rp-slider--vertical.rp-slider--marks-with-labels .rp-slider__track[data-v-f21fa11c] {
+.rp-slider--vertical.rp-slider--marks-with-labels .rp-slider__track[data-v-0fbfb274] {
     padding-right: calc(var(--_rp-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
     padding-bottom: 0;
 }
-.rp-slider--vertical .rp-slider__native[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__native[data-v-0fbfb274] {
     width: var(--_rp-slider-hit-size);
     min-width: 0;
     height: 100%;
@@ -356,7 +357,7 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     direction: rtl;
     writing-mode: vertical-lr;
 }
-.rp-slider--vertical .rp-slider__marks[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__marks[data-v-0fbfb274] {
     top: calc(var(--_rp-slider-thumb-size) / 2);
     right: auto;
     bottom: calc(var(--_rp-slider-thumb-size) / 2);
@@ -364,24 +365,24 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     width: var(--_rp-slider-hit-size);
     height: auto;
 }
-.rp-slider--vertical .rp-slider__mark[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__mark[data-v-0fbfb274] {
     top: calc(100% - var(--_rp-slider-mark-position));
     left: 0;
     flex-direction: row;
     align-items: center;
     transform: translateY(-50%);
 }
-.rp-slider--vertical .rp-slider__mark-dot[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__mark-dot[data-v-0fbfb274] {
     flex: 0 0 auto;
     margin-top: 0;
     margin-left: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-mark-size)) / 2);
 }
-.rp-slider--vertical .rp-slider__mark-label[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__mark-label[data-v-0fbfb274] {
     margin-top: 0;
     margin-left: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-mark-size)) / 2 + var(--rp-spacing-1));
     text-align: left;
 }
-.rp-slider--vertical .rp-slider__thumb[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__thumb[data-v-0fbfb274] {
     top: calc(var(--_rp-slider-thumb-size) / 2);
     right: auto;
     bottom: calc(var(--_rp-slider-thumb-size) / 2);
@@ -389,11 +390,11 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     width: var(--_rp-slider-thumb-size);
     height: auto;
 }
-.rp-slider--vertical .rp-slider__thumb-content[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__thumb-content[data-v-0fbfb274] {
     top: calc(100% - var(--_rp-slider-percent));
     left: 50%;
 }
-.rp-slider--vertical .rp-slider__travel[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__travel[data-v-0fbfb274] {
     top: calc(var(--_rp-slider-thumb-size) / 2);
     right: auto;
     bottom: calc(var(--_rp-slider-thumb-size) / 2);
@@ -401,69 +402,77 @@ html.dark .rp-slider[data-v-f21fa11c], [data-rp-color-scheme=dark] .rp-slider[da
     width: var(--_rp-slider-hit-size);
     height: auto;
 }
-.rp-slider--vertical .rp-slider__tooltip[data-v-f21fa11c] {
+.rp-slider--vertical .rp-slider__tooltip[data-v-0fbfb274] {
     top: calc(100% - var(--_rp-slider-tooltip-fill-position));
     left: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
     translate: 0 -50%;
 }
-.rp-slider--vertical .rp-slider__native[data-v-f21fa11c]::-webkit-slider-runnable-track {
+.rp-slider--vertical .rp-slider__native[data-v-0fbfb274]::-webkit-slider-runnable-track {
     width: var(--_rp-slider-hit-size);
     height: 100%;
     background: transparent;
 }
-.rp-slider--vertical .rp-slider__native[data-v-f21fa11c]::-moz-range-track {
+.rp-slider--vertical .rp-slider__native[data-v-0fbfb274]::-moz-range-track {
     width: var(--_rp-slider-hit-size);
     height: 100%;
 }
-.rp-slider--vertical .rp-slider__native[data-v-f21fa11c]::-moz-range-progress {
+.rp-slider--vertical .rp-slider__native[data-v-0fbfb274]::-moz-range-progress {
     width: var(--_rp-slider-hit-size);
 }
-.rp-slider--vertical .rp-slider__native[data-v-f21fa11c]::-webkit-slider-thumb {
+.rp-slider--vertical .rp-slider__native[data-v-0fbfb274]::-webkit-slider-thumb {
     margin-top: 0;
     margin-left: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
 }
-.rp-slider--thumb-hidden .rp-slider__thumb-content[data-v-f21fa11c], .rp-slider--thumb-interaction .rp-slider__thumb-content[data-v-f21fa11c] {
+.rp-slider--thumb-interaction:not(.rp-slider--vertical) .rp-slider__thumb[data-v-0fbfb274], .rp-slider--thumb-interaction:not(.rp-slider--vertical) .rp-slider__travel[data-v-0fbfb274], .rp-slider--thumb-interaction:not(.rp-slider--vertical) .rp-slider__marks[data-v-0fbfb274] {
+    right: 0;
+    left: 0;
+}
+.rp-slider--vertical.rp-slider--thumb-interaction .rp-slider__thumb[data-v-0fbfb274], .rp-slider--vertical.rp-slider--thumb-interaction .rp-slider__travel[data-v-0fbfb274], .rp-slider--vertical.rp-slider--thumb-interaction .rp-slider__marks[data-v-0fbfb274] {
+    top: 0;
+    bottom: 0;
+}
+.rp-slider--thumb-hidden .rp-slider__thumb-content[data-v-0fbfb274], .rp-slider--thumb-interaction .rp-slider__thumb-content[data-v-0fbfb274] {
     opacity: 0;
 }
-.rp-slider--thumb-interaction:not([data-disabled])[data-track-hovered] .rp-slider__thumb-content[data-v-f21fa11c], .rp-slider--thumb-interaction:not([data-disabled])[data-dragging] .rp-slider__thumb-content[data-v-f21fa11c], .rp-slider--thumb-interaction .rp-slider__native:focus-visible ~ .rp-slider__thumb .rp-slider__thumb-content[data-v-f21fa11c] {
+.rp-slider--thumb-interaction:not([data-disabled])[data-track-hovered] .rp-slider__thumb-content[data-v-0fbfb274], .rp-slider--thumb-interaction:not([data-disabled])[data-dragging] .rp-slider__thumb-content[data-v-0fbfb274], .rp-slider--thumb-interaction .rp-slider__native:focus-visible ~ .rp-slider__thumb .rp-slider__thumb-content[data-v-0fbfb274] {
     opacity: 1;
 }
-.rp-slider__native:focus-visible ~ .rp-slider__thumb .rp-slider__thumb-content[data-v-f21fa11c] {
+.rp-slider__native:focus-visible ~ .rp-slider__thumb .rp-slider__thumb-content[data-v-0fbfb274] {
     box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
-.rp-slider--thumb-hidden .rp-slider__native[data-v-f21fa11c]:focus-visible {
+.rp-slider--thumb-hidden .rp-slider__native[data-v-0fbfb274]:focus-visible {
     border-radius: var(--rp-radius-full);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
-.rp-slider--size-xs[data-v-f21fa11c] {
+.rp-slider--size-xs[data-v-0fbfb274] {
     --_rp-slider-default-track-height: 4px;
     --_rp-slider-default-thumb-size: 8px;
     --_rp-slider-default-thumb-border-width: 4px;
     --_rp-slider-font-size: var(--rp-font-size-xs);
     --_rp-slider-default-mark-size: 4px;
 }
-.rp-slider--size-sm[data-v-f21fa11c] {
+.rp-slider--size-sm[data-v-0fbfb274] {
     --_rp-slider-default-track-height: 6px;
     --_rp-slider-default-thumb-size: 12px;
     --_rp-slider-default-thumb-border-width: 3px;
     --_rp-slider-font-size: var(--rp-font-size-sm);
     --_rp-slider-default-mark-size: 4px;
 }
-.rp-slider--size-md[data-v-f21fa11c] {
+.rp-slider--size-md[data-v-0fbfb274] {
     --_rp-slider-default-track-height: 8px;
     --_rp-slider-default-thumb-size: 16px;
     --_rp-slider-default-thumb-border-width: 4px;
     --_rp-slider-font-size: var(--rp-font-size-md);
     --_rp-slider-default-mark-size: 4px;
 }
-.rp-slider--size-lg[data-v-f21fa11c] {
+.rp-slider--size-lg[data-v-0fbfb274] {
     --_rp-slider-default-track-height: 10px;
     --_rp-slider-default-thumb-size: 20px;
     --_rp-slider-default-thumb-border-width: 5px;
     --_rp-slider-font-size: var(--rp-font-size-lg);
     --_rp-slider-default-mark-size: 5px;
 }
-.rp-slider--size-xl[data-v-f21fa11c] {
+.rp-slider--size-xl[data-v-0fbfb274] {
     --_rp-slider-default-track-height: 12px;
     --_rp-slider-default-thumb-size: 24px;
     --_rp-slider-default-thumb-border-width: 6px;