ropav 0.1.6 → 0.1.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 (208) hide show
  1. package/README.md +6 -0
  2. package/dist/accordion.css +17 -17
  3. package/dist/accordion.js +123 -155
  4. package/dist/alert.css +18 -18
  5. package/dist/alert.js +10 -11
  6. package/dist/aria.js +14 -0
  7. package/dist/aspect-ratio.js +1 -1
  8. package/dist/attributes.js +9 -0
  9. package/dist/attributes2.js +29 -0
  10. package/dist/avatar.css +19 -19
  11. package/dist/avatar.js +9 -17
  12. package/dist/badge.css +16 -16
  13. package/dist/badge.js +5 -5
  14. package/dist/button-group.js +1 -1
  15. package/dist/button-link.js +4 -3
  16. package/dist/button.js +4 -3
  17. package/dist/button.scss_vue_type_style_index_0_src_true_lang.js +1 -1
  18. package/dist/card.js +1 -1
  19. package/dist/checkbox.css +32 -32
  20. package/dist/checkbox.js +22 -28
  21. package/dist/collapse.css +6 -6
  22. package/dist/collapse.js +7 -6
  23. package/dist/collectionNavigation.js +2 -99
  24. package/dist/color-input.css +19 -19
  25. package/dist/color-input.js +14 -13
  26. package/dist/color-picker.css +40 -40
  27. package/dist/color-picker.js +221 -200
  28. package/dist/color-picker2.js +1 -9
  29. package/dist/color-swatch.css +4 -4
  30. package/dist/color-swatch.js +6 -8
  31. package/dist/color.js +5 -10
  32. package/dist/componentColors.js +125 -84
  33. package/dist/componentRef.js +26 -0
  34. package/dist/components/accordion/accordionContext.d.ts +3 -0
  35. package/dist/components/accordion/accordionModel.d.ts +14 -0
  36. package/dist/components/accordion/index.d.ts +2 -1
  37. package/dist/components/accordion/index.js +1 -1
  38. package/dist/components/accordion/types.d.ts +1 -2
  39. package/dist/components/accordion/useAccordion.d.ts +2 -2
  40. package/dist/components/accordion/useAccordionItem.d.ts +2 -0
  41. package/dist/components/checkbox/useCheckbox.d.ts +1 -2
  42. package/dist/components/color-picker/index.js +2 -2
  43. package/dist/components/color-picker/types.d.ts +2 -2
  44. package/dist/components/color-picker/useColorPickerSaturation.d.ts +22 -0
  45. package/dist/components/color-picker/useColorPickerSlider.d.ts +20 -0
  46. package/dist/components/color-picker/useColorPickerValue.d.ts +1 -1
  47. package/dist/components/dialog/{dialog-core.d.ts → dialogContext.d.ts} +1 -5
  48. package/dist/components/dialog/useDialogContentInteractions.d.ts +18 -0
  49. package/dist/components/dialog/useDialogRootState.d.ts +19 -0
  50. package/dist/components/dropdown-menu/dropdown-menu-item-row.d.ts +1 -1
  51. package/dist/components/dropdown-menu/dropdown-menu-items.d.ts +1 -1
  52. package/dist/components/dropdown-menu/dropdown-menu-model.d.ts +8 -0
  53. package/dist/components/dropdown-menu/dropdown-menu-root.d.ts +2 -2
  54. package/dist/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts +1 -1
  55. package/dist/components/dropdown-menu/dropdown-menu-sub.d.ts +1 -1
  56. package/dist/components/dropdown-menu/{dropdown-menu-primitive-core.d.ts → dropdownMenuContext.d.ts} +16 -18
  57. package/dist/components/dropdown-menu/dropdownMenuDataModel.d.ts +20 -0
  58. package/dist/components/dropdown-menu/dropdownMenuInteraction.d.ts +3 -0
  59. package/dist/components/dropdown-menu/dropdownMenuInteractionNavigation.d.ts +24 -0
  60. package/dist/components/dropdown-menu/dropdownMenuInteractionRegistry.d.ts +42 -0
  61. package/dist/components/dropdown-menu/dropdownMenuInteractionTypes.d.ts +85 -0
  62. package/dist/components/dropdown-menu/useDropdownMenu.d.ts +11 -11
  63. package/dist/components/dropdown-menu/useDropdownMenuContextTrigger.d.ts +9 -0
  64. package/dist/components/dropdown-menu/useDropdownMenuDataController.d.ts +34 -0
  65. package/dist/components/dropdown-menu/useDropdownMenuDataRegistration.d.ts +22 -0
  66. package/dist/components/dropdown-menu/useDropdownMenuHoverIntent.d.ts +6 -5
  67. package/dist/components/dropdown-menu/useDropdownMenuInteractionDismissal.d.ts +17 -0
  68. package/dist/components/dropdown-menu/useDropdownMenuInteractionKeyboard.d.ts +19 -0
  69. package/dist/components/dropdown-menu/useDropdownMenuPortalPosition.d.ts +0 -1
  70. package/dist/components/dropdown-menu/useDropdownMenuPresentation.d.ts +29 -0
  71. package/dist/components/dropdown-menu/useDropdownMenuPrimitiveContent.d.ts +2 -2
  72. package/dist/components/dropdown-menu/useDropdownMenuRenderItems.d.ts +1 -1
  73. package/dist/components/dropdown-menu/useDropdownMenuTargetBindings.d.ts +19 -0
  74. package/dist/components/floating/hoverDisclosureInteractionModel.d.ts +42 -0
  75. package/dist/components/floating/index.js +1 -1
  76. package/dist/components/floating/useFloatingPosition.d.ts +0 -1
  77. package/dist/components/floating/useHoverDisclosureInteractions.d.ts +32 -0
  78. package/dist/components/floating/useHoverDisclosureOpenState.d.ts +25 -0
  79. package/dist/components/floating/useHoverDisclosureTargetBinding.d.ts +27 -0
  80. package/dist/components/number-input/numberInputModel.d.ts +15 -0
  81. package/dist/components/number-input/useNumberInput.d.ts +3 -17
  82. package/dist/components/pagination/index.d.ts +1 -1
  83. package/dist/components/pagination/index.js +1 -1
  84. package/dist/components/pagination/paginationModel.d.ts +4 -0
  85. package/dist/components/pagination/types.d.ts +15 -0
  86. package/dist/components/pagination/usePagination.d.ts +3 -19
  87. package/dist/components/popover/usePopoverBindings.d.ts +16 -0
  88. package/dist/components/progress/progressModel.d.ts +8 -0
  89. package/dist/components/progress/useProgress.d.ts +0 -6
  90. package/dist/components/radio/useRadio.d.ts +1 -2
  91. package/dist/components/scroll-area/scroll-area.d.ts +1 -1
  92. package/dist/components/scroll-area/scrollAreaModel.d.ts +64 -0
  93. package/dist/components/scroll-area/useScrollArea.d.ts +70 -53
  94. package/dist/components/scroll-area/{useScrollAreaPresentation.d.ts → useScrollAreaAttributes.d.ts} +37 -17
  95. package/dist/components/scroll-area/useScrollAreaDerivedState.d.ts +8 -0
  96. package/dist/components/scroll-area/useScrollAreaMeasurement.d.ts +35 -0
  97. package/dist/components/scroll-area/useScrollAreaPointer.d.ts +10 -8
  98. package/dist/components/scroll-area/useScrollAreaVisibility.d.ts +15 -20
  99. package/dist/components/slider/rangeSliderModel.d.ts +41 -0
  100. package/dist/components/slider/{sliderCore.d.ts → sliderModel.d.ts} +0 -1
  101. package/dist/components/slider/useRangeSlider.d.ts +8 -16
  102. package/dist/components/slider/useRangeSliderValueState.d.ts +40 -0
  103. package/dist/components/slider/useSlider.d.ts +7 -13
  104. package/dist/components/slider/useSliderPointerPreview.d.ts +22 -0
  105. package/dist/components/slider/useSliderTooltipState.d.ts +40 -0
  106. package/dist/components/slider/useSliderValueState.d.ts +33 -0
  107. package/dist/components/teleport-provider/index.js +1 -1
  108. package/dist/components/teleport-provider/useTeleportTarget.d.ts +1 -2
  109. package/dist/components/toast/useToastLifecycle.d.ts +19 -0
  110. package/dist/components/tooltip/useTooltip.d.ts +1 -2
  111. package/dist/css.js +12 -0
  112. package/dist/dialog.js +226 -218
  113. package/dist/dropdown-menu.js +1458 -1097
  114. package/dist/events.js +59 -0
  115. package/dist/field.css +8 -8
  116. package/dist/field.js +13 -25
  117. package/dist/floating.js +548 -319
  118. package/dist/floatingOffset.js +11 -0
  119. package/dist/focus-trap.js +7 -5
  120. package/dist/focusNavigation.js +37 -0
  121. package/dist/icon-button.css +8 -8
  122. package/dist/icon-button.js +7 -6
  123. package/dist/index.js +6 -6
  124. package/dist/input.css +24 -24
  125. package/dist/input.js +19 -31
  126. package/dist/interactive.js +18 -0
  127. package/dist/modal.js +1 -1
  128. package/dist/number-input.css +18 -18
  129. package/dist/number-input.js +14 -12
  130. package/dist/number.js +22 -0
  131. package/dist/overlay.js +3 -2
  132. package/dist/pagination.css +28 -28
  133. package/dist/pagination.js +65 -63
  134. package/dist/pointer.js +9 -0
  135. package/dist/popover.css +34 -34
  136. package/dist/popover.js +85 -86
  137. package/dist/progress.js +10 -13
  138. package/dist/query.js +40 -0
  139. package/dist/radio.css +18 -18
  140. package/dist/radio.js +30 -36
  141. package/dist/rafScheduler.js +34 -0
  142. package/dist/scroll-area.css +28 -28
  143. package/dist/scroll-area.js +512 -516
  144. package/dist/select.css +45 -45
  145. package/dist/select.js +36 -44
  146. package/dist/slider.css +191 -191
  147. package/dist/slider.js +691 -618
  148. package/dist/styles-api.d.ts +0 -1
  149. package/dist/styles-api.js +1 -4
  150. package/dist/switch.css +17 -17
  151. package/dist/switch.js +14 -15
  152. package/dist/tabs.css +43 -43
  153. package/dist/tabs.js +29 -56
  154. package/dist/text.js +17 -0
  155. package/dist/textarea.css +26 -26
  156. package/dist/textarea.js +21 -32
  157. package/dist/toast.css +26 -26
  158. package/dist/toast.js +141 -118
  159. package/dist/tooltip.css +12 -12
  160. package/dist/tooltip.js +36 -40
  161. package/dist/useCollapse.js +8 -11
  162. package/dist/useControlState.js +3 -6
  163. package/dist/useFloatingPosition.js +140 -10
  164. package/dist/useOverlayZIndex.js +1 -5
  165. package/dist/useTeleportTarget.js +3 -14
  166. package/dist/useTypeahead.js +94 -0
  167. package/dist/utils/aria.d.ts +3 -0
  168. package/dist/utils/attributes.d.ts +2 -0
  169. package/dist/utils/bem.d.ts +3 -0
  170. package/dist/utils/collectionNavigation.d.ts +2 -0
  171. package/dist/utils/color.d.ts +7 -0
  172. package/dist/{components/color-picker/color-picker-utils.d.ts → utils/colorPicker.d.ts} +5 -4
  173. package/dist/utils/componentColors.d.ts +7 -0
  174. package/dist/utils/css.d.ts +3 -0
  175. package/dist/utils/dom/ancestry.d.ts +7 -0
  176. package/dist/utils/dom/attributes.d.ts +16 -0
  177. package/dist/utils/dom/componentRef.d.ts +4 -0
  178. package/dist/utils/dom/events.d.ts +5 -0
  179. package/dist/utils/dom/focusNavigation.d.ts +7 -0
  180. package/dist/utils/dom/interactive.d.ts +2 -0
  181. package/dist/utils/dom/pointer.d.ts +2 -0
  182. package/dist/utils/dom/query.d.ts +4 -0
  183. package/dist/utils/dom/scroll.d.ts +23 -0
  184. package/dist/utils/floatingOffset.d.ts +10 -0
  185. package/dist/utils/geometry.d.ts +14 -0
  186. package/dist/utils/indexPath.d.ts +6 -0
  187. package/dist/utils/number.d.ts +4 -0
  188. package/dist/utils/rafScheduler.d.ts +4 -0
  189. package/dist/utils/text.d.ts +2 -0
  190. package/docs/code-architecture.md +118 -0
  191. package/docs/public-floating-api.md +6 -5
  192. package/package.json +13 -12
  193. package/dist/components/dropdown-menu/dropdown-menu-outside.d.ts +0 -3
  194. package/dist/components/dropdown-menu/dropdown-menu-utils.d.ts +0 -21
  195. package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts +0 -36
  196. package/dist/components/dropdown-menu/useDropdownMenuDom.d.ts +0 -29
  197. package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts +0 -52
  198. package/dist/components/dropdown-menu/useDropdownMenuNavigation.d.ts +0 -17
  199. package/dist/components/dropdown-menu/useDropdownSubmenus.d.ts +0 -18
  200. package/dist/components/scroll-area/scrollAreaCore.d.ts +0 -30
  201. package/dist/components/scroll-area/useScrollAreaControls.d.ts +0 -25
  202. package/dist/components/scroll-area/useScrollAreaMetrics.d.ts +0 -38
  203. /package/dist/components/alert/{useAlertColor.d.ts → alertColor.d.ts} +0 -0
  204. /package/dist/components/avatar/{useAvatarColor.d.ts → avatarColor.d.ts} +0 -0
  205. /package/dist/components/badge/{useBadgeColor.d.ts → badgeColor.d.ts} +0 -0
  206. /package/dist/components/button/{useButtonColor.d.ts → buttonColor.d.ts} +0 -0
  207. /package/dist/components/color-swatch/{useColorSwatchColor.d.ts → colorSwatchColor.d.ts} +0 -0
  208. /package/dist/components/toast/{useToastColor.d.ts → toastColor.d.ts} +0 -0
package/dist/scroll-area.css CHANGED
@@ -1,5 +1,5 @@
1
1
  @layer ropav.components {
2
- .rp-scroll-area[data-v-f5c4e940] {
2
+ .rp-scroll-area[data-v-cd2fe353] {
3
3
  --_rp-scroll-area-scrollbar-size: 10px;
4
4
  --_rp-scroll-area-scrollbar-padding: 2px;
5
5
  --_rp-scroll-area-thumb-bg: var(--rp-color-dimmed);
@@ -11,7 +11,7 @@
11
11
  min-width: 0;
12
12
  overflow: hidden;
13
13
  }
14
- .rp-scroll-area__viewport[data-v-f5c4e940] {
14
+ .rp-scroll-area__viewport[data-v-cd2fe353] {
15
15
  box-sizing: border-box;
16
16
  flex: 1 1 auto;
17
17
  width: 100%;
@@ -22,33 +22,33 @@
22
22
  scrollbar-width: none;
23
23
  outline: none;
24
24
  }
25
- .rp-scroll-area__viewport[data-v-f5c4e940]::-webkit-scrollbar {
25
+ .rp-scroll-area__viewport[data-v-cd2fe353]::-webkit-scrollbar {
26
26
  display: none;
27
27
  }
28
- .rp-scroll-area__viewport[data-v-f5c4e940]:focus-visible {
28
+ .rp-scroll-area__viewport[data-v-cd2fe353]:focus-visible {
29
29
  outline: var(--rp-border-width-medium) solid var(--rp-color-focus-ring);
30
30
  outline-offset: calc(-1 * var(--rp-border-width-medium));
31
31
  }
32
- .rp-scroll-area[data-scrollbars=both] .rp-scroll-area__viewport[data-v-f5c4e940] {
32
+ .rp-scroll-area[data-scrollbars=both] .rp-scroll-area__viewport[data-v-cd2fe353] {
33
33
  overflow: scroll;
34
34
  }
35
- .rp-scroll-area[data-scrollbars=x] .rp-scroll-area__viewport[data-v-f5c4e940] {
35
+ .rp-scroll-area[data-scrollbars=x] .rp-scroll-area__viewport[data-v-cd2fe353] {
36
36
  overflow-x: scroll;
37
37
  overflow-y: hidden;
38
38
  }
39
- .rp-scroll-area[data-scrollbars=y] .rp-scroll-area__viewport[data-v-f5c4e940] {
39
+ .rp-scroll-area[data-scrollbars=y] .rp-scroll-area__viewport[data-v-cd2fe353] {
40
40
  overflow-x: hidden;
41
41
  overflow-y: scroll;
42
42
  }
43
- .rp-scroll-area[data-scrollbars=none] .rp-scroll-area__viewport[data-v-f5c4e940] {
43
+ .rp-scroll-area[data-scrollbars=none] .rp-scroll-area__viewport[data-v-cd2fe353] {
44
44
  overflow: hidden;
45
45
  }
46
- .rp-scroll-area__content[data-v-f5c4e940] {
46
+ .rp-scroll-area__content[data-v-cd2fe353] {
47
47
  display: table;
48
48
  box-sizing: border-box;
49
49
  min-width: 100%;
50
50
  }
51
- .rp-scroll-area__scrollbar[data-v-f5c4e940] {
51
+ .rp-scroll-area__scrollbar[data-v-cd2fe353] {
52
52
  position: absolute;
53
53
  z-index: 1;
54
54
  box-sizing: border-box;
@@ -60,60 +60,60 @@
60
60
  user-select: none;
61
61
  transition: opacity var(--rp-transition-fast);
62
62
  }
63
- .rp-scroll-area__scrollbar[data-direction=rtl][data-v-f5c4e940] {
63
+ .rp-scroll-area__scrollbar[data-direction=rtl][data-v-cd2fe353] {
64
64
  direction: rtl;
65
65
  }
66
- .rp-scroll-area__scrollbar[data-visible][data-v-f5c4e940] {
66
+ .rp-scroll-area__scrollbar[data-visible][data-v-cd2fe353] {
67
67
  opacity: 1;
68
68
  pointer-events: auto;
69
69
  }
70
- .rp-scroll-area__scrollbar[data-v-f5c4e940]:focus-visible {
70
+ .rp-scroll-area__scrollbar[data-v-cd2fe353]:focus-visible {
71
71
  outline: var(--rp-border-width-medium) solid var(--rp-color-focus-ring);
72
72
  outline-offset: calc(-1 * var(--rp-border-width-medium));
73
73
  }
74
- .rp-scroll-area__scrollbar--horizontal[data-v-f5c4e940] {
74
+ .rp-scroll-area__scrollbar--horizontal[data-v-cd2fe353] {
75
75
  inset-inline: 0;
76
76
  bottom: 0;
77
77
  align-items: center;
78
78
  width: auto;
79
79
  height: var(--_rp-scroll-area-scrollbar-size);
80
80
  }
81
- .rp-scroll-area__scrollbar--vertical[data-v-f5c4e940] {
81
+ .rp-scroll-area__scrollbar--vertical[data-v-cd2fe353] {
82
82
  inset-block: 0;
83
83
  inset-inline-end: 0;
84
84
  justify-content: center;
85
85
  width: var(--_rp-scroll-area-scrollbar-size);
86
86
  height: auto;
87
87
  }
88
- .rp-scroll-area[data-scrollbar-y-active] .rp-scroll-area__scrollbar--horizontal[data-v-f5c4e940] {
88
+ .rp-scroll-area[data-scrollbar-y-active] .rp-scroll-area__scrollbar--horizontal[data-v-cd2fe353] {
89
89
  inset-inline-end: var(--_rp-scroll-area-scrollbar-size);
90
90
  }
91
- .rp-scroll-area[data-scrollbar-x-active] .rp-scroll-area__scrollbar--vertical[data-v-f5c4e940] {
91
+ .rp-scroll-area[data-scrollbar-x-active] .rp-scroll-area__scrollbar--vertical[data-v-cd2fe353] {
92
92
  inset-block-end: var(--_rp-scroll-area-scrollbar-size);
93
93
  }
94
- .rp-scroll-area__thumb[data-v-f5c4e940] {
94
+ .rp-scroll-area__thumb[data-v-cd2fe353] {
95
95
  flex: 0 0 auto;
96
96
  background: var(--_rp-scroll-area-thumb-bg);
97
97
  border-radius: var(--rp-radius-full);
98
98
  transition: background-color var(--rp-transition-fast);
99
99
  }
100
- .rp-scroll-area__scrollbar:hover .rp-scroll-area__thumb[data-v-f5c4e940], .rp-scroll-area__scrollbar:focus-visible .rp-scroll-area__thumb[data-v-f5c4e940] {
100
+ .rp-scroll-area__scrollbar:hover .rp-scroll-area__thumb[data-v-cd2fe353], .rp-scroll-area__scrollbar:focus-visible .rp-scroll-area__thumb[data-v-cd2fe353] {
101
101
  background: var(--_rp-scroll-area-thumb-bg-hover);
102
102
  }
103
- .rp-scroll-area__scrollbar--horizontal .rp-scroll-area__thumb[data-v-f5c4e940] {
103
+ .rp-scroll-area__scrollbar--horizontal .rp-scroll-area__thumb[data-v-cd2fe353] {
104
104
  width: var(--_rp-scroll-area-thumb-size);
105
105
  height: 100%;
106
106
  transform: translateX(var(--_rp-scroll-area-thumb-offset));
107
107
  }
108
- .rp-scroll-area__scrollbar--horizontal[data-direction=rtl] .rp-scroll-area__thumb[data-v-f5c4e940] {
108
+ .rp-scroll-area__scrollbar--horizontal[data-direction=rtl] .rp-scroll-area__thumb[data-v-cd2fe353] {
109
109
  transform: translateX(calc(-1 * var(--_rp-scroll-area-thumb-offset)));
110
110
  }
111
- .rp-scroll-area__scrollbar--vertical .rp-scroll-area__thumb[data-v-f5c4e940] {
111
+ .rp-scroll-area__scrollbar--vertical .rp-scroll-area__thumb[data-v-cd2fe353] {
112
112
  width: 100%;
113
113
  height: var(--_rp-scroll-area-thumb-size);
114
114
  transform: translateY(var(--_rp-scroll-area-thumb-offset));
115
115
  }
116
- .rp-scroll-area__corner[data-v-f5c4e940] {
116
+ .rp-scroll-area__corner[data-v-cd2fe353] {
117
117
  position: absolute;
118
118
  inset-inline-end: 0;
119
119
  bottom: 0;
@@ -124,16 +124,16 @@
124
124
  pointer-events: none;
125
125
  transition: opacity var(--rp-transition-fast);
126
126
  }
127
- .rp-scroll-area__corner[data-direction=rtl][data-v-f5c4e940] {
127
+ .rp-scroll-area__corner[data-direction=rtl][data-v-cd2fe353] {
128
128
  direction: rtl;
129
129
  }
130
- .rp-scroll-area__corner[data-visible][data-v-f5c4e940] {
130
+ .rp-scroll-area__corner[data-visible][data-v-cd2fe353] {
131
131
  opacity: 1;
132
132
  }
133
133
  @media (prefers-reduced-motion: reduce) {
134
- .rp-scroll-area__scrollbar[data-v-f5c4e940],
135
- .rp-scroll-area__corner[data-v-f5c4e940],
136
- .rp-scroll-area__thumb[data-v-f5c4e940] {
134
+ .rp-scroll-area__scrollbar[data-v-cd2fe353],
135
+ .rp-scroll-area__corner[data-v-cd2fe353],
136
+ .rp-scroll-area__thumb[data-v-cd2fe353] {
137
137
  transition: none;
138
138
  }
139
139
  }