ropav 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/README.md +79 -0
  2. package/dist/accordion.js +1 -4
  3. package/dist/button-link.js +2 -2
  4. package/dist/button.js +2 -2
  5. package/dist/collapse.js +1 -4
  6. package/dist/components/slider/index.d.ts +1 -1
  7. package/dist/components/slider/range-slider.d.ts +7 -11
  8. package/dist/components/slider/slider.d.ts +7 -14
  9. package/dist/components/slider/sliderCore.d.ts +7 -4
  10. package/dist/components/slider/types.d.ts +46 -4
  11. package/dist/components/slider/useRangeSlider.d.ts +2 -1
  12. package/dist/components/slider/useSlider.d.ts +13 -3
  13. package/dist/field.js +1 -1
  14. package/dist/input.js +1 -1
  15. package/dist/modal.js +1 -4
  16. package/dist/popover.js +1 -4
  17. package/dist/progress.js +1 -1
  18. package/dist/select.js +1 -1
  19. package/dist/slider.css +256 -166
  20. package/dist/slider.js +334 -140
  21. package/dist/switch.css +17 -17
  22. package/dist/switch.js +10 -5
  23. package/dist/tooltip.js +1 -4
  24. package/dist/unplugin-icons.d.ts +5 -0
  25. package/dist/unplugin-icons.js +40 -0
  26. package/docs/public-styles-api.md +5 -2
  27. package/package.json +51 -35
package/dist/slider.css CHANGED
@@ -1,5 +1,5 @@
1
1
  @layer ropav.components {
2
- .rp-slider[data-v-a837ba72] {
2
+ .rp-slider[data-v-3864baf4] {
3
3
  --_rp-slider-color: var(--rp-color-control-selected-bg);
4
4
  --_rp-slider-track-bg: var(--rp-color-control-track-bg);
5
5
  --_rp-slider-thumb-bg: var(--rp-color-control-thumb-bg);
@@ -29,6 +29,7 @@
29
29
  --rp-slider-thumb-size,
30
30
  var(--_rp-slider-default-thumb-size)
31
31
  );
32
+ --_rp-slider-hit-size: var(--_rp-slider-thumb-size);
32
33
  --_rp-slider-thumb-border-width: var(
33
34
  --rp-slider-thumb-border-width,
34
35
  var(--_rp-slider-default-thumb-border-width)
@@ -40,78 +41,111 @@
40
41
  --_rp-slider-mark-ring-color: var(--_rp-slider-color);
41
42
  --_rp-slider-invalid-ring: color-mix(in srgb, var(--rp-color-red-filled) 48%, transparent);
42
43
  --_rp-slider-ratio: 0;
44
+ --_rp-slider-tooltip-ratio: var(--_rp-slider-ratio);
43
45
  --_rp-slider-fill-position: calc(
44
46
  var(--_rp-slider-thumb-size) / 2 + (100% - var(--_rp-slider-thumb-size)) *
45
47
  var(--_rp-slider-ratio)
46
48
  );
49
+ --_rp-slider-tooltip-fill-position: calc(
50
+ var(--_rp-slider-thumb-size) / 2 + (100% - var(--_rp-slider-thumb-size)) *
51
+ var(--_rp-slider-tooltip-ratio)
52
+ );
53
+ }
54
+ .rp-slider--thumb-hidden[data-v-3864baf4] {
55
+ --_rp-slider-fill-position: calc(100% * var(--_rp-slider-ratio));
56
+ --_rp-slider-tooltip-fill-position: calc(100% * var(--_rp-slider-tooltip-ratio));
57
+ }
58
+ .rp-slider[data-v-3864baf4] {
47
59
  display: inline-grid;
48
60
  width: 100%;
49
61
  min-width: var(--_rp-slider-track-length);
50
62
  max-width: 100%;
51
63
  gap: var(--rp-spacing-2);
52
- cursor: pointer;
53
64
  font-family: var(--rp-font-family);
54
65
  font-size: var(--_rp-slider-font-size);
55
66
  line-height: var(--rp-line-height-md);
56
67
  }
57
- html.dark .rp-slider[data-v-a837ba72], [data-rp-color-scheme=dark] .rp-slider[data-v-a837ba72] {
68
+ html.dark .rp-slider[data-v-3864baf4], [data-rp-color-scheme=dark] .rp-slider[data-v-3864baf4] {
58
69
  --_rp-slider-thumb-bg: var(--_rp-slider-color);
59
70
  --_rp-slider-thumb-border: var(--rp-color-control-thumb-bg);
60
71
  }
61
- .rp-slider--custom-thumb[data-v-a837ba72] {
72
+ .rp-slider--custom-thumb[data-v-3864baf4] {
62
73
  --_rp-slider-thumb-bg: var(--_rp-slider-color);
63
74
  --_rp-slider-thumb-border: var(--rp-color-control-thumb-bg);
64
75
  }
65
- .rp-slider--disabled[data-v-a837ba72] {
76
+ .rp-slider--disabled[data-v-3864baf4] {
66
77
  opacity: var(--rp-opacity-disabled);
67
78
  cursor: not-allowed;
68
79
  }
69
- .rp-slider--invalid .rp-slider__bar[data-v-a837ba72] {
80
+ .rp-slider--invalid .rp-slider__bar[data-v-3864baf4] {
70
81
  box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-slider-invalid-ring);
71
82
  }
72
- .rp-slider__header[data-v-a837ba72] {
83
+ .rp-slider__header[data-v-3864baf4] {
73
84
  display: flex;
74
85
  align-items: center;
75
86
  justify-content: space-between;
76
87
  min-width: 0;
77
88
  gap: var(--rp-spacing-3);
78
89
  }
79
- .rp-slider__label[data-v-a837ba72] {
90
+ .rp-slider__label[data-v-3864baf4] {
80
91
  min-width: 0;
81
92
  color: var(--rp-color-text);
82
93
  }
83
- .rp-slider__value[data-v-a837ba72] {
94
+ .rp-slider__value[data-v-3864baf4] {
84
95
  flex-shrink: 0;
85
96
  color: var(--rp-color-dimmed);
86
97
  font-variant-numeric: tabular-nums;
87
98
  }
88
- .rp-slider__track[data-v-a837ba72] {
99
+ .rp-slider__track[data-v-3864baf4] {
89
100
  position: relative;
90
101
  display: block;
91
102
  min-width: 0;
92
103
  }
93
- .rp-slider__bar[data-v-a837ba72] {
104
+ .rp-slider__rail[data-v-3864baf4], .rp-slider__bar[data-v-3864baf4] {
94
105
  position: absolute;
95
- z-index: 1;
96
- top: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-track-height)) / 2);
106
+ top: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-track-height)) / 2);
97
107
  left: 0;
98
108
  display: block;
99
109
  width: 100%;
100
110
  height: var(--_rp-slider-track-height);
101
111
  pointer-events: none;
102
- background: linear-gradient(to right, var(--_rp-slider-color) 0 var(--_rp-slider-fill-position), var(--_rp-slider-track-bg) var(--_rp-slider-fill-position) 100%);
103
112
  border-radius: var(--rp-radius-full);
104
113
  }
105
- .rp-slider--marks-with-labels .rp-slider__track[data-v-a837ba72] {
114
+ .rp-slider__track-layer[data-v-3864baf4] {
115
+ position: absolute;
116
+ top: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-track-height)) / 2);
117
+ right: calc(var(--_rp-slider-thumb-size) / 2);
118
+ left: calc(var(--_rp-slider-thumb-size) / 2);
119
+ height: var(--_rp-slider-track-height);
120
+ pointer-events: none;
121
+ }
122
+ .rp-slider__rail[data-v-3864baf4] {
123
+ z-index: 0;
124
+ background: var(--_rp-slider-track-bg);
125
+ }
126
+ .rp-slider__track-underlay[data-v-3864baf4] {
127
+ z-index: 1;
128
+ }
129
+ .rp-slider__bar[data-v-3864baf4] {
130
+ z-index: 2;
131
+ background: linear-gradient(to right, var(--_rp-slider-color) 0 var(--_rp-slider-fill-position), transparent var(--_rp-slider-fill-position) 100%);
132
+ }
133
+ .rp-slider__track-overlay[data-v-3864baf4] {
134
+ z-index: 2;
135
+ }
136
+ .rp-slider__track[data-v-3864baf4] {
137
+ height: var(--_rp-slider-hit-size);
138
+ }
139
+ .rp-slider--marks-with-labels .rp-slider__track[data-v-3864baf4] {
106
140
  padding-bottom: calc(var(--_rp-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
107
141
  }
108
- .rp-slider__native[data-v-a837ba72] {
142
+ .rp-slider__native[data-v-3864baf4] {
109
143
  position: relative;
110
144
  z-index: 3;
111
145
  display: block;
112
146
  width: 100%;
113
147
  min-width: 0;
114
- height: var(--_rp-slider-thumb-size);
148
+ height: var(--_rp-slider-hit-size);
115
149
  padding: 0;
116
150
  margin: 0;
117
151
  appearance: none;
@@ -119,7 +153,7 @@ html.dark .rp-slider[data-v-a837ba72], [data-rp-color-scheme=dark] .rp-slider[da
119
153
  cursor: pointer;
120
154
  outline: none;
121
155
  }
122
- .rp-slider__marks[data-v-a837ba72] {
156
+ .rp-slider__marks[data-v-3864baf4] {
123
157
  position: absolute;
124
158
  z-index: 2;
125
159
  top: 0;
@@ -128,7 +162,7 @@ html.dark .rp-slider[data-v-a837ba72], [data-rp-color-scheme=dark] .rp-slider[da
128
162
  height: var(--_rp-slider-thumb-size);
129
163
  pointer-events: none;
130
164
  }
131
- .rp-slider__mark[data-v-a837ba72] {
165
+ .rp-slider__mark[data-v-3864baf4] {
132
166
  position: absolute;
133
167
  top: 0;
134
168
  left: var(--_rp-slider-mark-position);
@@ -141,7 +175,7 @@ html.dark .rp-slider[data-v-a837ba72], [data-rp-color-scheme=dark] .rp-slider[da
141
175
  line-height: var(--rp-line-height-md);
142
176
  transform: translateX(-50%);
143
177
  }
144
- .rp-slider__mark-dot[data-v-a837ba72] {
178
+ .rp-slider__mark-dot[data-v-3864baf4] {
145
179
  width: var(--_rp-slider-mark-size);
146
180
  height: var(--_rp-slider-mark-size);
147
181
  margin-top: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-mark-size)) / 2);
@@ -150,7 +184,7 @@ html.dark .rp-slider[data-v-a837ba72], [data-rp-color-scheme=dark] .rp-slider[da
150
184
  box-shadow: 0 0 0 var(--rp-border-width-thin) transparent;
151
185
  transition: box-shadow var(--rp-transition-fast);
152
186
  }
153
- .rp-slider__mark-label[data-v-a837ba72] {
187
+ .rp-slider__mark-label[data-v-3864baf4] {
154
188
  max-width: 100%;
155
189
  margin-top: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-mark-size)) / 2 + var(--rp-spacing-1));
156
190
  overflow-wrap: anywhere;
@@ -159,22 +193,25 @@ html.dark .rp-slider[data-v-a837ba72], [data-rp-color-scheme=dark] .rp-slider[da
159
193
  text-align: center;
160
194
  font-variant-numeric: tabular-nums;
161
195
  }
162
- .rp-slider__mark--filled .rp-slider__mark-dot[data-v-a837ba72] {
196
+ .rp-slider__mark--filled .rp-slider__mark-dot[data-v-3864baf4] {
163
197
  box-shadow: 0 0 0 var(--rp-border-width-thin) var(--_rp-slider-mark-ring-color);
164
198
  }
165
- .rp-slider__mark--filled .rp-slider__mark-label[data-v-a837ba72] {
199
+ .rp-slider__mark--filled .rp-slider__mark-label[data-v-3864baf4] {
166
200
  color: var(--_rp-slider-mark-filled-label-color);
167
201
  }
168
- .rp-slider__thumb[data-v-a837ba72] {
202
+ .rp-slider__marks[data-v-3864baf4] {
203
+ top: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
204
+ }
205
+ .rp-slider__thumb[data-v-3864baf4] {
169
206
  position: absolute;
170
207
  z-index: 4;
171
- top: 0;
208
+ top: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
172
209
  right: calc(var(--_rp-slider-thumb-size) / 2);
173
210
  left: calc(var(--_rp-slider-thumb-size) / 2);
174
211
  height: var(--_rp-slider-thumb-size);
175
212
  pointer-events: none;
176
213
  }
177
- .rp-slider__thumb-content[data-v-a837ba72] {
214
+ .rp-slider__thumb-content[data-v-3864baf4] {
178
215
  position: absolute;
179
216
  top: 50%;
180
217
  left: var(--_rp-slider-percent);
@@ -192,23 +229,31 @@ html.dark .rp-slider[data-v-a837ba72], [data-rp-color-scheme=dark] .rp-slider[da
192
229
  border-radius: var(--rp-radius-full);
193
230
  box-shadow: var(--rp-shadow-sm);
194
231
  transform: translate(-50%, -50%);
195
- transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
232
+ transition: opacity var(--rp-transition-fast), border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
196
233
  }
197
- .rp-slider__thumb-content[data-v-a837ba72] svg {
234
+ .rp-slider__thumb-content[data-v-3864baf4] svg {
198
235
  width: 60%;
199
236
  height: 60%;
200
237
  }
201
- .rp-slider__tooltip[data-v-a837ba72] {
238
+ .rp-slider__travel[data-v-3864baf4] {
202
239
  position: absolute;
203
- z-index: 5;
204
240
  top: 0;
205
- left: var(--_rp-slider-fill-position);
241
+ right: calc(var(--_rp-slider-thumb-size) / 2);
242
+ left: calc(var(--_rp-slider-thumb-size) / 2);
243
+ height: var(--_rp-slider-hit-size);
244
+ pointer-events: none;
245
+ }
246
+ .rp-slider__tooltip[data-v-3864baf4] {
247
+ position: absolute;
248
+ z-index: 5;
249
+ top: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
250
+ left: var(--_rp-slider-tooltip-fill-position);
206
251
  width: var(--_rp-slider-thumb-size);
207
252
  height: var(--_rp-slider-thumb-size);
208
253
  pointer-events: none;
209
254
  translate: -50% 0;
210
255
  }
211
- .rp-slider__tooltip-anchor[data-v-a837ba72] {
256
+ .rp-slider__tooltip-anchor[data-v-3864baf4] {
212
257
  display: block;
213
258
  width: 100%;
214
259
  height: 100%;
@@ -220,191 +265,205 @@ html.dark .rp-slider[data-v-a837ba72], [data-rp-color-scheme=dark] .rp-slider[da
220
265
  white-space: nowrap;
221
266
  font-variant-numeric: tabular-nums;
222
267
  }
223
- .rp-slider__native[data-v-a837ba72]:disabled {
268
+ .rp-slider__native[data-v-3864baf4]:disabled {
224
269
  cursor: not-allowed;
225
270
  }
226
- .rp-slider__native[data-v-a837ba72]::-webkit-slider-runnable-track {
227
- height: var(--_rp-slider-track-height);
271
+ .rp-slider__native[data-v-3864baf4]::-webkit-slider-runnable-track {
272
+ height: var(--_rp-slider-hit-size);
228
273
  border-radius: var(--rp-radius-full);
229
274
  background: transparent;
230
275
  }
231
- .rp-slider__native[data-v-a837ba72]::-moz-range-track {
232
- height: var(--_rp-slider-track-height);
276
+ .rp-slider__native[data-v-3864baf4]::-moz-range-track {
277
+ height: var(--_rp-slider-hit-size);
233
278
  border-radius: var(--rp-radius-full);
234
279
  background: transparent;
235
280
  }
236
- .rp-slider__native[data-v-a837ba72]::-moz-range-progress {
237
- height: var(--_rp-slider-track-height);
281
+ .rp-slider__native[data-v-3864baf4]::-moz-range-progress {
282
+ height: var(--_rp-slider-hit-size);
238
283
  border-radius: var(--rp-radius-full);
239
284
  background: transparent;
240
285
  }
241
- .rp-slider__native[data-v-a837ba72]::-webkit-slider-thumb {
286
+ .rp-slider__native[data-v-3864baf4]::-webkit-slider-thumb {
242
287
  width: var(--_rp-slider-thumb-size);
243
288
  height: var(--_rp-slider-thumb-size);
244
- margin-top: calc((var(--_rp-slider-track-height) - var(--_rp-slider-thumb-size)) / 2);
289
+ margin-top: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
245
290
  box-sizing: border-box;
246
291
  appearance: none;
247
- background: var(--_rp-slider-thumb-bg);
248
- border: var(--_rp-slider-thumb-border-style);
292
+ opacity: 0;
293
+ background: transparent;
294
+ border: 0;
249
295
  border-radius: var(--rp-radius-full);
250
- box-shadow: var(--rp-shadow-sm);
251
- transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
252
296
  }
253
- .rp-slider__native[data-v-a837ba72]::-moz-range-thumb {
297
+ .rp-slider__native[data-v-3864baf4]::-moz-range-thumb {
254
298
  width: var(--_rp-slider-thumb-size);
255
299
  height: var(--_rp-slider-thumb-size);
256
300
  box-sizing: border-box;
257
- background: var(--_rp-slider-thumb-bg);
258
- border: var(--_rp-slider-thumb-border-style);
301
+ opacity: 0;
302
+ background: transparent;
303
+ border: 0;
259
304
  border-radius: var(--rp-radius-full);
260
- box-shadow: var(--rp-shadow-sm);
261
- transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
262
305
  }
263
- .rp-slider--vertical[data-v-a837ba72] {
306
+ .rp-slider--vertical[data-v-3864baf4] {
264
307
  width: max-content;
265
308
  min-width: 0;
266
309
  max-width: none;
267
310
  justify-items: center;
268
311
  }
269
- .rp-slider--vertical .rp-slider__header[data-v-a837ba72] {
312
+ .rp-slider--vertical .rp-slider__header[data-v-3864baf4] {
270
313
  width: max-content;
271
314
  max-width: 12rem;
272
315
  justify-content: space-between;
273
316
  gap: var(--rp-spacing-3);
274
317
  text-align: center;
275
318
  }
276
- .rp-slider--vertical .rp-slider__value[data-v-a837ba72] {
319
+ .rp-slider--vertical .rp-slider__value[data-v-3864baf4] {
277
320
  min-width: 3ch;
278
321
  text-align: right;
279
322
  }
280
- .rp-slider--vertical .rp-slider__track[data-v-a837ba72] {
281
- width: var(--_rp-slider-thumb-size);
323
+ .rp-slider--vertical .rp-slider__track[data-v-3864baf4] {
324
+ width: var(--_rp-slider-hit-size);
282
325
  height: var(--_rp-slider-track-length);
283
326
  min-width: 0;
284
327
  min-height: var(--_rp-slider-track-length);
285
328
  justify-self: center;
286
329
  }
287
- .rp-slider--vertical .rp-slider__bar[data-v-a837ba72] {
330
+ .rp-slider--vertical .rp-slider__rail[data-v-3864baf4], .rp-slider--vertical .rp-slider__bar[data-v-3864baf4] {
288
331
  top: 0;
289
- left: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-track-height)) / 2);
332
+ left: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-track-height)) / 2);
290
333
  width: var(--_rp-slider-track-height);
291
334
  height: 100%;
292
- background: linear-gradient(to top, var(--_rp-slider-color) 0 var(--_rp-slider-fill-position), var(--_rp-slider-track-bg) var(--_rp-slider-fill-position) 100%);
293
335
  }
294
- .rp-slider--vertical.rp-slider--marks-with-labels .rp-slider__track[data-v-a837ba72] {
336
+ .rp-slider--vertical .rp-slider__track-layer[data-v-3864baf4] {
337
+ top: calc(var(--_rp-slider-thumb-size) / 2);
338
+ right: auto;
339
+ bottom: calc(var(--_rp-slider-thumb-size) / 2);
340
+ left: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-track-height)) / 2);
341
+ width: var(--_rp-slider-track-height);
342
+ height: auto;
343
+ }
344
+ .rp-slider--vertical .rp-slider__bar[data-v-3864baf4] {
345
+ background: linear-gradient(to top, var(--_rp-slider-color) 0 var(--_rp-slider-fill-position), transparent var(--_rp-slider-fill-position) 100%);
346
+ }
347
+ .rp-slider--vertical.rp-slider--marks-with-labels .rp-slider__track[data-v-3864baf4] {
295
348
  padding-right: calc(var(--_rp-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
296
349
  padding-bottom: 0;
297
350
  }
298
- .rp-slider--vertical .rp-slider__native[data-v-a837ba72] {
299
- width: var(--_rp-slider-thumb-size);
351
+ .rp-slider--vertical .rp-slider__native[data-v-3864baf4] {
352
+ width: var(--_rp-slider-hit-size);
300
353
  min-width: 0;
301
354
  height: 100%;
302
355
  min-height: var(--_rp-slider-track-length);
303
356
  direction: rtl;
304
357
  writing-mode: vertical-lr;
305
358
  }
306
- .rp-slider--vertical .rp-slider__marks[data-v-a837ba72] {
359
+ .rp-slider--vertical .rp-slider__marks[data-v-3864baf4] {
307
360
  top: calc(var(--_rp-slider-thumb-size) / 2);
308
361
  right: auto;
309
362
  bottom: calc(var(--_rp-slider-thumb-size) / 2);
310
363
  left: 0;
311
- width: var(--_rp-slider-thumb-size);
364
+ width: var(--_rp-slider-hit-size);
312
365
  height: auto;
313
366
  }
314
- .rp-slider--vertical .rp-slider__mark[data-v-a837ba72] {
367
+ .rp-slider--vertical .rp-slider__mark[data-v-3864baf4] {
315
368
  top: calc(100% - var(--_rp-slider-mark-position));
316
369
  left: 0;
317
370
  flex-direction: row;
318
371
  align-items: center;
319
372
  transform: translateY(-50%);
320
373
  }
321
- .rp-slider--vertical .rp-slider__mark-dot[data-v-a837ba72] {
374
+ .rp-slider--vertical .rp-slider__mark-dot[data-v-3864baf4] {
322
375
  flex: 0 0 auto;
323
376
  margin-top: 0;
324
- margin-left: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-mark-size)) / 2);
377
+ margin-left: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-mark-size)) / 2);
325
378
  }
326
- .rp-slider--vertical .rp-slider__mark-label[data-v-a837ba72] {
379
+ .rp-slider--vertical .rp-slider__mark-label[data-v-3864baf4] {
327
380
  margin-top: 0;
328
- margin-left: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-mark-size)) / 2 + var(--rp-spacing-1));
381
+ margin-left: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-mark-size)) / 2 + var(--rp-spacing-1));
329
382
  text-align: left;
330
383
  }
331
- .rp-slider--vertical .rp-slider__thumb[data-v-a837ba72] {
384
+ .rp-slider--vertical .rp-slider__thumb[data-v-3864baf4] {
332
385
  top: calc(var(--_rp-slider-thumb-size) / 2);
333
386
  right: auto;
334
387
  bottom: calc(var(--_rp-slider-thumb-size) / 2);
335
- left: 0;
388
+ left: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
336
389
  width: var(--_rp-slider-thumb-size);
337
390
  height: auto;
338
391
  }
339
- .rp-slider--vertical .rp-slider__thumb-content[data-v-a837ba72] {
392
+ .rp-slider--vertical .rp-slider__thumb-content[data-v-3864baf4] {
340
393
  top: calc(100% - var(--_rp-slider-percent));
341
394
  left: 50%;
342
395
  }
343
- .rp-slider--vertical .rp-slider__tooltip[data-v-a837ba72] {
344
- top: calc(100% - var(--_rp-slider-fill-position));
396
+ .rp-slider--vertical .rp-slider__travel[data-v-3864baf4] {
397
+ top: calc(var(--_rp-slider-thumb-size) / 2);
398
+ right: auto;
399
+ bottom: calc(var(--_rp-slider-thumb-size) / 2);
345
400
  left: 0;
401
+ width: var(--_rp-slider-hit-size);
402
+ height: auto;
403
+ }
404
+ .rp-slider--vertical .rp-slider__tooltip[data-v-3864baf4] {
405
+ top: calc(100% - var(--_rp-slider-tooltip-fill-position));
406
+ left: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
346
407
  translate: 0 -50%;
347
408
  }
348
- .rp-slider--vertical .rp-slider__native[data-v-a837ba72]::-webkit-slider-runnable-track {
349
- width: var(--_rp-slider-track-height);
409
+ .rp-slider--vertical .rp-slider__native[data-v-3864baf4]::-webkit-slider-runnable-track {
410
+ width: var(--_rp-slider-hit-size);
350
411
  height: 100%;
351
412
  background: transparent;
352
413
  }
353
- .rp-slider--vertical .rp-slider__native[data-v-a837ba72]::-moz-range-track {
354
- width: var(--_rp-slider-track-height);
414
+ .rp-slider--vertical .rp-slider__native[data-v-3864baf4]::-moz-range-track {
415
+ width: var(--_rp-slider-hit-size);
355
416
  height: 100%;
356
417
  }
357
- .rp-slider--vertical .rp-slider__native[data-v-a837ba72]::-moz-range-progress {
358
- width: var(--_rp-slider-track-height);
418
+ .rp-slider--vertical .rp-slider__native[data-v-3864baf4]::-moz-range-progress {
419
+ width: var(--_rp-slider-hit-size);
359
420
  }
360
- .rp-slider--vertical .rp-slider__native[data-v-a837ba72]::-webkit-slider-thumb {
421
+ .rp-slider--vertical .rp-slider__native[data-v-3864baf4]::-webkit-slider-thumb {
361
422
  margin-top: 0;
362
- margin-left: calc((var(--_rp-slider-track-height) - var(--_rp-slider-thumb-size)) / 2);
363
- }
364
- .rp-slider--custom-thumb .rp-slider__native[data-v-a837ba72]::-webkit-slider-thumb {
365
- opacity: 0;
423
+ margin-left: calc((var(--_rp-slider-hit-size) - var(--_rp-slider-thumb-size)) / 2);
366
424
  }
367
- .rp-slider--custom-thumb .rp-slider__native[data-v-a837ba72]::-moz-range-thumb {
425
+ .rp-slider--thumb-hidden .rp-slider__thumb-content[data-v-3864baf4], .rp-slider--thumb-interaction .rp-slider__thumb-content[data-v-3864baf4] {
368
426
  opacity: 0;
369
427
  }
370
- .rp-slider__native[data-v-a837ba72]:focus-visible::-webkit-slider-thumb {
371
- box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
428
+ .rp-slider--thumb-interaction:not([data-disabled])[data-track-hovered] .rp-slider__thumb-content[data-v-3864baf4], .rp-slider--thumb-interaction:not([data-disabled])[data-dragging] .rp-slider__thumb-content[data-v-3864baf4], .rp-slider--thumb-interaction .rp-slider__native:focus-visible ~ .rp-slider__thumb .rp-slider__thumb-content[data-v-3864baf4] {
429
+ opacity: 1;
372
430
  }
373
- .rp-slider__native[data-v-a837ba72]:focus-visible::-moz-range-thumb {
431
+ .rp-slider__native:focus-visible ~ .rp-slider__thumb .rp-slider__thumb-content[data-v-3864baf4] {
374
432
  box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
375
433
  }
376
- .rp-slider--custom-thumb .rp-slider__native:focus-visible ~ .rp-slider__thumb .rp-slider__thumb-content[data-v-a837ba72] {
377
- box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
434
+ .rp-slider--thumb-hidden .rp-slider__native[data-v-3864baf4]:focus-visible {
435
+ border-radius: var(--rp-radius-full);
436
+ box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
378
437
  }
379
- .rp-slider--size-xs[data-v-a837ba72] {
438
+ .rp-slider--size-xs[data-v-3864baf4] {
380
439
  --_rp-slider-default-track-height: 4px;
381
440
  --_rp-slider-default-thumb-size: 8px;
382
441
  --_rp-slider-default-thumb-border-width: 4px;
383
442
  --_rp-slider-font-size: var(--rp-font-size-xs);
384
443
  --_rp-slider-default-mark-size: 4px;
385
444
  }
386
- .rp-slider--size-sm[data-v-a837ba72] {
445
+ .rp-slider--size-sm[data-v-3864baf4] {
387
446
  --_rp-slider-default-track-height: 6px;
388
447
  --_rp-slider-default-thumb-size: 12px;
389
448
  --_rp-slider-default-thumb-border-width: 3px;
390
449
  --_rp-slider-font-size: var(--rp-font-size-sm);
391
450
  --_rp-slider-default-mark-size: 4px;
392
451
  }
393
- .rp-slider--size-md[data-v-a837ba72] {
452
+ .rp-slider--size-md[data-v-3864baf4] {
394
453
  --_rp-slider-default-track-height: 8px;
395
454
  --_rp-slider-default-thumb-size: 16px;
396
455
  --_rp-slider-default-thumb-border-width: 4px;
397
456
  --_rp-slider-font-size: var(--rp-font-size-md);
398
457
  --_rp-slider-default-mark-size: 4px;
399
458
  }
400
- .rp-slider--size-lg[data-v-a837ba72] {
459
+ .rp-slider--size-lg[data-v-3864baf4] {
401
460
  --_rp-slider-default-track-height: 10px;
402
461
  --_rp-slider-default-thumb-size: 20px;
403
462
  --_rp-slider-default-thumb-border-width: 5px;
404
463
  --_rp-slider-font-size: var(--rp-font-size-lg);
405
464
  --_rp-slider-default-mark-size: 5px;
406
465
  }
407
- .rp-slider--size-xl[data-v-a837ba72] {
466
+ .rp-slider--size-xl[data-v-3864baf4] {
408
467
  --_rp-slider-default-track-height: 12px;
409
468
  --_rp-slider-default-thumb-size: 24px;
410
469
  --_rp-slider-default-thumb-border-width: 6px;
@@ -637,7 +696,7 @@ html.dark .rp-slider[data-v-a837ba72], [data-rp-color-scheme=dark] .rp-slider[da
637
696
  justify-content: center;
638
697
  }
639
698
  }@layer ropav.components {
640
- .rp-range-slider[data-v-b0e2c3da] {
699
+ .rp-range-slider[data-v-6bfae0e8] {
641
700
  --_rp-range-slider-color: var(--rp-color-control-selected-bg);
642
701
  --_rp-range-slider-track-bg: var(--rp-color-control-track-bg);
643
702
  --_rp-range-slider-thumb-bg: var(--rp-color-control-thumb-bg);
@@ -667,6 +726,7 @@ html.dark .rp-slider[data-v-a837ba72], [data-rp-color-scheme=dark] .rp-slider[da
667
726
  --rp-slider-thumb-size,
668
727
  var(--_rp-range-slider-default-thumb-size)
669
728
  );
729
+ --_rp-range-slider-hit-size: var(--_rp-range-slider-thumb-size);
670
730
  --_rp-range-slider-thumb-border-width: var(
671
731
  --rp-slider-thumb-border-width,
672
732
  var(--_rp-range-slider-default-thumb-border-width)
@@ -699,67 +759,87 @@ html.dark .rp-slider[data-v-a837ba72], [data-rp-color-scheme=dark] .rp-slider[da
699
759
  min-width: var(--_rp-range-slider-track-length);
700
760
  max-width: 100%;
701
761
  gap: var(--rp-spacing-2);
702
- cursor: pointer;
703
762
  font-family: var(--rp-font-family);
704
763
  font-size: var(--_rp-range-slider-font-size);
705
764
  line-height: var(--rp-line-height-md);
706
765
  }
707
- html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-range-slider[data-v-b0e2c3da] {
766
+ html.dark .rp-range-slider[data-v-6bfae0e8], [data-rp-color-scheme=dark] .rp-range-slider[data-v-6bfae0e8] {
708
767
  --_rp-range-slider-thumb-bg: var(--_rp-range-slider-color);
709
768
  --_rp-range-slider-thumb-border: var(--rp-color-control-thumb-bg);
710
769
  }
711
- .rp-range-slider--custom-thumb[data-v-b0e2c3da] {
770
+ .rp-range-slider--custom-thumb[data-v-6bfae0e8] {
712
771
  --_rp-range-slider-thumb-bg: var(--_rp-range-slider-color);
713
772
  --_rp-range-slider-thumb-border: var(--rp-color-control-thumb-bg);
714
773
  }
715
- .rp-range-slider--disabled[data-v-b0e2c3da] {
774
+ .rp-range-slider--disabled[data-v-6bfae0e8] {
716
775
  opacity: var(--rp-opacity-disabled);
717
776
  cursor: not-allowed;
718
777
  }
719
- .rp-range-slider--invalid .rp-range-slider__bar[data-v-b0e2c3da] {
778
+ .rp-range-slider--invalid .rp-range-slider__bar[data-v-6bfae0e8] {
720
779
  box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-range-slider-invalid-ring);
721
780
  }
722
- .rp-range-slider__header[data-v-b0e2c3da] {
781
+ .rp-range-slider__header[data-v-6bfae0e8] {
723
782
  display: flex;
724
783
  align-items: center;
725
784
  justify-content: space-between;
726
785
  min-width: 0;
727
786
  gap: var(--rp-spacing-3);
728
787
  }
729
- .rp-range-slider__label[data-v-b0e2c3da] {
788
+ .rp-range-slider__label[data-v-6bfae0e8] {
730
789
  min-width: 0;
731
790
  color: var(--rp-color-text);
732
791
  }
733
- .rp-range-slider__value[data-v-b0e2c3da] {
792
+ .rp-range-slider__value[data-v-6bfae0e8] {
734
793
  flex-shrink: 0;
735
794
  color: var(--rp-color-dimmed);
736
795
  font-variant-numeric: tabular-nums;
737
796
  }
738
- .rp-range-slider__track[data-v-b0e2c3da] {
797
+ .rp-range-slider__track[data-v-6bfae0e8] {
739
798
  position: relative;
740
799
  display: block;
741
800
  min-width: 0;
742
801
  }
743
- .rp-range-slider__track[data-v-b0e2c3da] {
802
+ .rp-range-slider__track[data-v-6bfae0e8] {
744
803
  height: var(--_rp-range-slider-thumb-size);
745
804
  touch-action: none;
805
+ cursor: pointer;
746
806
  }
747
- .rp-range-slider__bar[data-v-b0e2c3da] {
807
+ .rp-range-slider__rail[data-v-6bfae0e8], .rp-range-slider__bar[data-v-6bfae0e8] {
748
808
  position: absolute;
749
- z-index: 1;
750
809
  top: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-track-height)) / 2);
751
810
  left: 0;
752
811
  display: block;
753
812
  width: 100%;
754
813
  height: var(--_rp-range-slider-track-height);
755
814
  pointer-events: none;
756
- background: linear-gradient(to right, var(--_rp-range-slider-track-bg) 0 var(--_rp-range-slider-lower-fill-position), var(--_rp-range-slider-color) var(--_rp-range-slider-lower-fill-position) var(--_rp-range-slider-upper-fill-position), var(--_rp-range-slider-track-bg) var(--_rp-range-slider-upper-fill-position) 100%);
757
815
  border-radius: var(--rp-radius-full);
758
816
  }
759
- .rp-range-slider--marks-with-labels .rp-range-slider__track[data-v-b0e2c3da] {
817
+ .rp-range-slider__track-layer[data-v-6bfae0e8] {
818
+ position: absolute;
819
+ top: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-track-height)) / 2);
820
+ right: calc(var(--_rp-range-slider-thumb-size) / 2);
821
+ left: calc(var(--_rp-range-slider-thumb-size) / 2);
822
+ height: var(--_rp-range-slider-track-height);
823
+ pointer-events: none;
824
+ }
825
+ .rp-range-slider__rail[data-v-6bfae0e8] {
826
+ z-index: 0;
827
+ background: var(--_rp-range-slider-track-bg);
828
+ }
829
+ .rp-range-slider__track-underlay[data-v-6bfae0e8] {
830
+ z-index: 1;
831
+ }
832
+ .rp-range-slider__bar[data-v-6bfae0e8] {
833
+ z-index: 2;
834
+ background: linear-gradient(to right, transparent 0 var(--_rp-range-slider-lower-fill-position), var(--_rp-range-slider-color) var(--_rp-range-slider-lower-fill-position) var(--_rp-range-slider-upper-fill-position), transparent var(--_rp-range-slider-upper-fill-position) 100%);
835
+ }
836
+ .rp-range-slider__track-overlay[data-v-6bfae0e8] {
837
+ z-index: 2;
838
+ }
839
+ .rp-range-slider--marks-with-labels .rp-range-slider__track[data-v-6bfae0e8] {
760
840
  padding-bottom: calc(var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
761
841
  }
762
- .rp-range-slider__native[data-v-b0e2c3da] {
842
+ .rp-range-slider__native[data-v-6bfae0e8] {
763
843
  position: absolute;
764
844
  z-index: 3;
765
845
  top: 0;
@@ -776,25 +856,25 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
776
856
  cursor: pointer;
777
857
  outline: none;
778
858
  }
779
- .rp-range-slider__native[data-v-b0e2c3da]:focus, .rp-range-slider__native--active[data-v-b0e2c3da], .rp-range-slider__native[data-active=true][data-v-b0e2c3da] {
859
+ .rp-range-slider__native[data-v-6bfae0e8]:focus, .rp-range-slider__native--active[data-v-6bfae0e8], .rp-range-slider__native[data-active=true][data-v-6bfae0e8] {
780
860
  z-index: 4;
781
861
  }
782
- .rp-range-slider__native[data-v-b0e2c3da]:disabled {
862
+ .rp-range-slider__native[data-v-6bfae0e8]:disabled {
783
863
  cursor: not-allowed;
784
864
  }
785
- .rp-range-slider__native[data-v-b0e2c3da]::-webkit-slider-runnable-track {
865
+ .rp-range-slider__native[data-v-6bfae0e8]::-webkit-slider-runnable-track {
786
866
  height: var(--_rp-range-slider-track-height);
787
867
  background: transparent;
788
868
  border: 0;
789
869
  border-radius: var(--rp-radius-full);
790
870
  }
791
- .rp-range-slider__native[data-v-b0e2c3da]::-moz-range-track, .rp-range-slider__native[data-v-b0e2c3da]::-moz-range-progress {
871
+ .rp-range-slider__native[data-v-6bfae0e8]::-moz-range-track, .rp-range-slider__native[data-v-6bfae0e8]::-moz-range-progress {
792
872
  height: var(--_rp-range-slider-track-height);
793
873
  background: transparent;
794
874
  border: 0;
795
875
  border-radius: var(--rp-radius-full);
796
876
  }
797
- .rp-range-slider__native[data-v-b0e2c3da]::-webkit-slider-thumb {
877
+ .rp-range-slider__native[data-v-6bfae0e8]::-webkit-slider-thumb {
798
878
  width: var(--_rp-range-slider-thumb-size);
799
879
  height: var(--_rp-range-slider-thumb-size);
800
880
  margin-top: calc((var(--_rp-range-slider-track-height) - var(--_rp-range-slider-thumb-size)) / 2);
@@ -806,7 +886,7 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
806
886
  border: 0;
807
887
  cursor: pointer;
808
888
  }
809
- .rp-range-slider__native[data-v-b0e2c3da]::-moz-range-thumb {
889
+ .rp-range-slider__native[data-v-6bfae0e8]::-moz-range-thumb {
810
890
  width: var(--_rp-range-slider-thumb-size);
811
891
  height: var(--_rp-range-slider-thumb-size);
812
892
  box-sizing: border-box;
@@ -816,7 +896,7 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
816
896
  border: 0;
817
897
  cursor: pointer;
818
898
  }
819
- .rp-range-slider__marks[data-v-b0e2c3da] {
899
+ .rp-range-slider__marks[data-v-6bfae0e8] {
820
900
  position: absolute;
821
901
  z-index: 2;
822
902
  top: 0;
@@ -825,7 +905,7 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
825
905
  height: var(--_rp-range-slider-thumb-size);
826
906
  pointer-events: none;
827
907
  }
828
- .rp-range-slider__mark[data-v-b0e2c3da] {
908
+ .rp-range-slider__mark[data-v-6bfae0e8] {
829
909
  position: absolute;
830
910
  top: 0;
831
911
  left: var(--_rp-range-slider-mark-position);
@@ -838,7 +918,7 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
838
918
  line-height: var(--rp-line-height-md);
839
919
  transform: translateX(-50%);
840
920
  }
841
- .rp-range-slider__mark-dot[data-v-b0e2c3da] {
921
+ .rp-range-slider__mark-dot[data-v-6bfae0e8] {
842
922
  width: var(--_rp-range-slider-mark-size);
843
923
  height: var(--_rp-range-slider-mark-size);
844
924
  margin-top: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2);
@@ -847,7 +927,7 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
847
927
  box-shadow: 0 0 0 var(--rp-border-width-thin) transparent;
848
928
  transition: box-shadow var(--rp-transition-fast);
849
929
  }
850
- .rp-range-slider__mark-label[data-v-b0e2c3da] {
930
+ .rp-range-slider__mark-label[data-v-6bfae0e8] {
851
931
  max-width: 100%;
852
932
  margin-top: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2 + var(--rp-spacing-1));
853
933
  overflow-wrap: anywhere;
@@ -856,13 +936,13 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
856
936
  text-align: center;
857
937
  font-variant-numeric: tabular-nums;
858
938
  }
859
- .rp-range-slider__mark--filled .rp-range-slider__mark-dot[data-v-b0e2c3da] {
939
+ .rp-range-slider__mark--filled .rp-range-slider__mark-dot[data-v-6bfae0e8] {
860
940
  box-shadow: 0 0 0 var(--rp-border-width-thin) var(--_rp-range-slider-mark-ring-color);
861
941
  }
862
- .rp-range-slider__mark--filled .rp-range-slider__mark-label[data-v-b0e2c3da] {
942
+ .rp-range-slider__mark--filled .rp-range-slider__mark-label[data-v-6bfae0e8] {
863
943
  color: var(--_rp-range-slider-mark-filled-label-color);
864
944
  }
865
- .rp-range-slider__thumbs[data-v-b0e2c3da] {
945
+ .rp-range-slider__thumbs[data-v-6bfae0e8] {
866
946
  position: absolute;
867
947
  z-index: 4;
868
948
  top: 0;
@@ -871,7 +951,7 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
871
951
  height: var(--_rp-range-slider-thumb-size);
872
952
  pointer-events: none;
873
953
  }
874
- .rp-range-slider__thumb[data-v-b0e2c3da] {
954
+ .rp-range-slider__thumb[data-v-6bfae0e8] {
875
955
  --_rp-range-slider-thumb-percent: var(--_rp-range-slider-lower-percent);
876
956
  position: absolute;
877
957
  top: 0;
@@ -880,17 +960,17 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
880
960
  height: var(--_rp-range-slider-thumb-size);
881
961
  pointer-events: auto;
882
962
  }
883
- .rp-range-slider__thumb--lower[data-v-b0e2c3da] {
963
+ .rp-range-slider__thumb--lower[data-v-6bfae0e8] {
884
964
  --_rp-range-slider-thumb-percent: var(--_rp-range-slider-lower-percent);
885
965
  }
886
- .rp-range-slider__thumb--upper[data-v-b0e2c3da] {
966
+ .rp-range-slider__thumb--upper[data-v-6bfae0e8] {
887
967
  --_rp-range-slider-thumb-percent: var(--_rp-range-slider-upper-percent);
888
968
  z-index: 1;
889
969
  }
890
- .rp-range-slider[data-active-thumb=lower] .rp-range-slider__thumb--lower[data-v-b0e2c3da], .rp-range-slider[data-active-thumb=upper] .rp-range-slider__thumb--upper[data-v-b0e2c3da], .rp-range-slider__thumb[data-v-b0e2c3da]:hover {
970
+ .rp-range-slider[data-active-thumb=lower] .rp-range-slider__thumb--lower[data-v-6bfae0e8], .rp-range-slider[data-active-thumb=upper] .rp-range-slider__thumb--upper[data-v-6bfae0e8], .rp-range-slider__thumb[data-v-6bfae0e8]:hover {
891
971
  z-index: 2;
892
972
  }
893
- .rp-range-slider__thumb-content[data-v-b0e2c3da] {
973
+ .rp-range-slider__thumb-content[data-v-6bfae0e8] {
894
974
  position: absolute;
895
975
  top: 50%;
896
976
  left: 0;
@@ -908,54 +988,64 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
908
988
  border-radius: var(--rp-radius-full);
909
989
  box-shadow: var(--rp-shadow-sm);
910
990
  transform: translate(-50%, -50%);
911
- transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
991
+ transition: opacity var(--rp-transition-fast), border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
912
992
  }
913
- .rp-range-slider__thumb-content[data-v-b0e2c3da] svg {
993
+ .rp-range-slider__thumb-content[data-v-6bfae0e8] svg {
914
994
  width: 60%;
915
995
  height: 60%;
916
996
  }
917
- .rp-range-slider__native--lower:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--lower[data-v-b0e2c3da], .rp-range-slider__native--upper:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--upper[data-v-b0e2c3da] {
997
+ .rp-range-slider__native--lower:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--lower[data-v-6bfae0e8], .rp-range-slider__native--upper:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--upper[data-v-6bfae0e8] {
918
998
  z-index: 2;
919
999
  }
920
- .rp-range-slider__native--lower:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--lower .rp-range-slider__thumb-content[data-v-b0e2c3da], .rp-range-slider__native--upper:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--upper .rp-range-slider__thumb-content[data-v-b0e2c3da] {
1000
+ .rp-range-slider__native--lower:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--lower .rp-range-slider__thumb-content[data-v-6bfae0e8], .rp-range-slider__native--upper:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--upper .rp-range-slider__thumb-content[data-v-6bfae0e8] {
921
1001
  box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
922
1002
  }
923
- .rp-range-slider--vertical[data-v-b0e2c3da] {
1003
+ .rp-range-slider--vertical[data-v-6bfae0e8] {
924
1004
  width: max-content;
925
1005
  min-width: 0;
926
1006
  max-width: none;
927
1007
  justify-items: center;
928
1008
  }
929
- .rp-range-slider--vertical .rp-range-slider__header[data-v-b0e2c3da] {
1009
+ .rp-range-slider--vertical .rp-range-slider__header[data-v-6bfae0e8] {
930
1010
  width: max-content;
931
1011
  max-width: 12rem;
932
1012
  justify-content: space-between;
933
1013
  gap: var(--rp-spacing-3);
934
1014
  text-align: center;
935
1015
  }
936
- .rp-range-slider--vertical .rp-range-slider__value[data-v-b0e2c3da] {
1016
+ .rp-range-slider--vertical .rp-range-slider__value[data-v-6bfae0e8] {
937
1017
  min-width: 3ch;
938
1018
  text-align: right;
939
1019
  }
940
- .rp-range-slider--vertical .rp-range-slider__track[data-v-b0e2c3da] {
1020
+ .rp-range-slider--vertical .rp-range-slider__track[data-v-6bfae0e8] {
941
1021
  width: var(--_rp-range-slider-thumb-size);
942
1022
  height: var(--_rp-range-slider-track-length);
943
1023
  min-width: 0;
944
1024
  min-height: var(--_rp-range-slider-track-length);
945
1025
  justify-self: center;
946
1026
  }
947
- .rp-range-slider--vertical .rp-range-slider__bar[data-v-b0e2c3da] {
1027
+ .rp-range-slider--vertical .rp-range-slider__rail[data-v-6bfae0e8], .rp-range-slider--vertical .rp-range-slider__bar[data-v-6bfae0e8] {
948
1028
  top: 0;
949
1029
  left: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-track-height)) / 2);
950
1030
  width: var(--_rp-range-slider-track-height);
951
1031
  height: 100%;
952
- background: linear-gradient(to top, var(--_rp-range-slider-track-bg) 0 var(--_rp-range-slider-lower-fill-position), var(--_rp-range-slider-color) var(--_rp-range-slider-lower-fill-position) var(--_rp-range-slider-upper-fill-position), var(--_rp-range-slider-track-bg) var(--_rp-range-slider-upper-fill-position) 100%);
953
1032
  }
954
- .rp-range-slider--vertical.rp-range-slider--marks-with-labels .rp-range-slider__track[data-v-b0e2c3da] {
1033
+ .rp-range-slider--vertical .rp-range-slider__track-layer[data-v-6bfae0e8] {
1034
+ top: calc(var(--_rp-range-slider-thumb-size) / 2);
1035
+ right: auto;
1036
+ bottom: calc(var(--_rp-range-slider-thumb-size) / 2);
1037
+ left: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-track-height)) / 2);
1038
+ width: var(--_rp-range-slider-track-height);
1039
+ height: auto;
1040
+ }
1041
+ .rp-range-slider--vertical .rp-range-slider__bar[data-v-6bfae0e8] {
1042
+ background: linear-gradient(to top, transparent 0 var(--_rp-range-slider-lower-fill-position), var(--_rp-range-slider-color) var(--_rp-range-slider-lower-fill-position) var(--_rp-range-slider-upper-fill-position), transparent var(--_rp-range-slider-upper-fill-position) 100%);
1043
+ }
1044
+ .rp-range-slider--vertical.rp-range-slider--marks-with-labels .rp-range-slider__track[data-v-6bfae0e8] {
955
1045
  padding-right: calc(var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
956
1046
  padding-bottom: 0;
957
1047
  }
958
- .rp-range-slider--vertical .rp-range-slider__native[data-v-b0e2c3da] {
1048
+ .rp-range-slider--vertical .rp-range-slider__native[data-v-6bfae0e8] {
959
1049
  width: var(--_rp-range-slider-thumb-size);
960
1050
  min-width: 0;
961
1051
  height: 100%;
@@ -963,19 +1053,19 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
963
1053
  direction: rtl;
964
1054
  writing-mode: vertical-lr;
965
1055
  }
966
- .rp-range-slider--vertical .rp-range-slider__native[data-v-b0e2c3da]::-webkit-slider-runnable-track {
1056
+ .rp-range-slider--vertical .rp-range-slider__native[data-v-6bfae0e8]::-webkit-slider-runnable-track {
967
1057
  width: var(--_rp-range-slider-track-height);
968
1058
  height: 100%;
969
1059
  }
970
- .rp-range-slider--vertical .rp-range-slider__native[data-v-b0e2c3da]::-moz-range-track, .rp-range-slider--vertical .rp-range-slider__native[data-v-b0e2c3da]::-moz-range-progress {
1060
+ .rp-range-slider--vertical .rp-range-slider__native[data-v-6bfae0e8]::-moz-range-track, .rp-range-slider--vertical .rp-range-slider__native[data-v-6bfae0e8]::-moz-range-progress {
971
1061
  width: var(--_rp-range-slider-track-height);
972
1062
  height: 100%;
973
1063
  }
974
- .rp-range-slider--vertical .rp-range-slider__native[data-v-b0e2c3da]::-webkit-slider-thumb {
1064
+ .rp-range-slider--vertical .rp-range-slider__native[data-v-6bfae0e8]::-webkit-slider-thumb {
975
1065
  margin-top: 0;
976
1066
  margin-left: calc((var(--_rp-range-slider-track-height) - var(--_rp-range-slider-thumb-size)) / 2);
977
1067
  }
978
- .rp-range-slider--vertical .rp-range-slider__marks[data-v-b0e2c3da] {
1068
+ .rp-range-slider--vertical .rp-range-slider__marks[data-v-6bfae0e8] {
979
1069
  top: calc(var(--_rp-range-slider-thumb-size) / 2);
980
1070
  right: auto;
981
1071
  bottom: calc(var(--_rp-range-slider-thumb-size) / 2);
@@ -983,24 +1073,24 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
983
1073
  width: var(--_rp-range-slider-thumb-size);
984
1074
  height: auto;
985
1075
  }
986
- .rp-range-slider--vertical .rp-range-slider__mark[data-v-b0e2c3da] {
1076
+ .rp-range-slider--vertical .rp-range-slider__mark[data-v-6bfae0e8] {
987
1077
  top: calc(100% - var(--_rp-range-slider-mark-position));
988
1078
  left: 0;
989
1079
  flex-direction: row;
990
1080
  align-items: center;
991
1081
  transform: translateY(-50%);
992
1082
  }
993
- .rp-range-slider--vertical .rp-range-slider__mark-dot[data-v-b0e2c3da] {
1083
+ .rp-range-slider--vertical .rp-range-slider__mark-dot[data-v-6bfae0e8] {
994
1084
  flex: 0 0 auto;
995
1085
  margin-top: 0;
996
1086
  margin-left: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2);
997
1087
  }
998
- .rp-range-slider--vertical .rp-range-slider__mark-label[data-v-b0e2c3da] {
1088
+ .rp-range-slider--vertical .rp-range-slider__mark-label[data-v-6bfae0e8] {
999
1089
  margin-top: 0;
1000
1090
  margin-left: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2 + var(--rp-spacing-1));
1001
1091
  text-align: left;
1002
1092
  }
1003
- .rp-range-slider--vertical .rp-range-slider__thumbs[data-v-b0e2c3da] {
1093
+ .rp-range-slider--vertical .rp-range-slider__thumbs[data-v-6bfae0e8] {
1004
1094
  top: calc(var(--_rp-range-slider-thumb-size) / 2);
1005
1095
  right: auto;
1006
1096
  bottom: calc(var(--_rp-range-slider-thumb-size) / 2);
@@ -1008,80 +1098,80 @@ html.dark .rp-range-slider[data-v-b0e2c3da], [data-rp-color-scheme=dark] .rp-ran
1008
1098
  width: var(--_rp-range-slider-thumb-size);
1009
1099
  height: auto;
1010
1100
  }
1011
- .rp-range-slider--vertical .rp-range-slider__thumb[data-v-b0e2c3da] {
1101
+ .rp-range-slider--vertical .rp-range-slider__thumb[data-v-6bfae0e8] {
1012
1102
  top: calc(100% - var(--_rp-range-slider-thumb-percent));
1013
1103
  left: 0;
1014
1104
  width: var(--_rp-range-slider-thumb-size);
1015
1105
  height: 0;
1016
1106
  }
1017
- .rp-range-slider--vertical .rp-range-slider__thumb-content[data-v-b0e2c3da] {
1107
+ .rp-range-slider--vertical .rp-range-slider__thumb-content[data-v-6bfae0e8] {
1018
1108
  top: 0;
1019
1109
  left: 50%;
1020
1110
  }
1021
- .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltips--placement-top) .rp-range-slider__track[data-v-b0e2c3da] {
1111
+ .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltips--placement-top) .rp-range-slider__track[data-v-6bfae0e8] {
1022
1112
  margin-top: var(--_rp-range-slider-tooltip-reserved-space);
1023
1113
  }
1024
- .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__track[data-v-b0e2c3da] {
1114
+ .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__track[data-v-6bfae0e8] {
1025
1115
  margin-right: var(--_rp-range-slider-tooltip-reserved-space);
1026
1116
  }
1027
- .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltips--placement-bottom) .rp-range-slider__track[data-v-b0e2c3da] {
1117
+ .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltips--placement-bottom) .rp-range-slider__track[data-v-6bfae0e8] {
1028
1118
  margin-bottom: var(--_rp-range-slider-tooltip-reserved-space);
1029
1119
  }
1030
- .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltips--placement-left) .rp-range-slider__track[data-v-b0e2c3da] {
1120
+ .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltips--placement-left) .rp-range-slider__track[data-v-6bfae0e8] {
1031
1121
  margin-left: var(--_rp-range-slider-tooltip-reserved-space);
1032
1122
  }
1033
- .rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:not(.rp-range-slider--vertical):has(.rp-range-slider__tooltips--placement-bottom) .rp-range-slider__track[data-v-b0e2c3da] {
1123
+ .rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:not(.rp-range-slider--vertical):has(.rp-range-slider__tooltips--placement-bottom) .rp-range-slider__track[data-v-6bfae0e8] {
1034
1124
  padding-bottom: calc(var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2) + var(--_rp-range-slider-tooltip-reserved-space));
1035
1125
  margin-bottom: 0;
1036
1126
  }
1037
- .rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:not(.rp-range-slider--vertical):has(.rp-range-slider__tooltips--placement-bottom) .rp-range-slider__mark-label[data-v-b0e2c3da] {
1127
+ .rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:not(.rp-range-slider--vertical):has(.rp-range-slider__tooltips--placement-bottom) .rp-range-slider__mark-label[data-v-6bfae0e8] {
1038
1128
  margin-top: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2 + var(--rp-spacing-1) + var(--_rp-range-slider-tooltip-reserved-space));
1039
1129
  }
1040
- .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__track[data-v-b0e2c3da] {
1130
+ .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__track[data-v-6bfae0e8] {
1041
1131
  padding-right: 0;
1042
1132
  margin-left: calc(var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
1043
1133
  }
1044
- .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__mark[data-v-b0e2c3da] {
1134
+ .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__mark[data-v-6bfae0e8] {
1045
1135
  left: calc((var(--_rp-range-slider-thumb-size) + var(--_rp-range-slider-mark-size)) / 2);
1046
1136
  flex-direction: row-reverse;
1047
1137
  gap: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2 + var(--rp-spacing-1));
1048
1138
  transform: translate(-100%, -50%);
1049
1139
  }
1050
- .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__mark-dot[data-v-b0e2c3da], .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__mark-label[data-v-b0e2c3da] {
1140
+ .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__mark-dot[data-v-6bfae0e8], .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__mark-label[data-v-6bfae0e8] {
1051
1141
  margin-left: 0;
1052
1142
  }
1053
- .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__mark-label[data-v-b0e2c3da] {
1143
+ .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__mark-label[data-v-6bfae0e8] {
1054
1144
  text-align: right;
1055
1145
  }
1056
- .rp-range-slider--size-xs[data-v-b0e2c3da] {
1146
+ .rp-range-slider--size-xs[data-v-6bfae0e8] {
1057
1147
  --_rp-range-slider-default-track-height: 4px;
1058
1148
  --_rp-range-slider-default-thumb-size: 8px;
1059
1149
  --_rp-range-slider-default-thumb-border-width: 4px;
1060
1150
  --_rp-range-slider-font-size: var(--rp-font-size-xs);
1061
1151
  --_rp-range-slider-default-mark-size: 4px;
1062
1152
  }
1063
- .rp-range-slider--size-sm[data-v-b0e2c3da] {
1153
+ .rp-range-slider--size-sm[data-v-6bfae0e8] {
1064
1154
  --_rp-range-slider-default-track-height: 6px;
1065
1155
  --_rp-range-slider-default-thumb-size: 12px;
1066
1156
  --_rp-range-slider-default-thumb-border-width: 3px;
1067
1157
  --_rp-range-slider-font-size: var(--rp-font-size-sm);
1068
1158
  --_rp-range-slider-default-mark-size: 4px;
1069
1159
  }
1070
- .rp-range-slider--size-md[data-v-b0e2c3da] {
1160
+ .rp-range-slider--size-md[data-v-6bfae0e8] {
1071
1161
  --_rp-range-slider-default-track-height: 8px;
1072
1162
  --_rp-range-slider-default-thumb-size: 16px;
1073
1163
  --_rp-range-slider-default-thumb-border-width: 4px;
1074
1164
  --_rp-range-slider-font-size: var(--rp-font-size-md);
1075
1165
  --_rp-range-slider-default-mark-size: 4px;
1076
1166
  }
1077
- .rp-range-slider--size-lg[data-v-b0e2c3da] {
1167
+ .rp-range-slider--size-lg[data-v-6bfae0e8] {
1078
1168
  --_rp-range-slider-default-track-height: 10px;
1079
1169
  --_rp-range-slider-default-thumb-size: 20px;
1080
1170
  --_rp-range-slider-default-thumb-border-width: 5px;
1081
1171
  --_rp-range-slider-font-size: var(--rp-font-size-lg);
1082
1172
  --_rp-range-slider-default-mark-size: 5px;
1083
1173
  }
1084
- .rp-range-slider--size-xl[data-v-b0e2c3da] {
1174
+ .rp-range-slider--size-xl[data-v-6bfae0e8] {
1085
1175
  --_rp-range-slider-default-track-height: 12px;
1086
1176
  --_rp-range-slider-default-thumb-size: 24px;
1087
1177
  --_rp-range-slider-default-thumb-border-width: 6px;