ropav 0.0.5 → 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 (178) hide show
  1. package/README.md +20 -51
  2. package/dist/_plugin-vue_export-helper.js +1 -11
  3. package/dist/accordion.css +112 -0
  4. package/dist/accordion.js +360 -0
  5. package/dist/accordion.js.map +1 -0
  6. package/dist/badge.css +169 -0
  7. package/dist/badge.js +103 -0
  8. package/dist/badge.js.map +1 -0
  9. package/dist/base.css +21 -0
  10. package/dist/bem.js +11 -0
  11. package/dist/bem.js.map +1 -0
  12. package/dist/button-group.css +50 -0
  13. package/dist/button-group.js +50 -0
  14. package/dist/button-group.js.map +1 -0
  15. package/dist/button.css +72 -42
  16. package/dist/button.js +43 -32
  17. package/dist/button.js.map +1 -1
  18. package/dist/card.js +2 -1
  19. package/dist/card.js.map +1 -1
  20. package/dist/checkbox.css +105 -102
  21. package/dist/checkbox.js +20 -7
  22. package/dist/checkbox.js.map +1 -1
  23. package/dist/collapse.css +32 -0
  24. package/dist/collapse.js +68 -0
  25. package/dist/collapse.js.map +1 -0
  26. package/dist/componentColors.js +22 -0
  27. package/dist/componentColors.js.map +1 -0
  28. package/dist/components/accordion/accordion-item.d.ts +40 -0
  29. package/dist/components/accordion/accordion.d.ts +23 -0
  30. package/dist/components/accordion/index.d.ts +4 -0
  31. package/dist/components/accordion/index.js +2 -0
  32. package/dist/components/accordion/types.d.ts +100 -0
  33. package/dist/components/accordion/useAccordion.d.ts +3 -0
  34. package/dist/components/badge/badge.d.ts +25 -0
  35. package/dist/components/badge/index.d.ts +3 -0
  36. package/dist/components/badge/index.js +2 -0
  37. package/dist/components/badge/types.d.ts +16 -0
  38. package/dist/components/badge/useBadgeColor.d.ts +8 -0
  39. package/dist/components/button/button.d.ts +2 -0
  40. package/dist/components/button/types.d.ts +2 -1
  41. package/dist/components/button/useButtonColor.d.ts +13 -0
  42. package/dist/components/button-group/button-group.d.ts +21 -0
  43. package/dist/components/button-group/index.d.ts +2 -0
  44. package/dist/components/button-group/index.js +2 -0
  45. package/dist/components/button-group/types.d.ts +10 -0
  46. package/dist/components/checkbox/types.d.ts +2 -1
  47. package/dist/components/checkbox/useCheckbox.d.ts +4 -0
  48. package/dist/components/collapse/collapse.d.ts +36 -0
  49. package/dist/components/collapse/index.d.ts +3 -0
  50. package/dist/components/collapse/index.js +3 -0
  51. package/dist/components/collapse/types.d.ts +76 -0
  52. package/dist/components/collapse/useCollapse.d.ts +2 -0
  53. package/dist/components/dropdown-menu/dropdown-menu-items.d.ts +16 -0
  54. package/dist/components/dropdown-menu/dropdown-menu-utils.d.ts +23 -0
  55. package/dist/components/dropdown-menu/dropdown-menu.d.ts +26 -0
  56. package/dist/components/dropdown-menu/index.d.ts +3 -0
  57. package/dist/components/dropdown-menu/index.js +2 -0
  58. package/dist/components/dropdown-menu/types.d.ts +104 -0
  59. package/dist/components/dropdown-menu/useDropdownMenu.d.ts +32 -0
  60. package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts +30 -0
  61. package/dist/components/dropdown-menu/useDropdownMenuDom.d.ts +28 -0
  62. package/dist/components/dropdown-menu/useDropdownMenuHoverIntent.d.ts +24 -0
  63. package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts +51 -0
  64. package/dist/components/dropdown-menu/useDropdownMenuNavigation.d.ts +16 -0
  65. package/dist/components/dropdown-menu/useDropdownMenuRenderItems.d.ts +25 -0
  66. package/dist/components/dropdown-menu/useDropdownSubmenus.d.ts +18 -0
  67. package/dist/components/field/field.d.ts +2 -2
  68. package/dist/components/field/useField.d.ts +16 -0
  69. package/dist/components/input/useInput.d.ts +8 -0
  70. package/dist/components/modal/index.d.ts +2 -0
  71. package/dist/components/modal/index.js +2 -0
  72. package/dist/components/modal/modal.d.ts +42 -0
  73. package/dist/components/modal/types.d.ts +32 -0
  74. package/dist/components/modal/useModal.d.ts +29 -0
  75. package/dist/components/overlay/index.d.ts +2 -0
  76. package/dist/components/overlay/index.js +2 -0
  77. package/dist/components/overlay/overlay.d.ts +19 -0
  78. package/dist/components/overlay/types.d.ts +12 -0
  79. package/dist/components/overlay/useOverlay.d.ts +7 -0
  80. package/dist/components/popover/index.d.ts +2 -0
  81. package/dist/components/popover/index.js +2 -0
  82. package/dist/components/popover/popover.d.ts +43 -0
  83. package/dist/components/popover/types.d.ts +40 -0
  84. package/dist/components/popover/usePopover.d.ts +20 -0
  85. package/dist/components/progress/index.d.ts +3 -0
  86. package/dist/components/progress/index.js +2 -0
  87. package/dist/components/progress/progress.d.ts +27 -0
  88. package/dist/components/progress/types.d.ts +24 -0
  89. package/dist/components/progress/useProgress.d.ts +28 -0
  90. package/dist/components/radio/types.d.ts +2 -1
  91. package/dist/components/radio/useRadio.d.ts +4 -0
  92. package/dist/components/slider/index.d.ts +3 -0
  93. package/dist/components/slider/index.js +2 -0
  94. package/dist/components/slider/slider.d.ts +35 -0
  95. package/dist/components/slider/types.d.ts +50 -0
  96. package/dist/components/slider/useSlider.d.ts +50 -0
  97. package/dist/components/switch/types.d.ts +2 -1
  98. package/dist/components/switch/useSwitch.d.ts +3 -0
  99. package/dist/components/tabs/index.d.ts +6 -0
  100. package/dist/components/tabs/index.js +2 -0
  101. package/dist/components/tabs/tabs-content.d.ts +24 -0
  102. package/dist/components/tabs/tabs-list.d.ts +26 -0
  103. package/dist/components/tabs/tabs-trigger.d.ts +29 -0
  104. package/dist/components/tabs/tabs.d.ts +31 -0
  105. package/dist/components/tabs/types.d.ts +160 -0
  106. package/dist/components/tabs/useTabs.d.ts +5 -0
  107. package/dist/components/textarea/index.d.ts +1 -1
  108. package/dist/components/textarea/types.d.ts +5 -0
  109. package/dist/components/textarea/useTextarea.d.ts +2 -0
  110. package/dist/components/tooltip/index.d.ts +2 -0
  111. package/dist/components/tooltip/index.js +2 -0
  112. package/dist/components/tooltip/tooltip.d.ts +27 -0
  113. package/dist/components/tooltip/types.d.ts +29 -0
  114. package/dist/components/tooltip/useTooltip.d.ts +17 -0
  115. package/dist/dropdown-menu.css +159 -0
  116. package/dist/dropdown-menu.js +903 -0
  117. package/dist/dropdown-menu.js.map +1 -0
  118. package/dist/field.css +8 -8
  119. package/dist/field.js +68 -50
  120. package/dist/field.js.map +1 -1
  121. package/dist/icon-button.css +82 -49
  122. package/dist/icon-button.js +15 -10
  123. package/dist/icon-button.js.map +1 -1
  124. package/dist/index.d.ts +12 -0
  125. package/dist/index.js +17 -1
  126. package/dist/input.css +25 -25
  127. package/dist/input.js +57 -38
  128. package/dist/input.js.map +1 -1
  129. package/dist/modal.css +134 -0
  130. package/dist/modal.js +433 -0
  131. package/dist/modal.js.map +1 -0
  132. package/dist/overlay.css +28 -0
  133. package/dist/overlay.js +84 -0
  134. package/dist/overlay.js.map +1 -0
  135. package/dist/popover.css +75 -0
  136. package/dist/popover.js +367 -0
  137. package/dist/popover.js.map +1 -0
  138. package/dist/progress.css +125 -0
  139. package/dist/progress.js +178 -0
  140. package/dist/progress.js.map +1 -0
  141. package/dist/radio.css +83 -83
  142. package/dist/radio.js +21 -14
  143. package/dist/radio.js.map +1 -1
  144. package/dist/select.css +3 -1
  145. package/dist/select.js +15 -37
  146. package/dist/select.js.map +1 -1
  147. package/dist/slider.css +438 -0
  148. package/dist/slider.js +413 -0
  149. package/dist/slider.js.map +1 -0
  150. package/dist/switch.css +77 -77
  151. package/dist/switch.js +17 -7
  152. package/dist/switch.js.map +1 -1
  153. package/dist/tabs.css +279 -0
  154. package/dist/tabs.js +515 -0
  155. package/dist/tabs.js.map +1 -0
  156. package/dist/textarea.css +33 -26
  157. package/dist/textarea.js +108 -16
  158. package/dist/textarea.js.map +1 -1
  159. package/dist/tooltip.css +136 -0
  160. package/dist/tooltip.js +385 -0
  161. package/dist/tooltip.js.map +1 -0
  162. package/dist/useButtonColor.js +33 -0
  163. package/dist/useButtonColor.js.map +1 -0
  164. package/dist/useClickOutside.js +26 -0
  165. package/dist/useClickOutside.js.map +1 -0
  166. package/dist/useCollapse.js +94 -0
  167. package/dist/useCollapse.js.map +1 -0
  168. package/dist/useRequiredInject.js +11 -0
  169. package/dist/useRequiredInject.js.map +1 -0
  170. package/dist/x.js +14 -0
  171. package/dist/x.js.map +1 -0
  172. package/package.json +52 -4
  173. package/src/styles/_mixins.scss +17 -0
  174. package/src/styles/_utilities.scss +13 -0
  175. package/src/styles/base.scss +1 -0
  176. package/dist/_plugin-vue_export-helper.js.map +0 -1
  177. package/dist/loader-circle.js +0 -14
  178. package/dist/loader-circle.js.map +0 -1
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "ropav",
3
- "version": "0.0.5",
3
+ "version": "0.0.7",
4
4
  "type": "module",
5
- "packageManager": "pnpm@11.9.0",
5
+ "packageManager": "pnpm@11.10.0",
6
6
  "engines": {
7
7
  "node": "^20.19.0 || ^22.13.0 || >=24.0.0"
8
8
  },
@@ -21,10 +21,22 @@
21
21
  "types": "./dist/index.d.ts",
22
22
  "import": "./dist/index.js"
23
23
  },
24
+ "./accordion": {
25
+ "types": "./dist/components/accordion/index.d.ts",
26
+ "import": "./dist/components/accordion/index.js"
27
+ },
28
+ "./badge": {
29
+ "types": "./dist/components/badge/index.d.ts",
30
+ "import": "./dist/components/badge/index.js"
31
+ },
24
32
  "./button": {
25
33
  "types": "./dist/components/button/index.d.ts",
26
34
  "import": "./dist/components/button/index.js"
27
35
  },
36
+ "./button-group": {
37
+ "types": "./dist/components/button-group/index.d.ts",
38
+ "import": "./dist/components/button-group/index.js"
39
+ },
28
40
  "./card": {
29
41
  "types": "./dist/components/card/index.d.ts",
30
42
  "import": "./dist/components/card/index.js"
@@ -33,6 +45,14 @@
33
45
  "types": "./dist/components/checkbox/index.d.ts",
34
46
  "import": "./dist/components/checkbox/index.js"
35
47
  },
48
+ "./collapse": {
49
+ "types": "./dist/components/collapse/index.d.ts",
50
+ "import": "./dist/components/collapse/index.js"
51
+ },
52
+ "./dropdown-menu": {
53
+ "types": "./dist/components/dropdown-menu/index.d.ts",
54
+ "import": "./dist/components/dropdown-menu/index.js"
55
+ },
36
56
  "./field": {
37
57
  "types": "./dist/components/field/index.d.ts",
38
58
  "import": "./dist/components/field/index.js"
@@ -45,6 +65,22 @@
45
65
  "types": "./dist/components/input/index.d.ts",
46
66
  "import": "./dist/components/input/index.js"
47
67
  },
68
+ "./modal": {
69
+ "types": "./dist/components/modal/index.d.ts",
70
+ "import": "./dist/components/modal/index.js"
71
+ },
72
+ "./overlay": {
73
+ "types": "./dist/components/overlay/index.d.ts",
74
+ "import": "./dist/components/overlay/index.js"
75
+ },
76
+ "./popover": {
77
+ "types": "./dist/components/popover/index.d.ts",
78
+ "import": "./dist/components/popover/index.js"
79
+ },
80
+ "./progress": {
81
+ "types": "./dist/components/progress/index.d.ts",
82
+ "import": "./dist/components/progress/index.js"
83
+ },
48
84
  "./radio": {
49
85
  "types": "./dist/components/radio/index.d.ts",
50
86
  "import": "./dist/components/radio/index.js"
@@ -53,14 +89,26 @@
53
89
  "types": "./dist/components/select/index.d.ts",
54
90
  "import": "./dist/components/select/index.js"
55
91
  },
92
+ "./slider": {
93
+ "types": "./dist/components/slider/index.d.ts",
94
+ "import": "./dist/components/slider/index.js"
95
+ },
56
96
  "./switch": {
57
97
  "types": "./dist/components/switch/index.d.ts",
58
98
  "import": "./dist/components/switch/index.js"
59
99
  },
100
+ "./tabs": {
101
+ "types": "./dist/components/tabs/index.d.ts",
102
+ "import": "./dist/components/tabs/index.js"
103
+ },
60
104
  "./textarea": {
61
105
  "types": "./dist/components/textarea/index.d.ts",
62
106
  "import": "./dist/components/textarea/index.js"
63
107
  },
108
+ "./tooltip": {
109
+ "types": "./dist/components/tooltip/index.d.ts",
110
+ "import": "./dist/components/tooltip/index.js"
111
+ },
64
112
  "./base.css": "./dist/base.css",
65
113
  "./scss/*": "./src/styles/*"
66
114
  },
@@ -97,7 +145,7 @@
97
145
  "@storybook/vue3-vite": "^10.4.6",
98
146
  "@types/node": "^25.9.4",
99
147
  "@vitejs/plugin-vue": "^6.0.7",
100
- "@vitest/browser-playwright": "^4.1.9",
148
+ "@vitest/browser-playwright": "^4.1.10",
101
149
  "@vue/compiler-vapor": "3.6.0-beta.17",
102
150
  "@vue/tsconfig": "^0.9.1",
103
151
  "bumpp": "^11.1.0",
@@ -112,7 +160,7 @@
112
160
  "unplugin-icons": "^23.0.1",
113
161
  "vite": "^8.1.3",
114
162
  "vite-plugin-dts": "^5.0.3",
115
- "vitest": "^4.1.9",
163
+ "vitest": "^4.1.10",
116
164
  "vue": "beta",
117
165
  "vue-tsc": "^3.3.6"
118
166
  },
@@ -103,6 +103,23 @@
103
103
  }
104
104
  }
105
105
 
106
+ @mixin spinner-icon($size: 1em, $display: block) {
107
+ display: $display;
108
+ width: $size;
109
+ height: $size;
110
+ flex-shrink: 0;
111
+ transform-origin: center;
112
+ animation: rp-spinner-spin 700ms linear infinite;
113
+ }
114
+
115
+ @mixin spinner-keyframes {
116
+ @keyframes rp-spinner-spin {
117
+ to {
118
+ transform: rotate(360deg);
119
+ }
120
+ }
121
+ }
122
+
106
123
  @mixin semantic-colors($var-name) {
107
124
  @each $name in primary, secondary, success, warning, danger, info, neutral {
108
125
  &--#{$name} {
@@ -0,0 +1,13 @@
1
+ @use 'mixins' as *;
2
+
3
+ .rp-spinner {
4
+ @include spinner-icon($display: inline-block);
5
+ }
6
+
7
+ .rp-spinner > svg {
8
+ display: block;
9
+ width: 100%;
10
+ height: 100%;
11
+ }
12
+
13
+ @include spinner-keyframes;
@@ -1 +1,2 @@
1
1
  @use './tokens';
2
+ @use './utilities';
@@ -1 +0,0 @@
1
- {"version":3,"file":"_plugin-vue_export-helper.js","names":[],"sources":["../src/utils/bem.ts"],"sourcesContent":["type BemModifier = string | Record<string, boolean | undefined>;\n\nexport function bem(block: string, ...modifiers: BemModifier[]): string[] {\n const classes = [block];\n for (const mod of modifiers) {\n if (typeof mod === 'string') {\n classes.push(`${block}--${mod}`);\n } else {\n for (const [key, val] of Object.entries(mod)) {\n if (val) classes.push(`${block}--${key}`);\n }\n }\n }\n return classes;\n}\n"],"mappings":";AAEA,SAAgB,IAAI,OAAe,GAAG,WAAoC;CACtE,MAAM,UAAU,CAAC,KAAK;CACtB,KAAK,MAAM,OAAO,WACd,IAAI,OAAO,QAAQ,UACf,QAAQ,KAAK,GAAG,MAAM,IAAI,KAAK;MAE/B,KAAK,MAAM,CAAC,KAAK,QAAQ,OAAO,QAAQ,GAAG,GACvC,IAAI,KAAK,QAAQ,KAAK,GAAG,MAAM,IAAI,KAAK;CAIpD,OAAO;AACX"}
@@ -1,14 +0,0 @@
1
- import { defineVaporComponent, markRaw, template } from "vue";
2
- //#region ~icons/lucide/loader-circle
3
- var t0 = template("<svg viewBox=\"0 0 24 24\"width=1.2em height=1.2em><path fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 d=\"M21 12a9 9 0 1 1-6.219-8.56\">", 3, 1);
4
- function render(_ctx) {
5
- return t0();
6
- }
7
- var loader_circle_default = markRaw(defineVaporComponent({
8
- name: "lucide-loader-circle",
9
- render
10
- }));
11
- //#endregion
12
- export { loader_circle_default as t };
13
-
14
- //# sourceMappingURL=loader-circle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"loader-circle.js","names":[],"sources":[],"mappings":""}