ropav 0.1.4 → 0.1.6

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 (138) hide show
  1. package/README.md +20 -0
  2. package/dist/accordion.js +11 -8
  3. package/dist/alert.css +18 -18
  4. package/dist/alert.js +27 -21
  5. package/dist/avatar.css +19 -19
  6. package/dist/avatar.js +16 -11
  7. package/dist/badge.css +16 -16
  8. package/dist/badge.js +14 -9
  9. package/dist/base.css +214 -69
  10. package/dist/button-group.js +1 -1
  11. package/dist/button-link.js +16 -14
  12. package/dist/button.css +37 -28
  13. package/dist/button.js +16 -14
  14. package/dist/{useButtonColor.js → button.scss_vue_type_style_index_0_src_true_lang.js} +8 -4
  15. package/dist/card.js +1 -1
  16. package/dist/checkbox.css +32 -32
  17. package/dist/checkbox.js +19 -11
  18. package/dist/chevron-right.js +12 -0
  19. package/dist/collapse.css +6 -6
  20. package/dist/collapse.js +4 -4
  21. package/dist/collectionNavigation.js +120 -0
  22. package/dist/color-input.css +19 -19
  23. package/dist/color-input.js +6 -5
  24. package/dist/color-picker.css +7 -7
  25. package/dist/color-picker.js +4 -5
  26. package/dist/color-swatch.js +1 -1
  27. package/dist/componentColors.js +135 -23
  28. package/dist/components/alert/types.d.ts +1 -0
  29. package/dist/components/alert/useAlertColor.d.ts +1 -1
  30. package/dist/components/avatar/types.d.ts +1 -0
  31. package/dist/components/avatar/useAvatarColor.d.ts +1 -1
  32. package/dist/components/badge/types.d.ts +1 -0
  33. package/dist/components/badge/useBadgeColor.d.ts +1 -1
  34. package/dist/components/button/types.d.ts +1 -0
  35. package/dist/components/button/useButtonColor.d.ts +1 -1
  36. package/dist/components/button-link/types.d.ts +1 -0
  37. package/dist/components/checkbox/types.d.ts +1 -0
  38. package/dist/components/checkbox/useCheckbox.d.ts +1 -1
  39. package/dist/components/color-input/color-input.d.ts +2 -2
  40. package/dist/components/color-input/useColorInput.d.ts +1 -1
  41. package/dist/components/dialog/dialog-core.d.ts +1 -1
  42. package/dist/components/dropdown-menu/dropdown-menu-content.d.ts +2 -2
  43. package/dist/components/dropdown-menu/dropdown-menu-primitive-core.d.ts +2 -1
  44. package/dist/components/dropdown-menu/dropdown-menu-sub-content.d.ts +2 -2
  45. package/dist/components/dropdown-menu/dropdown-menu-utils.d.ts +0 -2
  46. package/dist/components/dropdown-menu/dropdown-menu.d.ts +3 -3
  47. package/dist/components/dropdown-menu/index.d.ts +1 -0
  48. package/dist/components/dropdown-menu/types.d.ts +4 -0
  49. package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts +3 -4
  50. package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts +2 -1
  51. package/dist/components/dropdown-menu/useDropdownMenuNavigation.d.ts +1 -0
  52. package/dist/components/icon-button/types.d.ts +1 -0
  53. package/dist/components/input/useInput.d.ts +1 -1
  54. package/dist/components/number-input/useNumberInput.d.ts +1 -1
  55. package/dist/components/pagination/index.d.ts +4 -0
  56. package/dist/components/pagination/index.js +2 -0
  57. package/dist/components/pagination/pagination.d.ts +49 -0
  58. package/dist/components/pagination/types.d.ts +54 -0
  59. package/dist/components/pagination/usePagination.d.ts +19 -0
  60. package/dist/components/progress/useProgress.d.ts +1 -1
  61. package/dist/components/radio/types.d.ts +3 -0
  62. package/dist/components/radio/useRadio.d.ts +2 -2
  63. package/dist/components/scroll-area/scrollAreaCore.d.ts +5 -0
  64. package/dist/components/scroll-area/types.d.ts +4 -0
  65. package/dist/components/scroll-area/useScrollArea.d.ts +1 -0
  66. package/dist/components/scroll-area/useScrollAreaMetrics.d.ts +3 -0
  67. package/dist/components/scroll-area/useScrollAreaPresentation.d.ts +3 -0
  68. package/dist/components/select/useSelect.d.ts +3 -2
  69. package/dist/components/select/useSelectNativeValue.d.ts +1 -7
  70. package/dist/components/slider/range-slider-tooltip.d.ts +2 -0
  71. package/dist/components/slider/sliderCore.d.ts +2 -1
  72. package/dist/components/slider/types.d.ts +1 -1
  73. package/dist/components/slider/useRangeSlider.d.ts +3 -1
  74. package/dist/components/slider/useSlider.d.ts +3 -1
  75. package/dist/components/switch/useSwitch.d.ts +1 -1
  76. package/dist/components/textarea/useTextarea.d.ts +1 -1
  77. package/dist/components/toast/types.d.ts +2 -0
  78. package/dist/components/toast/useToastColor.d.ts +1 -1
  79. package/dist/components/tooltip/types.d.ts +1 -0
  80. package/dist/components/tooltip/useTooltip.d.ts +1 -1
  81. package/dist/composables/index.d.ts +2 -0
  82. package/dist/composables/index.js +2 -0
  83. package/dist/composables/useControllableValue.d.ts +14 -0
  84. package/dist/dialog.js +8 -5
  85. package/dist/dropdown-menu.js +98 -59
  86. package/dist/field.js +1 -1
  87. package/dist/floating.js +19 -7
  88. package/dist/icon-button.css +12 -169
  89. package/dist/icon-button.js +11 -7
  90. package/dist/index.d.ts +6 -4
  91. package/dist/index.js +8 -5
  92. package/dist/input.css +24 -24
  93. package/dist/input.js +6 -5
  94. package/dist/modal.js +11 -7
  95. package/dist/number-input.css +18 -18
  96. package/dist/number-input.js +8 -7
  97. package/dist/overlay.js +1 -1
  98. package/dist/pagination.css +140 -0
  99. package/dist/pagination.js +442 -0
  100. package/dist/popover.js +9 -6
  101. package/dist/progress.css +29 -21
  102. package/dist/progress.js +17 -10
  103. package/dist/radio.js +17 -7
  104. package/dist/scroll-area.css +10 -1
  105. package/dist/scroll-area.js +82 -25
  106. package/dist/select.css +45 -45
  107. package/dist/select.js +111 -70
  108. package/dist/slider.css +191 -191
  109. package/dist/slider.js +58 -46
  110. package/dist/switch.css +17 -17
  111. package/dist/switch.js +7 -6
  112. package/dist/tabs.css +3 -3
  113. package/dist/tabs.js +25 -15
  114. package/dist/textarea.css +26 -26
  115. package/dist/textarea.js +5 -4
  116. package/dist/toast.css +26 -26
  117. package/dist/toast.js +35 -23
  118. package/dist/tooltip.css +12 -12
  119. package/dist/tooltip.js +24 -16
  120. package/dist/unplugin-icons.js +38 -25
  121. package/dist/useCollapse.js +12 -7
  122. package/dist/useControlState.js +1 -1
  123. package/dist/useControllableValue.js +33 -0
  124. package/dist/useFloatingPosition.js +4 -1140
  125. package/dist/useFormControl.js +5 -29
  126. package/dist/useOverlayZIndex.js +1 -1
  127. package/dist/useRequiredInject.js +1 -1
  128. package/dist/utils/componentColors.d.ts +14 -1
  129. package/docs/public-composables-api.md +52 -0
  130. package/docs/public-styles-api.md +1 -1
  131. package/docs/public-tokens.md +648 -508
  132. package/package.json +49 -36
  133. package/src/styles/_mixins.scss +4 -0
  134. package/src/styles/_tokens.scss +460 -320
  135. package/src/styles/_variables.scss +1 -1
  136. package/src/styles/styles-manifest.json +1122 -2
  137. package/dist/button-link.css +0 -163
  138. /package/dist/{composables → internal/composables}/useOverlayLayer.d.ts +0 -0
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "ropav",
3
- "version": "0.1.4",
3
+ "version": "0.1.6",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
- "packageManager": "pnpm@11.14.0",
6
+ "packageManager": "pnpm@11.15.1",
7
7
  "engines": {
8
8
  "node": "^20.19.0 || ^22.13.0 || >=24.0.0"
9
9
  },
@@ -17,21 +17,30 @@
17
17
  "module": "./dist/index.js",
18
18
  "types": "./dist/index.d.ts",
19
19
  "sideEffects": [
20
- "**/*.css"
20
+ "**/*.css",
21
+ "**/*.scss"
21
22
  ],
23
+ "publishConfig": {
24
+ "access": "public",
25
+ "registry": "https://registry.npmjs.org/"
26
+ },
22
27
  "exports": {
23
28
  ".": {
24
29
  "types": "./dist/index.d.ts",
25
30
  "import": "./dist/index.js"
26
31
  },
27
- "./alert": {
28
- "types": "./dist/components/alert/index.d.ts",
29
- "import": "./dist/components/alert/index.js"
32
+ "./composables": {
33
+ "types": "./dist/composables/index.d.ts",
34
+ "import": "./dist/composables/index.js"
30
35
  },
31
36
  "./accordion": {
32
37
  "types": "./dist/components/accordion/index.d.ts",
33
38
  "import": "./dist/components/accordion/index.js"
34
39
  },
40
+ "./alert": {
41
+ "types": "./dist/components/alert/index.d.ts",
42
+ "import": "./dist/components/alert/index.js"
43
+ },
35
44
  "./aspect-ratio": {
36
45
  "types": "./dist/components/aspect-ratio/index.d.ts",
37
46
  "import": "./dist/components/aspect-ratio/index.js"
@@ -48,14 +57,14 @@
48
57
  "types": "./dist/components/button/index.d.ts",
49
58
  "import": "./dist/components/button/index.js"
50
59
  },
51
- "./button-link": {
52
- "types": "./dist/components/button-link/index.d.ts",
53
- "import": "./dist/components/button-link/index.js"
54
- },
55
60
  "./button-group": {
56
61
  "types": "./dist/components/button-group/index.d.ts",
57
62
  "import": "./dist/components/button-group/index.js"
58
63
  },
64
+ "./button-link": {
65
+ "types": "./dist/components/button-link/index.d.ts",
66
+ "import": "./dist/components/button-link/index.js"
67
+ },
59
68
  "./card": {
60
69
  "types": "./dist/components/card/index.d.ts",
61
70
  "import": "./dist/components/card/index.js"
@@ -80,26 +89,26 @@
80
89
  "types": "./dist/components/color-swatch/index.d.ts",
81
90
  "import": "./dist/components/color-swatch/index.js"
82
91
  },
83
- "./dropdown-menu": {
84
- "types": "./dist/components/dropdown-menu/index.d.ts",
85
- "import": "./dist/components/dropdown-menu/index.js"
86
- },
87
92
  "./dialog": {
88
93
  "types": "./dist/components/dialog/index.d.ts",
89
94
  "import": "./dist/components/dialog/index.js"
90
95
  },
96
+ "./dropdown-menu": {
97
+ "types": "./dist/components/dropdown-menu/index.d.ts",
98
+ "import": "./dist/components/dropdown-menu/index.js"
99
+ },
91
100
  "./field": {
92
101
  "types": "./dist/components/field/index.d.ts",
93
102
  "import": "./dist/components/field/index.js"
94
103
  },
95
- "./focus-trap": {
96
- "types": "./dist/components/focus-trap/index.d.ts",
97
- "import": "./dist/components/focus-trap/index.js"
98
- },
99
104
  "./floating": {
100
105
  "types": "./dist/components/floating/index.d.ts",
101
106
  "import": "./dist/components/floating/index.js"
102
107
  },
108
+ "./focus-trap": {
109
+ "types": "./dist/components/focus-trap/index.d.ts",
110
+ "import": "./dist/components/focus-trap/index.js"
111
+ },
103
112
  "./icon-button": {
104
113
  "types": "./dist/components/icon-button/index.d.ts",
105
114
  "import": "./dist/components/icon-button/index.js"
@@ -120,6 +129,10 @@
120
129
  "types": "./dist/components/overlay/index.d.ts",
121
130
  "import": "./dist/components/overlay/index.js"
122
131
  },
132
+ "./pagination": {
133
+ "types": "./dist/components/pagination/index.d.ts",
134
+ "import": "./dist/components/pagination/index.js"
135
+ },
123
136
  "./popover": {
124
137
  "types": "./dist/components/popover/index.d.ts",
125
138
  "import": "./dist/components/popover/index.js"
@@ -179,34 +192,32 @@
179
192
  },
180
193
  "scripts": {
181
194
  "dev": "pnpm run storybook",
195
+ "public-api:sync": "node scripts/sync-public-api.mjs --write",
196
+ "public-api:check": "node scripts/sync-public-api.mjs --check",
182
197
  "tokens:build": "style-dictionary build --config scripts/tokens.config.mjs --silent",
183
198
  "tokens:check": "node scripts/check-tokens.mjs",
184
- "styles:manifest:bootstrap": "node scripts/bootstrap-public-styles-manifest.mjs",
185
199
  "typecheck": "vue-tsc -b tsconfig.app.json tsconfig.node.json tsconfig.test.json",
186
200
  "typecheck:storybook": "vue-tsc -p tsconfig.storybook.json --noEmit",
187
201
  "lint": "oxlint",
188
202
  "lint:fix": "oxlint --fix",
189
203
  "format": "oxfmt",
190
204
  "format:check": "oxfmt --check",
191
- "test": "vitest run --project=unit",
192
- "test:consumer-types": "pnpm run test:package",
205
+ "test": "vitest run --project=unit --project=tooling",
193
206
  "test:consumer-types:built": "tsc -p tests/fixtures/consumer-types/tsconfig.bundler.json && tsc -p tests/fixtures/consumer-types/tsconfig.nodenext.json",
194
- "test:exports": "pnpm run test:package",
195
207
  "test:exports:built": "node scripts/check-exports.mjs",
196
208
  "test:consumer-fixture:built": "node tests/fixtures/consumer-app/check.mjs && vue-tsc -p tests/fixtures/consumer-app/tsconfig.json --noEmit && vite build --config tests/fixtures/consumer-app/vite.config.ts && node tests/fixtures/consumer-app/assertions.mjs",
197
209
  "test:package": "pnpm run build && pnpm run test:exports:built && pnpm run test:consumer-types:built && pnpm run test:consumer-fixture:built",
198
- "test:watch": "vitest --project=unit",
199
- "test:typecheck": "vitest run --project=unit --typecheck",
200
- "test:storybook": "vitest run --project=storybook",
201
- "test:all": "pnpm run tokens:check && pnpm test && pnpm test:storybook",
202
- "build": "pnpm run tokens:build && pnpm run tokens:check && pnpm run typecheck && vite build",
203
- "prepublishOnly": "pnpm run test:package",
210
+ "test:watch": "vitest --project=unit --project=tooling",
211
+ "test:typecheck": "vitest run --project=unit --project=tooling --typecheck",
212
+ "test:storybook": "vitest run --project=storybook-light --project=storybook-dark",
213
+ "build": "pnpm run public-api:check && pnpm run tokens:build && pnpm run tokens:check && pnpm run typecheck && vite build",
214
+ "verify": "pnpm run lint && pnpm run format:check && pnpm run typecheck:storybook && pnpm run test && pnpm run test:storybook && pnpm run test:package",
215
+ "prepublishOnly": "pnpm run verify",
204
216
  "preview": "vite preview",
205
217
  "storybook": "pnpm run tokens:build && storybook dev -p 6006 --no-open",
206
218
  "build-storybook": "pnpm run tokens:build && pnpm run tokens:check && pnpm run typecheck:storybook && storybook build",
207
219
  "changelog": "conventional-changelog -p conventionalcommits -i CHANGELOG.md -o CHANGELOG.md",
208
- "changelog:all": "conventional-changelog -p conventionalcommits -i CHANGELOG.md -o CHANGELOG.md -r 0",
209
- "release": "pnpm run test:package && bumpp --git-check --all --commit \"chore(release): v%s\" --tag \"v%s\" --execute \"pnpm run changelog\""
220
+ "release": "pnpm run verify && bumpp --git-check --all --commit \"chore(release): v%s\" --tag \"v%s\" --execute \"pnpm run changelog\""
210
221
  },
211
222
  "peerDependencies": {
212
223
  "@vue/compiler-vapor": "3.6.0-rc.1",
@@ -226,10 +237,11 @@
226
237
  "focus-trap": "^8.2.2"
227
238
  },
228
239
  "devDependencies": {
229
- "@iconify-json/lucide": "^1.2.117",
230
- "@storybook/addon-themes": "^10.5.2",
231
- "@storybook/addon-vitest": "^10.5.2",
232
- "@storybook/vue3-vite": "^10.5.2",
240
+ "@iconify-json/lucide": "^1.2.118",
241
+ "@storybook/addon-a11y": "^10.5.3",
242
+ "@storybook/addon-themes": "^10.5.3",
243
+ "@storybook/addon-vitest": "^10.5.3",
244
+ "@storybook/vue3-vite": "^10.5.3",
233
245
  "@types/node": "^26.1.1",
234
246
  "@vitejs/plugin-vue": "^6.0.8",
235
247
  "@vitest/browser-playwright": "^4.1.10",
@@ -240,10 +252,11 @@
240
252
  "conventional-changelog-conventionalcommits": "^10.2.1",
241
253
  "jsdom": "^29.1.1",
242
254
  "oxfmt": "^0.59.0",
243
- "oxlint": "^1.74.0",
255
+ "oxlint": "^1.75.0",
244
256
  "playwright": "^1.61.1",
245
257
  "sass-embedded": "^1.100.0",
246
- "storybook": "^10.5.2",
258
+ "storybook": "^10.5.3",
259
+ "storybook-addon-pseudo-states": "^10.5.3",
247
260
  "style-dictionary": "5.5.0",
248
261
  "typescript": "~6.0.3",
249
262
  "unplugin-icons": "^23.0.1",
@@ -128,6 +128,10 @@ $rp-component-colors:
128
128
  flex-shrink: 0;
129
129
  transform-origin: center;
130
130
  animation: rp-spinner-spin 700ms linear infinite;
131
+
132
+ @media (prefers-reduced-motion: reduce) {
133
+ animation: none;
134
+ }
131
135
  }
132
136
 
133
137
  @mixin spinner-keyframes {