ropav 0.0.6 → 0.0.7

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 (127) hide show
  1. package/dist/_plugin-vue_export-helper.js +1 -11
  2. package/dist/accordion.css +112 -0
  3. package/dist/accordion.js +360 -0
  4. package/dist/accordion.js.map +1 -0
  5. package/dist/badge.css +169 -0
  6. package/dist/badge.js +103 -0
  7. package/dist/badge.js.map +1 -0
  8. package/dist/bem.js +11 -0
  9. package/dist/bem.js.map +1 -0
  10. package/dist/button-group.css +8 -8
  11. package/dist/button-group.js +2 -1
  12. package/dist/button-group.js.map +1 -1
  13. package/dist/button.js +3 -2
  14. package/dist/button.js.map +1 -1
  15. package/dist/card.js +2 -1
  16. package/dist/card.js.map +1 -1
  17. package/dist/checkbox.js +2 -1
  18. package/dist/checkbox.js.map +1 -1
  19. package/dist/collapse.css +32 -0
  20. package/dist/collapse.js +68 -0
  21. package/dist/collapse.js.map +1 -0
  22. package/dist/components/accordion/accordion-item.d.ts +40 -0
  23. package/dist/components/accordion/accordion.d.ts +23 -0
  24. package/dist/components/accordion/index.d.ts +4 -0
  25. package/dist/components/accordion/index.js +2 -0
  26. package/dist/components/accordion/types.d.ts +100 -0
  27. package/dist/components/accordion/useAccordion.d.ts +3 -0
  28. package/dist/components/badge/badge.d.ts +25 -0
  29. package/dist/components/badge/index.d.ts +3 -0
  30. package/dist/components/badge/index.js +2 -0
  31. package/dist/components/badge/types.d.ts +16 -0
  32. package/dist/components/badge/useBadgeColor.d.ts +8 -0
  33. package/dist/components/collapse/collapse.d.ts +36 -0
  34. package/dist/components/collapse/index.d.ts +3 -0
  35. package/dist/components/collapse/index.js +3 -0
  36. package/dist/components/collapse/types.d.ts +76 -0
  37. package/dist/components/collapse/useCollapse.d.ts +2 -0
  38. package/dist/components/dropdown-menu/dropdown-menu-items.d.ts +16 -0
  39. package/dist/components/dropdown-menu/dropdown-menu-utils.d.ts +23 -0
  40. package/dist/components/dropdown-menu/dropdown-menu.d.ts +26 -0
  41. package/dist/components/dropdown-menu/index.d.ts +3 -0
  42. package/dist/components/dropdown-menu/index.js +2 -0
  43. package/dist/components/dropdown-menu/types.d.ts +104 -0
  44. package/dist/components/dropdown-menu/useDropdownMenu.d.ts +32 -0
  45. package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts +30 -0
  46. package/dist/components/dropdown-menu/useDropdownMenuDom.d.ts +28 -0
  47. package/dist/components/dropdown-menu/useDropdownMenuHoverIntent.d.ts +24 -0
  48. package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts +51 -0
  49. package/dist/components/dropdown-menu/useDropdownMenuNavigation.d.ts +16 -0
  50. package/dist/components/dropdown-menu/useDropdownMenuRenderItems.d.ts +25 -0
  51. package/dist/components/dropdown-menu/useDropdownSubmenus.d.ts +18 -0
  52. package/dist/components/field/field.d.ts +2 -2
  53. package/dist/components/field/useField.d.ts +16 -0
  54. package/dist/components/input/useInput.d.ts +8 -0
  55. package/dist/components/modal/index.d.ts +2 -0
  56. package/dist/components/modal/index.js +2 -0
  57. package/dist/components/modal/modal.d.ts +42 -0
  58. package/dist/components/modal/types.d.ts +32 -0
  59. package/dist/components/modal/useModal.d.ts +29 -0
  60. package/dist/components/overlay/index.d.ts +2 -0
  61. package/dist/components/overlay/index.js +2 -0
  62. package/dist/components/overlay/overlay.d.ts +19 -0
  63. package/dist/components/overlay/types.d.ts +12 -0
  64. package/dist/components/overlay/useOverlay.d.ts +7 -0
  65. package/dist/components/popover/index.d.ts +2 -0
  66. package/dist/components/popover/index.js +2 -0
  67. package/dist/components/popover/popover.d.ts +43 -0
  68. package/dist/components/popover/types.d.ts +40 -0
  69. package/dist/components/popover/usePopover.d.ts +20 -0
  70. package/dist/components/tabs/index.d.ts +6 -0
  71. package/dist/components/tabs/index.js +2 -0
  72. package/dist/components/tabs/tabs-content.d.ts +24 -0
  73. package/dist/components/tabs/tabs-list.d.ts +26 -0
  74. package/dist/components/tabs/tabs-trigger.d.ts +29 -0
  75. package/dist/components/tabs/tabs.d.ts +31 -0
  76. package/dist/components/tabs/types.d.ts +160 -0
  77. package/dist/components/tabs/useTabs.d.ts +5 -0
  78. package/dist/dropdown-menu.css +159 -0
  79. package/dist/dropdown-menu.js +903 -0
  80. package/dist/dropdown-menu.js.map +1 -0
  81. package/dist/field.css +8 -8
  82. package/dist/field.js +68 -50
  83. package/dist/field.js.map +1 -1
  84. package/dist/icon-button.css +1 -1
  85. package/dist/icon-button.js +3 -2
  86. package/dist/icon-button.js.map +1 -1
  87. package/dist/index.d.ts +8 -0
  88. package/dist/index.js +12 -1
  89. package/dist/input.css +25 -25
  90. package/dist/input.js +57 -38
  91. package/dist/input.js.map +1 -1
  92. package/dist/modal.css +134 -0
  93. package/dist/modal.js +433 -0
  94. package/dist/modal.js.map +1 -0
  95. package/dist/overlay.css +28 -0
  96. package/dist/overlay.js +84 -0
  97. package/dist/overlay.js.map +1 -0
  98. package/dist/popover.css +75 -0
  99. package/dist/popover.js +367 -0
  100. package/dist/popover.js.map +1 -0
  101. package/dist/progress.js +2 -1
  102. package/dist/progress.js.map +1 -1
  103. package/dist/radio.js +4 -9
  104. package/dist/radio.js.map +1 -1
  105. package/dist/select.js +8 -37
  106. package/dist/select.js.map +1 -1
  107. package/dist/slider.js +2 -1
  108. package/dist/slider.js.map +1 -1
  109. package/dist/switch.js +2 -1
  110. package/dist/switch.js.map +1 -1
  111. package/dist/tabs.css +279 -0
  112. package/dist/tabs.js +515 -0
  113. package/dist/tabs.js.map +1 -0
  114. package/dist/textarea.js +2 -1
  115. package/dist/textarea.js.map +1 -1
  116. package/dist/tooltip.js +2 -1
  117. package/dist/tooltip.js.map +1 -1
  118. package/dist/useClickOutside.js +26 -0
  119. package/dist/useClickOutside.js.map +1 -0
  120. package/dist/useCollapse.js +94 -0
  121. package/dist/useCollapse.js.map +1 -0
  122. package/dist/useRequiredInject.js +11 -0
  123. package/dist/useRequiredInject.js.map +1 -0
  124. package/dist/x.js +14 -0
  125. package/dist/x.js.map +1 -0
  126. package/package.json +35 -3
  127. package/dist/_plugin-vue_export-helper.js.map +0 -1
package/dist/tabs.css ADDED
@@ -0,0 +1,279 @@
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-base);
23
+ line-height: var(--rp-line-height-normal);
24
+ }
25
+ .rp-tabs-content[data-v-3ff419c3]:focus-visible {
26
+ outline: none;
27
+ border-color: var(--rp-color-primary);
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-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-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-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-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-text-secondary);
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-background);
105
+ --_rp-tabs-trigger-indicator: transparent;
106
+ --_rp-tabs-trigger-height: var(--rp-size-control-md);
107
+ --_rp-tabs-trigger-padding-y: var(--rp-spacing-2);
108
+ --_rp-tabs-trigger-padding-x: var(--rp-spacing-3);
109
+ --_rp-tabs-trigger-gap: var(--rp-spacing-2);
110
+ --_rp-tabs-trigger-font-size: var(--rp-font-size-base);
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: var(--rp-line-height-tight);
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: calc(var(--rp-size-control-sm) - var(--rp-spacing-1));
158
+ --_rp-tabs-trigger-padding-y: var(--rp-spacing-1);
159
+ --_rp-tabs-trigger-padding-x: 0.375rem;
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: var(--rp-spacing-1);
166
+ --_rp-tabs-trigger-padding-x: var(--rp-spacing-2);
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: var(--rp-spacing-2);
173
+ --_rp-tabs-trigger-padding-x: var(--rp-spacing-3);
174
+ --_rp-tabs-trigger-gap: var(--rp-spacing-2);
175
+ --_rp-tabs-trigger-font-size: var(--rp-font-size-base);
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: var(--rp-spacing-3);
180
+ --_rp-tabs-trigger-padding-x: var(--rp-spacing-4);
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: calc(var(--rp-size-control-lg) + var(--rp-spacing-2));
186
+ --_rp-tabs-trigger-padding-y: var(--rp-spacing-4);
187
+ --_rp-tabs-trigger-padding-x: var(--rp-spacing-5);
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[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-primary);
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-color-primary);
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-surface-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-on-primary);
215
+ --_rp-tabs-trigger-bg: var(--rp-color-primary);
216
+ --_rp-tabs-trigger-bg-hover: var(--rp-color-primary-hover);
217
+ }
218
+ .rp-tabs-trigger--outline[data-v-4adec360] {
219
+ --_rp-tabs-trigger-bg-hover: var(--rp-color-surface-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-border);
229
+ --_rp-tabs-trigger-border-hover: var(--rp-color-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;
279
+ }