ropav 0.0.10 → 0.0.12

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 (276) hide show
  1. package/README.md +9 -0
  2. package/dist/accordion.css +115 -111
  3. package/dist/accordion.js +60 -16
  4. package/dist/alert.css +110 -108
  5. package/dist/alert.js +48 -26
  6. package/dist/aspect-ratio.css +17 -15
  7. package/dist/aspect-ratio.js +20 -6
  8. package/dist/avatar.css +98 -96
  9. package/dist/avatar.js +27 -16
  10. package/dist/badge.css +95 -93
  11. package/dist/badge.js +29 -16
  12. package/dist/base.css +672 -671
  13. package/dist/button-group.css +39 -37
  14. package/dist/button-group.js +23 -12
  15. package/dist/button-link.css +160 -158
  16. package/dist/button-link.js +43 -24
  17. package/dist/button.css +160 -158
  18. package/dist/button.js +37 -19
  19. package/dist/card.css +109 -107
  20. package/dist/card.js +42 -17
  21. package/dist/checkbox.css +139 -137
  22. package/dist/checkbox.js +103 -33
  23. package/dist/collapse.css +29 -27
  24. package/dist/collapse.js +44 -10
  25. package/dist/color-input.css +137 -107
  26. package/dist/color-input.js +117 -30
  27. package/dist/color-picker.css +309 -303
  28. package/dist/color-picker.js +147 -54
  29. package/dist/color-picker2.js +9 -1
  30. package/dist/color-swatch.css +48 -46
  31. package/dist/color-swatch.js +15 -11
  32. package/dist/color-swatch2.js +4 -0
  33. package/dist/components/accordion/accordion-item.d.ts +13 -1
  34. package/dist/components/accordion/index.d.ts +2 -1
  35. package/dist/components/accordion/index.js +2 -2
  36. package/dist/components/accordion/types.d.ts +9 -4
  37. package/dist/components/alert/alert.d.ts +2 -2
  38. package/dist/components/alert/index.d.ts +2 -2
  39. package/dist/components/alert/index.js +2 -2
  40. package/dist/components/alert/types.d.ts +4 -1
  41. package/dist/components/aspect-ratio/index.d.ts +2 -1
  42. package/dist/components/aspect-ratio/index.js +2 -2
  43. package/dist/components/aspect-ratio/types.d.ts +4 -1
  44. package/dist/components/avatar/index.d.ts +2 -2
  45. package/dist/components/avatar/index.js +2 -2
  46. package/dist/components/avatar/types.d.ts +4 -1
  47. package/dist/components/badge/index.d.ts +2 -2
  48. package/dist/components/badge/index.js +2 -2
  49. package/dist/components/badge/types.d.ts +4 -1
  50. package/dist/components/button/index.d.ts +2 -1
  51. package/dist/components/button/index.js +2 -2
  52. package/dist/components/button/types.d.ts +4 -1
  53. package/dist/components/button-group/index.d.ts +2 -1
  54. package/dist/components/button-group/index.js +2 -2
  55. package/dist/components/button-group/types.d.ts +4 -1
  56. package/dist/components/button-link/index.d.ts +2 -1
  57. package/dist/components/button-link/index.js +2 -2
  58. package/dist/components/button-link/types.d.ts +4 -1
  59. package/dist/components/card/index.d.ts +2 -1
  60. package/dist/components/card/index.js +2 -2
  61. package/dist/components/card/types.d.ts +5 -1
  62. package/dist/components/checkbox/checkbox.d.ts +4 -1
  63. package/dist/components/checkbox/index.d.ts +2 -1
  64. package/dist/components/checkbox/index.js +2 -2
  65. package/dist/components/checkbox/types.d.ts +11 -2
  66. package/dist/components/checkbox/useCheckbox.d.ts +3 -1
  67. package/dist/components/collapse/collapse.d.ts +2 -2
  68. package/dist/components/collapse/index.d.ts +2 -1
  69. package/dist/components/collapse/index.js +2 -2
  70. package/dist/components/collapse/types.d.ts +9 -2
  71. package/dist/components/color-input/index.d.ts +2 -1
  72. package/dist/components/color-input/index.js +2 -2
  73. package/dist/components/color-input/types.d.ts +8 -2
  74. package/dist/components/color-input/useColorInput.d.ts +1 -1
  75. package/dist/components/color-input/useColorInputValue.d.ts +1 -1
  76. package/dist/components/color-picker/index.d.ts +2 -2
  77. package/dist/components/color-picker/index.js +2 -2
  78. package/dist/components/color-picker/types.d.ts +13 -1
  79. package/dist/components/color-swatch/index.d.ts +2 -1
  80. package/dist/components/color-swatch/index.js +2 -1
  81. package/dist/components/color-swatch/types.d.ts +4 -1
  82. package/dist/components/dialog/dialog-close.d.ts +21 -0
  83. package/dist/components/dialog/dialog-content.d.ts +32 -0
  84. package/dist/components/dialog/dialog-core.d.ts +27 -0
  85. package/dist/components/dialog/dialog-description.d.ts +21 -0
  86. package/dist/components/dialog/dialog-overlay.d.ts +21 -0
  87. package/dist/components/dialog/dialog-portal.d.ts +21 -0
  88. package/dist/components/dialog/dialog-root.d.ts +28 -0
  89. package/dist/components/dialog/dialog-title.d.ts +21 -0
  90. package/dist/components/dialog/dialog-trigger.d.ts +23 -0
  91. package/dist/components/dialog/index.d.ts +9 -0
  92. package/dist/components/dialog/index.js +2 -0
  93. package/dist/components/dialog/types.d.ts +61 -0
  94. package/dist/components/dropdown-menu/dropdown-menu-checkbox-item.d.ts +24 -0
  95. package/dist/components/dropdown-menu/dropdown-menu-content.d.ts +34 -0
  96. package/dist/components/dropdown-menu/dropdown-menu-context-trigger.d.ts +23 -0
  97. package/dist/components/dropdown-menu/dropdown-menu-item-indicator.d.ts +24 -0
  98. package/dist/components/dropdown-menu/dropdown-menu-item-row.d.ts +28 -0
  99. package/dist/components/dropdown-menu/dropdown-menu-item.d.ts +23 -0
  100. package/dist/components/dropdown-menu/dropdown-menu-items.d.ts +24 -22
  101. package/dist/components/dropdown-menu/dropdown-menu-label.d.ts +21 -0
  102. package/dist/components/dropdown-menu/dropdown-menu-outside.d.ts +3 -0
  103. package/dist/components/dropdown-menu/dropdown-menu-portal.d.ts +21 -0
  104. package/dist/components/dropdown-menu/dropdown-menu-primitive-core.d.ts +110 -0
  105. package/dist/components/dropdown-menu/dropdown-menu-primitives.d.ts +15 -0
  106. package/dist/components/dropdown-menu/dropdown-menu-radio-group.d.ts +25 -0
  107. package/dist/components/dropdown-menu/dropdown-menu-radio-item.d.ts +23 -0
  108. package/dist/components/dropdown-menu/dropdown-menu-root.d.ts +30 -0
  109. package/dist/components/dropdown-menu/dropdown-menu-separator.d.ts +19 -0
  110. package/dist/components/dropdown-menu/dropdown-menu-sub-content.d.ts +34 -0
  111. package/dist/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts +28 -0
  112. package/dist/components/dropdown-menu/dropdown-menu-sub.d.ts +28 -0
  113. package/dist/components/dropdown-menu/dropdown-menu-trigger.d.ts +23 -0
  114. package/dist/components/dropdown-menu/dropdown-menu.d.ts +6 -3
  115. package/dist/components/dropdown-menu/index.d.ts +32 -1
  116. package/dist/components/dropdown-menu/index.js +2 -2
  117. package/dist/components/dropdown-menu/types.d.ts +145 -6
  118. package/dist/components/dropdown-menu/useDropdownMenu.d.ts +15 -3
  119. package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts +10 -3
  120. package/dist/components/dropdown-menu/useDropdownMenuDom.d.ts +2 -1
  121. package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts +4 -4
  122. package/dist/components/dropdown-menu/useDropdownMenuPortalPosition.d.ts +19 -0
  123. package/dist/components/dropdown-menu/useDropdownMenuPrimitiveContent.d.ts +27 -0
  124. package/dist/components/dropdown-menu/useDropdownMenuRenderItems.d.ts +14 -2
  125. package/dist/components/field/index.d.ts +2 -1
  126. package/dist/components/field/index.js +2 -2
  127. package/dist/components/field/types.d.ts +4 -1
  128. package/dist/components/floating/index.d.ts +3 -0
  129. package/dist/components/floating/index.js +3 -0
  130. package/dist/components/floating/types.d.ts +105 -0
  131. package/dist/components/floating/useFloatingPosition.d.ts +15 -0
  132. package/dist/components/floating/useHoverDisclosure.d.ts +2 -0
  133. package/dist/components/focus-trap/focus-trap.d.ts +31 -0
  134. package/dist/components/focus-trap/index.d.ts +4 -0
  135. package/dist/components/focus-trap/index.js +3 -0
  136. package/dist/components/focus-trap/types.d.ts +41 -0
  137. package/dist/components/focus-trap/useFocusTrap.d.ts +2 -0
  138. package/dist/components/icon-button/index.d.ts +2 -1
  139. package/dist/components/icon-button/index.js +2 -1
  140. package/dist/components/icon-button/types.d.ts +4 -1
  141. package/dist/components/input/index.d.ts +2 -1
  142. package/dist/components/input/index.js +2 -1
  143. package/dist/components/input/input.d.ts +4 -1
  144. package/dist/components/input/types.d.ts +7 -2
  145. package/dist/components/modal/index.d.ts +2 -1
  146. package/dist/components/modal/index.js +2 -2
  147. package/dist/components/modal/modal.d.ts +3 -1
  148. package/dist/components/modal/types.d.ts +11 -1
  149. package/dist/components/modal/useModal.d.ts +7 -4
  150. package/dist/components/number-input/index.d.ts +2 -1
  151. package/dist/components/number-input/index.js +2 -2
  152. package/dist/components/number-input/types.d.ts +7 -2
  153. package/dist/components/number-input/useNumberInput.d.ts +2 -1
  154. package/dist/components/overlay/index.d.ts +2 -1
  155. package/dist/components/overlay/index.js +2 -1
  156. package/dist/components/overlay/types.d.ts +4 -1
  157. package/dist/components/popover/index.d.ts +2 -2
  158. package/dist/components/popover/index.js +2 -2
  159. package/dist/components/popover/popover.d.ts +2 -2
  160. package/dist/components/popover/types.d.ts +20 -11
  161. package/dist/components/popover/usePopover.d.ts +9 -1
  162. package/dist/components/progress/index.d.ts +2 -2
  163. package/dist/components/progress/index.js +2 -2
  164. package/dist/components/progress/types.d.ts +4 -1
  165. package/dist/components/radio/index.d.ts +2 -1
  166. package/dist/components/radio/index.js +2 -2
  167. package/dist/components/radio/radio.d.ts +8 -3
  168. package/dist/components/radio/types.d.ts +37 -4
  169. package/dist/components/radio/useRadio.d.ts +12 -4
  170. package/dist/components/select/index.d.ts +2 -1
  171. package/dist/components/select/index.js +2 -2
  172. package/dist/components/select/select.d.ts +4 -1
  173. package/dist/components/select/types.d.ts +10 -2
  174. package/dist/components/select/useSelect.d.ts +3 -1
  175. package/dist/components/slider/index.d.ts +2 -2
  176. package/dist/components/slider/index.js +2 -2
  177. package/dist/components/slider/range-slider-tooltip.d.ts +3 -0
  178. package/dist/components/slider/range-slider.d.ts +7 -4
  179. package/dist/components/slider/slider.d.ts +4 -1
  180. package/dist/components/slider/sliderCore.d.ts +4 -4
  181. package/dist/components/slider/types.d.ts +22 -4
  182. package/dist/components/slider/useRangeSlider.d.ts +2 -2
  183. package/dist/components/slider/useSlider.d.ts +2 -2
  184. package/dist/components/switch/index.d.ts +2 -1
  185. package/dist/components/switch/index.js +2 -2
  186. package/dist/components/switch/switch.d.ts +4 -1
  187. package/dist/components/switch/types.d.ts +11 -2
  188. package/dist/components/switch/useSwitch.d.ts +3 -1
  189. package/dist/components/tabs/index.d.ts +2 -1
  190. package/dist/components/tabs/index.js +2 -2
  191. package/dist/components/tabs/types.d.ts +13 -4
  192. package/dist/components/teleport-provider/index.d.ts +3 -0
  193. package/dist/components/teleport-provider/index.js +3 -0
  194. package/dist/components/teleport-provider/teleport-provider.d.ts +21 -0
  195. package/dist/components/teleport-provider/types.d.ts +4 -0
  196. package/dist/components/teleport-provider/useTeleportTarget.d.ts +6 -0
  197. package/dist/components/textarea/index.d.ts +2 -1
  198. package/dist/components/textarea/index.js +2 -2
  199. package/dist/components/textarea/textarea.d.ts +4 -1
  200. package/dist/components/textarea/types.d.ts +10 -2
  201. package/dist/components/textarea/useTextarea.d.ts +2 -1
  202. package/dist/components/toast/index.d.ts +3 -2
  203. package/dist/components/toast/index.js +2 -2
  204. package/dist/components/toast/toast-store.d.ts +2 -0
  205. package/dist/components/toast/toast.d.ts +2 -2
  206. package/dist/components/toast/types.d.ts +20 -10
  207. package/dist/components/toast/useToast.d.ts +2 -2
  208. package/dist/components/tooltip/index.d.ts +2 -1
  209. package/dist/components/tooltip/index.js +2 -1
  210. package/dist/components/tooltip/tooltip.d.ts +2 -2
  211. package/dist/components/tooltip/types.d.ts +13 -12
  212. package/dist/components/tooltip/useTooltip.d.ts +12 -2
  213. package/dist/composables/useOverlayLayer.d.ts +32 -0
  214. package/dist/dialog.js +510 -0
  215. package/dist/dropdown-menu.css +191 -108
  216. package/dist/dropdown-menu.js +1954 -198
  217. package/dist/field.css +41 -39
  218. package/dist/field.js +40 -16
  219. package/dist/floating.js +403 -0
  220. package/dist/focus-trap.js +80 -0
  221. package/dist/icon-button.css +193 -189
  222. package/dist/icon-button.js +23 -18
  223. package/dist/icon-button2.js +8 -0
  224. package/dist/index.d.ts +5 -0
  225. package/dist/index.js +39 -32
  226. package/dist/input.css +122 -120
  227. package/dist/input.js +63 -40
  228. package/dist/input2.js +9 -0
  229. package/dist/legacy-unlayered.css +5382 -0
  230. package/dist/modal.css +129 -127
  231. package/dist/modal.js +182 -281
  232. package/dist/number-input.css +87 -85
  233. package/dist/number-input.js +98 -26
  234. package/dist/overlay.css +26 -24
  235. package/dist/overlay.js +17 -9
  236. package/dist/overlay2.js +4 -0
  237. package/dist/popover.css +140 -107
  238. package/dist/popover.js +276 -196
  239. package/dist/popover2.js +6 -1
  240. package/dist/progress.css +101 -99
  241. package/dist/progress.js +50 -28
  242. package/dist/radio.css +114 -105
  243. package/dist/radio.js +237 -61
  244. package/dist/select.css +255 -242
  245. package/dist/select.js +257 -94
  246. package/dist/slider.css +1090 -1031
  247. package/dist/slider.js +443 -175
  248. package/dist/styles-api.d.ts +22 -0
  249. package/dist/styles-api.js +49 -0
  250. package/dist/switch.css +120 -108
  251. package/dist/switch.js +112 -38
  252. package/dist/tabs.css +286 -278
  253. package/dist/tabs.js +60 -21
  254. package/dist/teleport-provider.js +15 -0
  255. package/dist/textarea.css +132 -130
  256. package/dist/textarea.js +83 -31
  257. package/dist/toast.css +229 -225
  258. package/dist/toast.js +189 -118
  259. package/dist/tooltip.css +61 -106
  260. package/dist/tooltip.js +184 -228
  261. package/dist/tooltip2.js +8 -0
  262. package/dist/useControlState.js +4 -0
  263. package/dist/useFloatingPosition.js +1317 -0
  264. package/dist/useFocusTrap.js +130 -0
  265. package/dist/useFormControl.js +107 -0
  266. package/dist/useOverlayLayer.js +262 -0
  267. package/dist/useTeleportTarget.js +40 -0
  268. package/docs/public-floating-api.md +148 -0
  269. package/docs/public-styles-api.md +134 -0
  270. package/docs/public-tokens.md +545 -0
  271. package/package.json +37 -9
  272. package/src/styles/_tokens.scss +33 -28
  273. package/src/styles/_utilities.scss +11 -9
  274. package/src/styles/styles-manifest.json +4125 -0
  275. package/dist/rafScheduler.js +0 -34
  276. package/dist/useClickOutside.js +0 -24
package/dist/tabs.css CHANGED
@@ -1,279 +1,287 @@
1
- .rp-tabs[data-v-32e41419] {
2
- box-sizing: border-box;
3
- display: grid;
4
- min-width: 0;
5
- gap: var(--rp-spacing-4);
6
- font-family: var(--rp-font-family);
7
- color: var(--rp-color-text);
8
- }
9
- .rp-tabs--disabled[data-v-32e41419] {
10
- opacity: var(--rp-opacity-disabled);
11
- cursor: not-allowed;
12
- }
13
- .rp-tabs--vertical[data-v-32e41419] {
14
- display: flex;
15
- align-items: start;
16
- gap: var(--rp-spacing-5);
17
- }.rp-tabs-content[data-v-3ff419c3] {
18
- box-sizing: border-box;
19
- min-width: 0;
20
- color: var(--rp-color-text);
21
- font-family: var(--rp-font-family);
22
- font-size: var(--rp-font-size-md);
23
- line-height: var(--rp-line-height-md);
24
- }
25
- .rp-tabs-content[data-v-3ff419c3]:focus-visible {
26
- outline: none;
27
- border-color: var(--rp-color-control-border-focus);
28
- box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
29
- }
30
- .rp-tabs-content--vertical[data-v-3ff419c3] {
31
- flex: 1 1 0;
32
- }.rp-tabs-list[data-v-7f168d05] {
33
- box-sizing: border-box;
34
- display: flex;
35
- align-items: stretch;
36
- width: 100%;
37
- min-width: 0;
38
- padding: 0;
39
- gap: 0;
40
- font-family: var(--rp-font-family);
41
- background-color: transparent;
42
- border: 0;
43
- }
44
- .rp-tabs-list--vertical[data-v-7f168d05] {
45
- flex-direction: column;
46
- width: max-content;
47
- }
48
- .rp-tabs-list--line[data-v-7f168d05] {
49
- border-bottom: var(--rp-border-width-medium) solid var(--rp-color-default-border);
50
- }
51
- .rp-tabs-list--line.rp-tabs-list--vertical[data-v-7f168d05] {
52
- border-bottom: 0;
53
- border-left: var(--rp-border-width-medium) solid var(--rp-color-default-border);
54
- }
55
- .rp-tabs-list--line.rp-tabs-list--vertical.rp-tabs-list--placement-right[data-v-7f168d05] {
56
- border-right: var(--rp-border-width-medium) solid var(--rp-color-default-border);
57
- border-left: 0;
58
- }
59
- .rp-tabs-list--pills[data-v-7f168d05], .rp-tabs-list--outline[data-v-7f168d05] {
60
- max-width: 100%;
61
- overflow-x: auto;
62
- overflow-y: hidden;
63
- }
64
- .rp-tabs-list--pills[data-v-7f168d05] {
65
- gap: var(--rp-spacing-2);
66
- }
67
- .rp-tabs-list--outline[data-v-7f168d05] {
68
- position: relative;
69
- }
70
- .rp-tabs-list--outline[data-v-7f168d05]::after {
71
- position: absolute;
72
- z-index: 0;
73
- right: 0;
74
- bottom: 0;
75
- left: 0;
76
- height: var(--rp-border-width-thin);
77
- content: "";
78
- background-color: var(--rp-color-default-border);
79
- pointer-events: none;
80
- }
81
- .rp-tabs-list--outline.rp-tabs-list--vertical[data-v-7f168d05]::after {
82
- top: 0;
83
- right: auto;
84
- bottom: 0;
85
- left: 0;
86
- width: var(--rp-border-width-thin);
87
- height: auto;
88
- }
89
- .rp-tabs-list--outline.rp-tabs-list--vertical.rp-tabs-list--placement-right[data-v-7f168d05]::after {
90
- right: 0;
91
- left: auto;
92
- }
93
- .rp-tabs-list--disabled[data-v-7f168d05] {
94
- opacity: var(--rp-opacity-disabled);
95
- cursor: not-allowed;
96
- }.rp-tabs-trigger[data-v-4adec360] {
97
- --_rp-tabs-trigger-fg: var(--rp-color-dimmed);
98
- --_rp-tabs-trigger-bg: transparent;
99
- --_rp-tabs-trigger-bg-hover: transparent;
100
- --_rp-tabs-trigger-border: transparent;
101
- --_rp-tabs-trigger-border-hover: transparent;
102
- --_rp-tabs-trigger-radius: var(--rp-radius-none);
103
- --_rp-tabs-trigger-shadow: none;
104
- --_rp-tabs-trigger-outline-bg: var(--rp-color-body);
105
- --_rp-tabs-trigger-indicator: transparent;
106
- --_rp-tabs-trigger-height: var(--rp-size-control-md);
107
- --_rp-tabs-trigger-padding-y: 0;
108
- --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-md) / 3);
109
- --_rp-tabs-trigger-gap: var(--rp-spacing-2);
110
- --_rp-tabs-trigger-font-size: var(--rp-font-size-md);
111
- padding: 0;
112
- font: inherit;
113
- background: none;
114
- border: none;
115
- cursor: pointer;
116
- position: relative;
117
- display: inline-flex;
118
- align-items: center;
119
- justify-content: center;
120
- box-sizing: border-box;
121
- min-width: 0;
122
- min-height: var(--_rp-tabs-trigger-height);
123
- padding: var(--_rp-tabs-trigger-padding-y) var(--_rp-tabs-trigger-padding-x);
124
- gap: var(--_rp-tabs-trigger-gap);
125
- color: var(--_rp-tabs-trigger-fg);
126
- font-family: var(--rp-font-family);
127
- font-size: var(--_rp-tabs-trigger-font-size);
128
- font-weight: var(--rp-font-weight-normal);
129
- line-height: 1;
130
- text-align: center;
131
- background-color: var(--_rp-tabs-trigger-bg);
132
- border: 0;
133
- border-radius: var(--_rp-tabs-trigger-radius);
134
- box-shadow: var(--_rp-tabs-trigger-shadow);
135
- transition: background-color var(--rp-transition-fast), border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast), color var(--rp-transition-fast);
136
- cursor: pointer;
137
- user-select: none;
138
- white-space: nowrap;
139
- }
140
- .rp-tabs-trigger[data-v-4adec360]::after {
141
- position: absolute;
142
- right: 0;
143
- bottom: calc(-1 * var(--rp-border-width-medium));
144
- left: 0;
145
- height: var(--rp-border-width-medium);
146
- content: "";
147
- background-color: var(--_rp-tabs-trigger-indicator);
148
- transition: background-color var(--rp-transition-fast);
149
- }
150
- .rp-tabs-trigger[data-v-4adec360] svg {
151
- width: 1em;
152
- height: 1em;
153
- flex: 0 0 auto;
154
- color: currentColor;
155
- }
156
- .rp-tabs-trigger--size-xs[data-v-4adec360] {
157
- --_rp-tabs-trigger-height: var(--rp-size-control-xs);
158
- --_rp-tabs-trigger-padding-y: 0;
159
- --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-xs) / 3);
160
- --_rp-tabs-trigger-gap: var(--rp-spacing-1);
161
- --_rp-tabs-trigger-font-size: var(--rp-font-size-xs);
162
- }
163
- .rp-tabs-trigger--size-sm[data-v-4adec360] {
164
- --_rp-tabs-trigger-height: var(--rp-size-control-sm);
165
- --_rp-tabs-trigger-padding-y: 0;
166
- --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-sm) / 3);
167
- --_rp-tabs-trigger-gap: var(--rp-spacing-2);
168
- --_rp-tabs-trigger-font-size: var(--rp-font-size-sm);
169
- }
170
- .rp-tabs-trigger--size-md[data-v-4adec360] {
171
- --_rp-tabs-trigger-height: var(--rp-size-control-md);
172
- --_rp-tabs-trigger-padding-y: 0;
173
- --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-md) / 3);
174
- --_rp-tabs-trigger-gap: var(--rp-spacing-2);
175
- --_rp-tabs-trigger-font-size: var(--rp-font-size-md);
176
- }
177
- .rp-tabs-trigger--size-lg[data-v-4adec360] {
178
- --_rp-tabs-trigger-height: var(--rp-size-control-lg);
179
- --_rp-tabs-trigger-padding-y: 0;
180
- --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-lg) / 3);
181
- --_rp-tabs-trigger-gap: var(--rp-spacing-3);
182
- --_rp-tabs-trigger-font-size: var(--rp-font-size-lg);
183
- }
184
- .rp-tabs-trigger--size-xl[data-v-4adec360] {
185
- --_rp-tabs-trigger-height: var(--rp-size-control-xl);
186
- --_rp-tabs-trigger-padding-y: 0;
187
- --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-xl) / 3);
188
- --_rp-tabs-trigger-gap: var(--rp-spacing-3);
189
- --_rp-tabs-trigger-font-size: var(--rp-font-size-xl);
190
- }
191
- .rp-tabs-trigger[data-v-4adec360]:hover:not(:disabled) {
192
- --_rp-tabs-trigger-fg: var(--rp-color-text);
193
- --_rp-tabs-trigger-bg: var(--_rp-tabs-trigger-bg-hover);
194
- --_rp-tabs-trigger-border: var(--_rp-tabs-trigger-border-hover);
195
- }
196
- .rp-tabs-trigger[data-v-4adec360]:focus-visible {
197
- z-index: 2;
198
- outline: none;
199
- border-color: var(--rp-color-control-border-focus);
200
- box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
201
- }
202
- .rp-tabs-trigger--active[data-v-4adec360] {
203
- --_rp-tabs-trigger-fg: var(--rp-color-text);
204
- --_rp-tabs-trigger-indicator: var(--rp-primary-color-filled);
205
- }
206
- .rp-tabs-trigger--pills[data-v-4adec360]::after, .rp-tabs-trigger--outline[data-v-4adec360]::after {
207
- display: none;
208
- }
209
- .rp-tabs-trigger--pills[data-v-4adec360] {
210
- --_rp-tabs-trigger-bg-hover: var(--rp-color-default-hover);
211
- --_rp-tabs-trigger-radius: var(--rp-radius-md);
212
- }
213
- .rp-tabs-trigger--pills.rp-tabs-trigger--active[data-v-4adec360] {
214
- --_rp-tabs-trigger-fg: var(--rp-color-white);
215
- --_rp-tabs-trigger-bg: var(--rp-primary-color-filled);
216
- --_rp-tabs-trigger-bg-hover: var(--rp-primary-color-filled-hover);
217
- }
218
- .rp-tabs-trigger--outline[data-v-4adec360] {
219
- --_rp-tabs-trigger-bg-hover: var(--rp-color-default-hover);
220
- --_rp-tabs-trigger-radius: var(--rp-radius-md) var(--rp-radius-md) 0 0;
221
- z-index: 1;
222
- border: var(--rp-border-width-thin) solid var(--_rp-tabs-trigger-border);
223
- }
224
- .rp-tabs-trigger--outline.rp-tabs-trigger--active[data-v-4adec360] {
225
- --_rp-tabs-trigger-fg: var(--rp-color-text);
226
- --_rp-tabs-trigger-bg: var(--_rp-tabs-trigger-outline-bg);
227
- --_rp-tabs-trigger-bg-hover: var(--_rp-tabs-trigger-outline-bg);
228
- --_rp-tabs-trigger-border: var(--rp-color-default-border);
229
- --_rp-tabs-trigger-border-hover: var(--rp-color-default-border);
230
- z-index: 1;
231
- border-bottom-color: var(--_rp-tabs-trigger-bg);
232
- }
233
- .rp-tabs-trigger--outline.rp-tabs-trigger--vertical[data-v-4adec360] {
234
- --_rp-tabs-trigger-radius: 0 var(--rp-radius-md) var(--rp-radius-md) 0;
235
- }
236
- .rp-tabs-trigger--outline.rp-tabs-trigger--vertical.rp-tabs-trigger--active[data-v-4adec360] {
237
- border-bottom-color: var(--_rp-tabs-trigger-border);
238
- border-left-color: var(--_rp-tabs-trigger-bg);
239
- }
240
- .rp-tabs-trigger--outline.rp-tabs-trigger--vertical.rp-tabs-trigger--placement-right[data-v-4adec360] {
241
- --_rp-tabs-trigger-radius: var(--rp-radius-md) 0 0 var(--rp-radius-md);
242
- }
243
- .rp-tabs-trigger--outline.rp-tabs-trigger--vertical.rp-tabs-trigger--placement-right.rp-tabs-trigger--active[data-v-4adec360] {
244
- border-right-color: var(--_rp-tabs-trigger-bg);
245
- border-left-color: var(--_rp-tabs-trigger-border);
246
- }
247
- .rp-tabs-trigger--disabled[data-v-4adec360], .rp-tabs-trigger[data-v-4adec360]:disabled {
248
- opacity: var(--rp-opacity-disabled);
249
- cursor: not-allowed;
250
- }
251
- .rp-tabs-trigger--vertical[data-v-4adec360] {
252
- justify-content: flex-start;
253
- width: 100%;
254
- text-align: left;
255
- }
256
- .rp-tabs-trigger--vertical[data-v-4adec360]::after {
257
- top: 0;
258
- right: auto;
259
- bottom: 0;
260
- left: calc(-1 * var(--rp-border-width-medium));
261
- width: var(--rp-border-width-medium);
262
- height: auto;
263
- }
264
- .rp-tabs-trigger--vertical.rp-tabs-trigger--placement-right[data-v-4adec360]::after {
265
- right: calc(-1 * var(--rp-border-width-medium));
266
- left: auto;
267
- }
268
- .rp-tabs-trigger--align-left[data-v-4adec360] {
269
- justify-content: flex-start;
270
- text-align: left;
271
- }
272
- .rp-tabs-trigger--align-center[data-v-4adec360] {
273
- justify-content: center;
274
- text-align: center;
275
- }
276
- .rp-tabs-trigger--align-right[data-v-4adec360] {
277
- justify-content: flex-end;
278
- text-align: right;
1
+ @layer ropav.components {
2
+ .rp-tabs[data-v-163486d1] {
3
+ box-sizing: border-box;
4
+ display: grid;
5
+ min-width: 0;
6
+ gap: var(--rp-spacing-4);
7
+ font-family: var(--rp-font-family);
8
+ color: var(--rp-color-text);
9
+ }
10
+ .rp-tabs--disabled[data-v-163486d1] {
11
+ opacity: var(--rp-opacity-disabled);
12
+ cursor: not-allowed;
13
+ }
14
+ .rp-tabs--vertical[data-v-163486d1] {
15
+ display: flex;
16
+ align-items: start;
17
+ gap: var(--rp-spacing-5);
18
+ }
19
+ }@layer ropav.components {
20
+ .rp-tabs-content[data-v-7206185c] {
21
+ box-sizing: border-box;
22
+ min-width: 0;
23
+ color: var(--rp-color-text);
24
+ font-family: var(--rp-font-family);
25
+ font-size: var(--rp-font-size-md);
26
+ line-height: var(--rp-line-height-md);
27
+ }
28
+ .rp-tabs-content[data-v-7206185c]:focus-visible {
29
+ outline: none;
30
+ border-color: var(--rp-color-control-border-focus);
31
+ box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
32
+ }
33
+ .rp-tabs-content--vertical[data-v-7206185c] {
34
+ flex: 1 1 0;
35
+ }
36
+ }@layer ropav.components {
37
+ .rp-tabs-list[data-v-5016edc1] {
38
+ box-sizing: border-box;
39
+ display: flex;
40
+ align-items: stretch;
41
+ width: 100%;
42
+ min-width: 0;
43
+ padding: 0;
44
+ gap: 0;
45
+ font-family: var(--rp-font-family);
46
+ background-color: transparent;
47
+ border: 0;
48
+ }
49
+ .rp-tabs-list--vertical[data-v-5016edc1] {
50
+ flex-direction: column;
51
+ width: max-content;
52
+ }
53
+ .rp-tabs-list--line[data-v-5016edc1] {
54
+ border-bottom: var(--rp-border-width-medium) solid var(--rp-color-default-border);
55
+ }
56
+ .rp-tabs-list--line.rp-tabs-list--vertical[data-v-5016edc1] {
57
+ border-bottom: 0;
58
+ border-left: var(--rp-border-width-medium) solid var(--rp-color-default-border);
59
+ }
60
+ .rp-tabs-list--line.rp-tabs-list--vertical.rp-tabs-list--placement-right[data-v-5016edc1] {
61
+ border-right: var(--rp-border-width-medium) solid var(--rp-color-default-border);
62
+ border-left: 0;
63
+ }
64
+ .rp-tabs-list--pills[data-v-5016edc1], .rp-tabs-list--outline[data-v-5016edc1] {
65
+ max-width: 100%;
66
+ overflow-x: auto;
67
+ overflow-y: hidden;
68
+ }
69
+ .rp-tabs-list--pills[data-v-5016edc1] {
70
+ gap: var(--rp-spacing-2);
71
+ }
72
+ .rp-tabs-list--outline[data-v-5016edc1] {
73
+ position: relative;
74
+ }
75
+ .rp-tabs-list--outline[data-v-5016edc1]::after {
76
+ position: absolute;
77
+ z-index: 0;
78
+ right: 0;
79
+ bottom: 0;
80
+ left: 0;
81
+ height: var(--rp-border-width-thin);
82
+ content: "";
83
+ background-color: var(--rp-color-default-border);
84
+ pointer-events: none;
85
+ }
86
+ .rp-tabs-list--outline.rp-tabs-list--vertical[data-v-5016edc1]::after {
87
+ top: 0;
88
+ right: auto;
89
+ bottom: 0;
90
+ left: 0;
91
+ width: var(--rp-border-width-thin);
92
+ height: auto;
93
+ }
94
+ .rp-tabs-list--outline.rp-tabs-list--vertical.rp-tabs-list--placement-right[data-v-5016edc1]::after {
95
+ right: 0;
96
+ left: auto;
97
+ }
98
+ .rp-tabs-list--disabled[data-v-5016edc1] {
99
+ opacity: var(--rp-opacity-disabled);
100
+ cursor: not-allowed;
101
+ }
102
+ }@layer ropav.components {
103
+ .rp-tabs-trigger[data-v-6df68725] {
104
+ --_rp-tabs-trigger-fg: var(--rp-color-dimmed);
105
+ --_rp-tabs-trigger-bg: transparent;
106
+ --_rp-tabs-trigger-bg-hover: transparent;
107
+ --_rp-tabs-trigger-border: transparent;
108
+ --_rp-tabs-trigger-border-hover: transparent;
109
+ --_rp-tabs-trigger-radius: var(--rp-radius-none);
110
+ --_rp-tabs-trigger-shadow: none;
111
+ --_rp-tabs-trigger-outline-bg: var(--rp-color-body);
112
+ --_rp-tabs-trigger-indicator: transparent;
113
+ --_rp-tabs-trigger-height: var(--rp-size-control-md);
114
+ --_rp-tabs-trigger-padding-y: 0;
115
+ --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-md) / 3);
116
+ --_rp-tabs-trigger-gap: var(--rp-spacing-2);
117
+ --_rp-tabs-trigger-font-size: var(--rp-font-size-md);
118
+ padding: 0;
119
+ font: inherit;
120
+ background: none;
121
+ border: none;
122
+ cursor: pointer;
123
+ position: relative;
124
+ display: inline-flex;
125
+ align-items: center;
126
+ justify-content: center;
127
+ box-sizing: border-box;
128
+ min-width: 0;
129
+ min-height: var(--_rp-tabs-trigger-height);
130
+ padding: var(--_rp-tabs-trigger-padding-y) var(--_rp-tabs-trigger-padding-x);
131
+ gap: var(--_rp-tabs-trigger-gap);
132
+ color: var(--_rp-tabs-trigger-fg);
133
+ font-family: var(--rp-font-family);
134
+ font-size: var(--_rp-tabs-trigger-font-size);
135
+ font-weight: var(--rp-font-weight-normal);
136
+ line-height: 1;
137
+ text-align: center;
138
+ background-color: var(--_rp-tabs-trigger-bg);
139
+ border: 0;
140
+ border-radius: var(--_rp-tabs-trigger-radius);
141
+ box-shadow: var(--_rp-tabs-trigger-shadow);
142
+ transition: background-color var(--rp-transition-fast), border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast), color var(--rp-transition-fast);
143
+ cursor: pointer;
144
+ user-select: none;
145
+ white-space: nowrap;
146
+ }
147
+ .rp-tabs-trigger[data-v-6df68725]::after {
148
+ position: absolute;
149
+ right: 0;
150
+ bottom: calc(-1 * var(--rp-border-width-medium));
151
+ left: 0;
152
+ height: var(--rp-border-width-medium);
153
+ content: "";
154
+ background-color: var(--_rp-tabs-trigger-indicator);
155
+ transition: background-color var(--rp-transition-fast);
156
+ }
157
+ .rp-tabs-trigger[data-v-6df68725] svg {
158
+ width: 1em;
159
+ height: 1em;
160
+ flex: 0 0 auto;
161
+ color: currentColor;
162
+ }
163
+ .rp-tabs-trigger--size-xs[data-v-6df68725] {
164
+ --_rp-tabs-trigger-height: var(--rp-size-control-xs);
165
+ --_rp-tabs-trigger-padding-y: 0;
166
+ --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-xs) / 3);
167
+ --_rp-tabs-trigger-gap: var(--rp-spacing-1);
168
+ --_rp-tabs-trigger-font-size: var(--rp-font-size-xs);
169
+ }
170
+ .rp-tabs-trigger--size-sm[data-v-6df68725] {
171
+ --_rp-tabs-trigger-height: var(--rp-size-control-sm);
172
+ --_rp-tabs-trigger-padding-y: 0;
173
+ --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-sm) / 3);
174
+ --_rp-tabs-trigger-gap: var(--rp-spacing-2);
175
+ --_rp-tabs-trigger-font-size: var(--rp-font-size-sm);
176
+ }
177
+ .rp-tabs-trigger--size-md[data-v-6df68725] {
178
+ --_rp-tabs-trigger-height: var(--rp-size-control-md);
179
+ --_rp-tabs-trigger-padding-y: 0;
180
+ --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-md) / 3);
181
+ --_rp-tabs-trigger-gap: var(--rp-spacing-2);
182
+ --_rp-tabs-trigger-font-size: var(--rp-font-size-md);
183
+ }
184
+ .rp-tabs-trigger--size-lg[data-v-6df68725] {
185
+ --_rp-tabs-trigger-height: var(--rp-size-control-lg);
186
+ --_rp-tabs-trigger-padding-y: 0;
187
+ --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-lg) / 3);
188
+ --_rp-tabs-trigger-gap: var(--rp-spacing-3);
189
+ --_rp-tabs-trigger-font-size: var(--rp-font-size-lg);
190
+ }
191
+ .rp-tabs-trigger--size-xl[data-v-6df68725] {
192
+ --_rp-tabs-trigger-height: var(--rp-size-control-xl);
193
+ --_rp-tabs-trigger-padding-y: 0;
194
+ --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-xl) / 3);
195
+ --_rp-tabs-trigger-gap: var(--rp-spacing-3);
196
+ --_rp-tabs-trigger-font-size: var(--rp-font-size-xl);
197
+ }
198
+ .rp-tabs-trigger[data-v-6df68725]:hover:not(:disabled) {
199
+ --_rp-tabs-trigger-fg: var(--rp-color-text);
200
+ --_rp-tabs-trigger-bg: var(--_rp-tabs-trigger-bg-hover);
201
+ --_rp-tabs-trigger-border: var(--_rp-tabs-trigger-border-hover);
202
+ }
203
+ .rp-tabs-trigger[data-v-6df68725]:focus-visible {
204
+ z-index: 2;
205
+ outline: none;
206
+ border-color: var(--rp-color-control-border-focus);
207
+ box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
208
+ }
209
+ .rp-tabs-trigger--active[data-v-6df68725] {
210
+ --_rp-tabs-trigger-fg: var(--rp-color-text);
211
+ --_rp-tabs-trigger-indicator: var(--rp-primary-color-filled);
212
+ }
213
+ .rp-tabs-trigger--pills[data-v-6df68725]::after, .rp-tabs-trigger--outline[data-v-6df68725]::after {
214
+ display: none;
215
+ }
216
+ .rp-tabs-trigger--pills[data-v-6df68725] {
217
+ --_rp-tabs-trigger-bg-hover: var(--rp-color-default-hover);
218
+ --_rp-tabs-trigger-radius: var(--rp-radius-md);
219
+ }
220
+ .rp-tabs-trigger--pills.rp-tabs-trigger--active[data-v-6df68725] {
221
+ --_rp-tabs-trigger-fg: var(--rp-color-white);
222
+ --_rp-tabs-trigger-bg: var(--rp-primary-color-filled);
223
+ --_rp-tabs-trigger-bg-hover: var(--rp-primary-color-filled-hover);
224
+ }
225
+ .rp-tabs-trigger--outline[data-v-6df68725] {
226
+ --_rp-tabs-trigger-bg-hover: var(--rp-color-default-hover);
227
+ --_rp-tabs-trigger-radius: var(--rp-radius-md) var(--rp-radius-md) 0 0;
228
+ z-index: 1;
229
+ border: var(--rp-border-width-thin) solid var(--_rp-tabs-trigger-border);
230
+ }
231
+ .rp-tabs-trigger--outline.rp-tabs-trigger--active[data-v-6df68725] {
232
+ --_rp-tabs-trigger-fg: var(--rp-color-text);
233
+ --_rp-tabs-trigger-bg: var(--_rp-tabs-trigger-outline-bg);
234
+ --_rp-tabs-trigger-bg-hover: var(--_rp-tabs-trigger-outline-bg);
235
+ --_rp-tabs-trigger-border: var(--rp-color-default-border);
236
+ --_rp-tabs-trigger-border-hover: var(--rp-color-default-border);
237
+ z-index: 1;
238
+ border-bottom-color: var(--_rp-tabs-trigger-bg);
239
+ }
240
+ .rp-tabs-trigger--outline.rp-tabs-trigger--vertical[data-v-6df68725] {
241
+ --_rp-tabs-trigger-radius: 0 var(--rp-radius-md) var(--rp-radius-md) 0;
242
+ }
243
+ .rp-tabs-trigger--outline.rp-tabs-trigger--vertical.rp-tabs-trigger--active[data-v-6df68725] {
244
+ border-bottom-color: var(--_rp-tabs-trigger-border);
245
+ border-left-color: var(--_rp-tabs-trigger-bg);
246
+ }
247
+ .rp-tabs-trigger--outline.rp-tabs-trigger--vertical.rp-tabs-trigger--placement-right[data-v-6df68725] {
248
+ --_rp-tabs-trigger-radius: var(--rp-radius-md) 0 0 var(--rp-radius-md);
249
+ }
250
+ .rp-tabs-trigger--outline.rp-tabs-trigger--vertical.rp-tabs-trigger--placement-right.rp-tabs-trigger--active[data-v-6df68725] {
251
+ border-right-color: var(--_rp-tabs-trigger-bg);
252
+ border-left-color: var(--_rp-tabs-trigger-border);
253
+ }
254
+ .rp-tabs-trigger--disabled[data-v-6df68725], .rp-tabs-trigger[data-v-6df68725]:disabled {
255
+ opacity: var(--rp-opacity-disabled);
256
+ cursor: not-allowed;
257
+ }
258
+ .rp-tabs-trigger--vertical[data-v-6df68725] {
259
+ justify-content: flex-start;
260
+ width: 100%;
261
+ text-align: left;
262
+ }
263
+ .rp-tabs-trigger--vertical[data-v-6df68725]::after {
264
+ top: 0;
265
+ right: auto;
266
+ bottom: 0;
267
+ left: calc(-1 * var(--rp-border-width-medium));
268
+ width: var(--rp-border-width-medium);
269
+ height: auto;
270
+ }
271
+ .rp-tabs-trigger--vertical.rp-tabs-trigger--placement-right[data-v-6df68725]::after {
272
+ right: calc(-1 * var(--rp-border-width-medium));
273
+ left: auto;
274
+ }
275
+ .rp-tabs-trigger--align-left[data-v-6df68725] {
276
+ justify-content: flex-start;
277
+ text-align: left;
278
+ }
279
+ .rp-tabs-trigger--align-center[data-v-6df68725] {
280
+ justify-content: center;
281
+ text-align: center;
282
+ }
283
+ .rp-tabs-trigger--align-right[data-v-6df68725] {
284
+ justify-content: flex-end;
285
+ text-align: right;
286
+ }
279
287
  }