@gunkin/uiify 0.0.24-alpha → 0.0.25-alpha

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 (414) hide show
  1. package/agents/index.md +1 -1
  2. package/agents/reference/components/accordion.md +18 -3
  3. package/agents/reference/components/alert-modal.md +19 -7
  4. package/agents/reference/components/alert.md +9 -1
  5. package/agents/reference/components/aspect-ratio.md +8 -0
  6. package/agents/reference/components/avatar.md +10 -0
  7. package/agents/reference/components/breadcrumb.md +20 -1
  8. package/agents/reference/components/candle-chart.md +50 -2
  9. package/agents/reference/components/carousel.md +30 -1
  10. package/agents/reference/components/checkbox.md +3 -1
  11. package/agents/reference/components/collapsible.md +16 -3
  12. package/agents/reference/components/color-picker.md +18 -2
  13. package/agents/reference/components/combobox.md +20 -9
  14. package/agents/reference/components/context-menu.md +37 -5
  15. package/agents/reference/components/drawer.md +30 -5
  16. package/agents/reference/components/dropdown-menu.md +4 -3
  17. package/agents/reference/components/field.md +3 -3
  18. package/agents/reference/components/form-error-summary.md +11 -1
  19. package/agents/reference/components/line-chart.md +41 -2
  20. package/agents/reference/components/modal.md +22 -3
  21. package/agents/reference/components/pagination.md +13 -1
  22. package/agents/reference/components/radio-group.md +8 -2
  23. package/agents/reference/components/rating.md +8 -2
  24. package/agents/reference/components/segmented-control.md +8 -3
  25. package/agents/reference/components/slider.md +13 -1
  26. package/agents/reference/components/spinner.md +10 -1
  27. package/agents/reference/components/table.md +15 -0
  28. package/agents/reference/components/tabs.md +21 -3
  29. package/agents/reference/components/tags-input.md +22 -1
  30. package/agents/reference/components/toast.md +55 -10
  31. package/agents/reference/components/toggle-group.md +5 -3
  32. package/agents/reference/components/toggle.md +16 -3
  33. package/agents/reference/components/toolbar.md +4 -4
  34. package/agents/reference/components/virtual-scroll.md +31 -2
  35. package/agents/reference/elements/choice.md +20 -7
  36. package/dist/components/accordion/Accordion.d.ts +1 -1
  37. package/dist/components/accordion/Accordion.d.ts.map +1 -1
  38. package/dist/components/accordion/Accordion.js +62 -15
  39. package/dist/components/accordion/Accordion.js.map +1 -1
  40. package/dist/components/accordion/index.d.ts +1 -1
  41. package/dist/components/accordion/index.d.ts.map +1 -1
  42. package/dist/components/accordion/index.js.map +1 -1
  43. package/dist/components/accordion/types.d.ts +23 -2
  44. package/dist/components/accordion/types.d.ts.map +1 -1
  45. package/dist/components/alert/Alert.d.ts.map +1 -1
  46. package/dist/components/alert/Alert.js +11 -1
  47. package/dist/components/alert/Alert.js.map +1 -1
  48. package/dist/components/alert/index.d.ts +1 -1
  49. package/dist/components/alert/index.d.ts.map +1 -1
  50. package/dist/components/alert/index.js.map +1 -1
  51. package/dist/components/alert/types.d.ts +11 -1
  52. package/dist/components/alert/types.d.ts.map +1 -1
  53. package/dist/components/alert-modal/AlertModal.d.ts +1 -1
  54. package/dist/components/alert-modal/AlertModal.d.ts.map +1 -1
  55. package/dist/components/alert-modal/AlertModal.js +139 -20
  56. package/dist/components/alert-modal/AlertModal.js.map +1 -1
  57. package/dist/components/alert-modal/AlertModalParts.d.ts.map +1 -1
  58. package/dist/components/alert-modal/AlertModalParts.js +37 -4
  59. package/dist/components/alert-modal/AlertModalParts.js.map +1 -1
  60. package/dist/components/alert-modal/index.d.ts +1 -1
  61. package/dist/components/alert-modal/index.d.ts.map +1 -1
  62. package/dist/components/alert-modal/index.js.map +1 -1
  63. package/dist/components/alert-modal/types.d.ts +40 -6
  64. package/dist/components/alert-modal/types.d.ts.map +1 -1
  65. package/dist/components/aspect-ratio/AspectRatio.d.ts.map +1 -1
  66. package/dist/components/aspect-ratio/AspectRatio.js +10 -2
  67. package/dist/components/aspect-ratio/AspectRatio.js.map +1 -1
  68. package/dist/components/aspect-ratio/types.d.ts +10 -1
  69. package/dist/components/aspect-ratio/types.d.ts.map +1 -1
  70. package/dist/components/avatar/Avatar.d.ts.map +1 -1
  71. package/dist/components/avatar/Avatar.js +19 -2
  72. package/dist/components/avatar/Avatar.js.map +1 -1
  73. package/dist/components/avatar/types.d.ts +19 -1
  74. package/dist/components/avatar/types.d.ts.map +1 -1
  75. package/dist/components/breadcrumb/Breadcrumb.d.ts +2 -2
  76. package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -1
  77. package/dist/components/breadcrumb/Breadcrumb.js +118 -26
  78. package/dist/components/breadcrumb/Breadcrumb.js.map +1 -1
  79. package/dist/components/breadcrumb/index.d.ts +1 -1
  80. package/dist/components/breadcrumb/index.d.ts.map +1 -1
  81. package/dist/components/breadcrumb/index.js.map +1 -1
  82. package/dist/components/breadcrumb/types.d.ts +40 -1
  83. package/dist/components/breadcrumb/types.d.ts.map +1 -1
  84. package/dist/components/candle-chart/CandleChart.d.ts +1 -1
  85. package/dist/components/candle-chart/CandleChart.d.ts.map +1 -1
  86. package/dist/components/candle-chart/CandleChart.js +269 -119
  87. package/dist/components/candle-chart/CandleChart.js.map +1 -1
  88. package/dist/components/candle-chart/client/CandleChartClient.d.ts.map +1 -1
  89. package/dist/components/candle-chart/client/CandleChartClient.js +21 -1
  90. package/dist/components/candle-chart/client/CandleChartClient.js.map +1 -1
  91. package/dist/components/candle-chart/client/index.d.ts +1 -1
  92. package/dist/components/candle-chart/client/index.d.ts.map +1 -1
  93. package/dist/components/candle-chart/client/index.js.map +1 -1
  94. package/dist/components/candle-chart/index.d.ts +1 -1
  95. package/dist/components/candle-chart/index.d.ts.map +1 -1
  96. package/dist/components/candle-chart/index.js.map +1 -1
  97. package/dist/components/candle-chart/types.d.ts +129 -1
  98. package/dist/components/candle-chart/types.d.ts.map +1 -1
  99. package/dist/components/carousel/Carousel.d.ts +2 -2
  100. package/dist/components/carousel/Carousel.d.ts.map +1 -1
  101. package/dist/components/carousel/Carousel.js +2 -1
  102. package/dist/components/carousel/Carousel.js.map +1 -1
  103. package/dist/components/carousel/CarouselMarkup.d.ts.map +1 -1
  104. package/dist/components/carousel/CarouselMarkup.js +137 -22
  105. package/dist/components/carousel/CarouselMarkup.js.map +1 -1
  106. package/dist/components/carousel/client/CarouselClient.d.ts.map +1 -1
  107. package/dist/components/carousel/client/CarouselClient.js +3 -2
  108. package/dist/components/carousel/client/CarouselClient.js.map +1 -1
  109. package/dist/components/carousel/client/carousel-controls.d.ts.map +1 -1
  110. package/dist/components/carousel/client/carousel-controls.js +2 -2
  111. package/dist/components/carousel/client/carousel-controls.js.map +1 -1
  112. package/dist/components/carousel/fade/FadeCarouselClient.d.ts.map +1 -1
  113. package/dist/components/carousel/fade/FadeCarouselClient.js +3 -2
  114. package/dist/components/carousel/fade/FadeCarouselClient.js.map +1 -1
  115. package/dist/components/carousel/index.d.ts +1 -1
  116. package/dist/components/carousel/index.d.ts.map +1 -1
  117. package/dist/components/carousel/index.js.map +1 -1
  118. package/dist/components/carousel/types.d.ts +85 -2
  119. package/dist/components/carousel/types.d.ts.map +1 -1
  120. package/dist/components/checkbox/Checkbox.d.ts +6 -1
  121. package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
  122. package/dist/components/checkbox/Checkbox.js +6 -1
  123. package/dist/components/checkbox/Checkbox.js.map +1 -1
  124. package/dist/components/checkbox/index.d.ts +1 -1
  125. package/dist/components/checkbox/index.d.ts.map +1 -1
  126. package/dist/components/checkbox/index.js.map +1 -1
  127. package/dist/components/checkbox/types.d.ts +3 -0
  128. package/dist/components/checkbox/types.d.ts.map +1 -1
  129. package/dist/components/collapsible/Collapsible.d.ts +1 -1
  130. package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
  131. package/dist/components/collapsible/Collapsible.js +35 -4
  132. package/dist/components/collapsible/Collapsible.js.map +1 -1
  133. package/dist/components/collapsible/index.d.ts +1 -1
  134. package/dist/components/collapsible/index.d.ts.map +1 -1
  135. package/dist/components/collapsible/index.js.map +1 -1
  136. package/dist/components/collapsible/types.d.ts +25 -3
  137. package/dist/components/collapsible/types.d.ts.map +1 -1
  138. package/dist/components/color-picker/ColorPicker.d.ts.map +1 -1
  139. package/dist/components/color-picker/ColorPicker.js +165 -49
  140. package/dist/components/color-picker/ColorPicker.js.map +1 -1
  141. package/dist/components/color-picker/index.d.ts +1 -1
  142. package/dist/components/color-picker/index.d.ts.map +1 -1
  143. package/dist/components/color-picker/index.js.map +1 -1
  144. package/dist/components/color-picker/types.d.ts +37 -0
  145. package/dist/components/color-picker/types.d.ts.map +1 -1
  146. package/dist/components/combobox/Combobox.d.ts.map +1 -1
  147. package/dist/components/combobox/Combobox.js +44 -25
  148. package/dist/components/combobox/Combobox.js.map +1 -1
  149. package/dist/components/combobox/index.d.ts +1 -1
  150. package/dist/components/combobox/index.d.ts.map +1 -1
  151. package/dist/components/combobox/index.js.map +1 -1
  152. package/dist/components/combobox/types.d.ts +29 -4
  153. package/dist/components/combobox/types.d.ts.map +1 -1
  154. package/dist/components/context-menu/ContextMenu.d.ts.map +1 -1
  155. package/dist/components/context-menu/ContextMenu.js +48 -11
  156. package/dist/components/context-menu/ContextMenu.js.map +1 -1
  157. package/dist/components/context-menu/index.d.ts +1 -1
  158. package/dist/components/context-menu/index.d.ts.map +1 -1
  159. package/dist/components/context-menu/index.js.map +1 -1
  160. package/dist/components/context-menu/types.d.ts +35 -9
  161. package/dist/components/context-menu/types.d.ts.map +1 -1
  162. package/dist/components/drawer/Drawer.d.ts.map +1 -1
  163. package/dist/components/drawer/Drawer.js +5 -1
  164. package/dist/components/drawer/Drawer.js.map +1 -1
  165. package/dist/components/drawer/DrawerNative.d.ts +1 -1
  166. package/dist/components/drawer/DrawerNative.d.ts.map +1 -1
  167. package/dist/components/drawer/DrawerNative.js +254 -44
  168. package/dist/components/drawer/DrawerNative.js.map +1 -1
  169. package/dist/components/drawer/index.d.ts +1 -1
  170. package/dist/components/drawer/index.d.ts.map +1 -1
  171. package/dist/components/drawer/index.js.map +1 -1
  172. package/dist/components/drawer/types.d.ts +31 -6
  173. package/dist/components/drawer/types.d.ts.map +1 -1
  174. package/dist/components/dropdown-menu/DropdownMenu.d.ts.map +1 -1
  175. package/dist/components/dropdown-menu/DropdownMenu.js +8 -2
  176. package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -1
  177. package/dist/components/dropdown-menu/DropdownMenuBar.d.ts.map +1 -1
  178. package/dist/components/dropdown-menu/DropdownMenuBar.js +47 -29
  179. package/dist/components/dropdown-menu/DropdownMenuBar.js.map +1 -1
  180. package/dist/components/dropdown-menu/types.d.ts +7 -5
  181. package/dist/components/dropdown-menu/types.d.ts.map +1 -1
  182. package/dist/components/field/types.d.ts +4 -4
  183. package/dist/components/field/types.d.ts.map +1 -1
  184. package/dist/components/form-error-summary/FormErrorSummary.d.ts.map +1 -1
  185. package/dist/components/form-error-summary/FormErrorSummary.js +35 -3
  186. package/dist/components/form-error-summary/FormErrorSummary.js.map +1 -1
  187. package/dist/components/form-error-summary/index.d.ts +1 -1
  188. package/dist/components/form-error-summary/index.d.ts.map +1 -1
  189. package/dist/components/form-error-summary/index.js.map +1 -1
  190. package/dist/components/form-error-summary/types.d.ts +20 -1
  191. package/dist/components/form-error-summary/types.d.ts.map +1 -1
  192. package/dist/components/internal/choice-family/ChoiceGroup.d.ts.map +1 -1
  193. package/dist/components/internal/choice-family/ChoiceGroup.js +61 -11
  194. package/dist/components/internal/choice-family/ChoiceGroup.js.map +1 -1
  195. package/dist/components/internal/choice-family/types.d.ts +51 -1
  196. package/dist/components/internal/choice-family/types.d.ts.map +1 -1
  197. package/dist/components/internal/menu/types.d.ts +1 -0
  198. package/dist/components/internal/menu/types.d.ts.map +1 -1
  199. package/dist/components/internal/menu/use-menu-surface.d.ts.map +1 -1
  200. package/dist/components/internal/menu/use-menu-surface.js +2 -1
  201. package/dist/components/internal/menu/use-menu-surface.js.map +1 -1
  202. package/dist/components/internal/native-check-control/NativeCheckControl.d.ts.map +1 -1
  203. package/dist/components/internal/native-check-control/NativeCheckControl.js +35 -3
  204. package/dist/components/internal/native-check-control/NativeCheckControl.js.map +1 -1
  205. package/dist/components/internal/native-check-control/types.d.ts +21 -1
  206. package/dist/components/internal/native-check-control/types.d.ts.map +1 -1
  207. package/dist/components/line-chart/LineChart.d.ts +1 -1
  208. package/dist/components/line-chart/LineChart.d.ts.map +1 -1
  209. package/dist/components/line-chart/LineChart.js +260 -79
  210. package/dist/components/line-chart/LineChart.js.map +1 -1
  211. package/dist/components/line-chart/client/LineChartClient.d.ts.map +1 -1
  212. package/dist/components/line-chart/client/LineChartClient.js +21 -1
  213. package/dist/components/line-chart/client/LineChartClient.js.map +1 -1
  214. package/dist/components/line-chart/client/index.d.ts +1 -1
  215. package/dist/components/line-chart/client/index.d.ts.map +1 -1
  216. package/dist/components/line-chart/client/index.js.map +1 -1
  217. package/dist/components/line-chart/index.d.ts +1 -1
  218. package/dist/components/line-chart/index.d.ts.map +1 -1
  219. package/dist/components/line-chart/index.js.map +1 -1
  220. package/dist/components/line-chart/types.d.ts +113 -1
  221. package/dist/components/line-chart/types.d.ts.map +1 -1
  222. package/dist/components/modal/Modal.d.ts +1 -1
  223. package/dist/components/modal/Modal.d.ts.map +1 -1
  224. package/dist/components/modal/Modal.js +118 -43
  225. package/dist/components/modal/Modal.js.map +1 -1
  226. package/dist/components/modal/index.d.ts +1 -1
  227. package/dist/components/modal/index.d.ts.map +1 -1
  228. package/dist/components/modal/index.js.map +1 -1
  229. package/dist/components/modal/types.d.ts +24 -2
  230. package/dist/components/modal/types.d.ts.map +1 -1
  231. package/dist/components/otp-input/OtpInput.d.ts.map +1 -1
  232. package/dist/components/otp-input/OtpInput.js +4 -2
  233. package/dist/components/otp-input/OtpInput.js.map +1 -1
  234. package/dist/components/pagination/Pagination.d.ts.map +1 -1
  235. package/dist/components/pagination/Pagination.js +172 -55
  236. package/dist/components/pagination/Pagination.js.map +1 -1
  237. package/dist/components/pagination/index.d.ts +1 -1
  238. package/dist/components/pagination/index.d.ts.map +1 -1
  239. package/dist/components/pagination/index.js.map +1 -1
  240. package/dist/components/pagination/types.d.ts +33 -1
  241. package/dist/components/pagination/types.d.ts.map +1 -1
  242. package/dist/components/radio-group/RadioGroup.d.ts +1 -1
  243. package/dist/components/radio-group/RadioGroup.d.ts.map +1 -1
  244. package/dist/components/radio-group/RadioGroup.js +5 -1
  245. package/dist/components/radio-group/RadioGroup.js.map +1 -1
  246. package/dist/components/radio-group/index.d.ts +1 -1
  247. package/dist/components/radio-group/index.d.ts.map +1 -1
  248. package/dist/components/radio-group/index.js.map +1 -1
  249. package/dist/components/radio-group/types.d.ts +4 -2
  250. package/dist/components/radio-group/types.d.ts.map +1 -1
  251. package/dist/components/rating/Rating.d.ts +1 -1
  252. package/dist/components/rating/Rating.d.ts.map +1 -1
  253. package/dist/components/rating/Rating.js +5 -1
  254. package/dist/components/rating/Rating.js.map +1 -1
  255. package/dist/components/rating/client/RatingClient.d.ts +1 -1
  256. package/dist/components/rating/client/RatingClient.d.ts.map +1 -1
  257. package/dist/components/rating/client/RatingClient.js +5 -1
  258. package/dist/components/rating/client/RatingClient.js.map +1 -1
  259. package/dist/components/rating/index.d.ts +1 -1
  260. package/dist/components/rating/index.d.ts.map +1 -1
  261. package/dist/components/rating/index.js.map +1 -1
  262. package/dist/components/rating/types.d.ts +12 -1
  263. package/dist/components/rating/types.d.ts.map +1 -1
  264. package/dist/components/segmented-control/SegmentedControl.d.ts +1 -1
  265. package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -1
  266. package/dist/components/segmented-control/SegmentedControl.js +5 -1
  267. package/dist/components/segmented-control/SegmentedControl.js.map +1 -1
  268. package/dist/components/segmented-control/client/SegmentedControlClient.d.ts +1 -1
  269. package/dist/components/segmented-control/client/SegmentedControlClient.d.ts.map +1 -1
  270. package/dist/components/segmented-control/client/SegmentedControlClient.js +5 -1
  271. package/dist/components/segmented-control/client/SegmentedControlClient.js.map +1 -1
  272. package/dist/components/segmented-control/index.d.ts +1 -1
  273. package/dist/components/segmented-control/index.d.ts.map +1 -1
  274. package/dist/components/segmented-control/index.js.map +1 -1
  275. package/dist/components/segmented-control/types.d.ts +4 -4
  276. package/dist/components/segmented-control/types.d.ts.map +1 -1
  277. package/dist/components/slider/client/SliderClient.d.ts.map +1 -1
  278. package/dist/components/slider/client/SliderClient.js +102 -20
  279. package/dist/components/slider/client/SliderClient.js.map +1 -1
  280. package/dist/components/slider/client/index.d.ts +1 -1
  281. package/dist/components/slider/client/index.d.ts.map +1 -1
  282. package/dist/components/slider/client/index.js.map +1 -1
  283. package/dist/components/slider/types.d.ts +46 -1
  284. package/dist/components/slider/types.d.ts.map +1 -1
  285. package/dist/components/spinner/Spinner.d.ts.map +1 -1
  286. package/dist/components/spinner/Spinner.js +19 -3
  287. package/dist/components/spinner/Spinner.js.map +1 -1
  288. package/dist/components/spinner/index.d.ts +1 -1
  289. package/dist/components/spinner/index.d.ts.map +1 -1
  290. package/dist/components/spinner/index.js.map +1 -1
  291. package/dist/components/spinner/types.d.ts +11 -1
  292. package/dist/components/spinner/types.d.ts.map +1 -1
  293. package/dist/components/table/client/TableColumnHeader.d.ts +3 -3
  294. package/dist/components/table/client/TableColumnHeader.d.ts.map +1 -1
  295. package/dist/components/table/client/TableColumnHeader.js +24 -2
  296. package/dist/components/table/client/TableColumnHeader.js.map +1 -1
  297. package/dist/components/table/client/TableSelection.d.ts +3 -3
  298. package/dist/components/table/client/TableSelection.d.ts.map +1 -1
  299. package/dist/components/table/client/TableSelection.js +6 -4
  300. package/dist/components/table/client/TableSelection.js.map +1 -1
  301. package/dist/components/table/client.d.ts +1 -1
  302. package/dist/components/table/client.d.ts.map +1 -1
  303. package/dist/components/table/client.js.map +1 -1
  304. package/dist/components/table/types.d.ts +17 -0
  305. package/dist/components/table/types.d.ts.map +1 -1
  306. package/dist/components/tabs/Tabs.d.ts +1 -1
  307. package/dist/components/tabs/Tabs.d.ts.map +1 -1
  308. package/dist/components/tabs/Tabs.js +45 -1
  309. package/dist/components/tabs/Tabs.js.map +1 -1
  310. package/dist/components/tabs/index.d.ts +1 -1
  311. package/dist/components/tabs/index.d.ts.map +1 -1
  312. package/dist/components/tabs/index.js.map +1 -1
  313. package/dist/components/tabs/types.d.ts +29 -3
  314. package/dist/components/tabs/types.d.ts.map +1 -1
  315. package/dist/components/tags-input/TagsInput.d.ts.map +1 -1
  316. package/dist/components/tags-input/TagsInput.js +54 -9
  317. package/dist/components/tags-input/TagsInput.js.map +1 -1
  318. package/dist/components/tags-input/index.d.ts +1 -1
  319. package/dist/components/tags-input/index.d.ts.map +1 -1
  320. package/dist/components/tags-input/index.js.map +1 -1
  321. package/dist/components/tags-input/types.d.ts +27 -4
  322. package/dist/components/tags-input/types.d.ts.map +1 -1
  323. package/dist/components/toast/Toast.d.ts +1 -1
  324. package/dist/components/toast/Toast.d.ts.map +1 -1
  325. package/dist/components/toast/Toast.js +123 -35
  326. package/dist/components/toast/Toast.js.map +1 -1
  327. package/dist/components/toast/ToastElements.d.ts.map +1 -1
  328. package/dist/components/toast/ToastElements.js +73 -12
  329. package/dist/components/toast/ToastElements.js.map +1 -1
  330. package/dist/components/toast/index.d.ts +1 -1
  331. package/dist/components/toast/index.d.ts.map +1 -1
  332. package/dist/components/toast/index.js.map +1 -1
  333. package/dist/components/toast/types.d.ts +49 -16
  334. package/dist/components/toast/types.d.ts.map +1 -1
  335. package/dist/components/toggle/Toggle.d.ts +1 -1
  336. package/dist/components/toggle/Toggle.d.ts.map +1 -1
  337. package/dist/components/toggle/Toggle.js +63 -29
  338. package/dist/components/toggle/Toggle.js.map +1 -1
  339. package/dist/components/toggle/index.d.ts +1 -1
  340. package/dist/components/toggle/index.d.ts.map +1 -1
  341. package/dist/components/toggle/index.js.map +1 -1
  342. package/dist/components/toggle/types.d.ts +31 -3
  343. package/dist/components/toggle/types.d.ts.map +1 -1
  344. package/dist/components/toggle-group/ToggleGroup.d.ts +1 -1
  345. package/dist/components/toggle-group/ToggleGroup.d.ts.map +1 -1
  346. package/dist/components/toggle-group/ToggleGroup.js +5 -1
  347. package/dist/components/toggle-group/ToggleGroup.js.map +1 -1
  348. package/dist/components/toggle-group/client/ToggleGroupClient.d.ts +1 -1
  349. package/dist/components/toggle-group/client/ToggleGroupClient.d.ts.map +1 -1
  350. package/dist/components/toggle-group/client/ToggleGroupClient.js +15 -1
  351. package/dist/components/toggle-group/client/ToggleGroupClient.js.map +1 -1
  352. package/dist/components/toggle-group/index.d.ts +1 -1
  353. package/dist/components/toggle-group/index.d.ts.map +1 -1
  354. package/dist/components/toggle-group/index.js.map +1 -1
  355. package/dist/components/toggle-group/types.d.ts +4 -4
  356. package/dist/components/toggle-group/types.d.ts.map +1 -1
  357. package/dist/components/toolbar/Toolbar.d.ts +3 -12
  358. package/dist/components/toolbar/Toolbar.d.ts.map +1 -1
  359. package/dist/components/toolbar/Toolbar.js +22 -2
  360. package/dist/components/toolbar/Toolbar.js.map +1 -1
  361. package/dist/components/toolbar/types.d.ts +5 -5
  362. package/dist/components/toolbar/types.d.ts.map +1 -1
  363. package/dist/components/virtual-scroll/VirtualScroll.d.ts.map +1 -1
  364. package/dist/components/virtual-scroll/VirtualScroll.js +53 -20
  365. package/dist/components/virtual-scroll/VirtualScroll.js.map +1 -1
  366. package/dist/components/virtual-scroll/VirtualScrollRowShell.d.ts +3 -14
  367. package/dist/components/virtual-scroll/VirtualScrollRowShell.d.ts.map +1 -1
  368. package/dist/components/virtual-scroll/VirtualScrollRowShell.js +6 -3
  369. package/dist/components/virtual-scroll/VirtualScrollRowShell.js.map +1 -1
  370. package/dist/components/virtual-scroll/index.d.ts +1 -1
  371. package/dist/components/virtual-scroll/index.d.ts.map +1 -1
  372. package/dist/components/virtual-scroll/index.js.map +1 -1
  373. package/dist/components/virtual-scroll/types.d.ts +35 -2
  374. package/dist/components/virtual-scroll/types.d.ts.map +1 -1
  375. package/dist/components/virtual-scroll/types.js.map +1 -1
  376. package/dist/core/slot-props.d.ts +19 -0
  377. package/dist/core/slot-props.d.ts.map +1 -0
  378. package/dist/core/slot-props.js +59 -0
  379. package/dist/core/slot-props.js.map +1 -0
  380. package/dist/core/use-popover.d.ts +2 -1
  381. package/dist/core/use-popover.d.ts.map +1 -1
  382. package/dist/core/use-popover.js +3 -1
  383. package/dist/core/use-popover.js.map +1 -1
  384. package/dist/elements/choice/Choice.d.ts.map +1 -1
  385. package/dist/elements/choice/Choice.js +47 -7
  386. package/dist/elements/choice/Choice.js.map +1 -1
  387. package/dist/elements/choice/index.d.ts +1 -1
  388. package/dist/elements/choice/index.d.ts.map +1 -1
  389. package/dist/elements/choice/index.js.map +1 -1
  390. package/dist/elements/choice/types.d.ts +25 -10
  391. package/dist/elements/choice/types.d.ts.map +1 -1
  392. package/dist/hooks/use-isomorphic-layout-effect.d.ts +2 -2
  393. package/dist/hooks/use-isomorphic-layout-effect.d.ts.map +1 -1
  394. package/dist/styles/index.css +1 -1
  395. package/dist/styles/tailwind.css +17 -16
  396. package/package.json +1 -1
  397. package/skills/uiify/references/elements/accordion.md +1 -1
  398. package/skills/uiify/references/elements/breadcrumb.md +1 -0
  399. package/skills/uiify/references/elements/checkbox.md +1 -1
  400. package/skills/uiify/references/elements/color-picker.md +1 -1
  401. package/skills/uiify/references/elements/combobox.md +1 -1
  402. package/skills/uiify/references/elements/context-menu.md +1 -1
  403. package/skills/uiify/references/elements/dropdown-menu.md +1 -1
  404. package/skills/uiify/references/elements/form-error-summary.md +5 -0
  405. package/skills/uiify/references/elements/pagination.md +1 -1
  406. package/skills/uiify/references/elements/radio-group.md +1 -0
  407. package/skills/uiify/references/elements/rating.md +1 -1
  408. package/skills/uiify/references/elements/segmented-control.md +1 -0
  409. package/skills/uiify/references/elements/spinner.md +1 -1
  410. package/skills/uiify/references/elements/table.md +1 -1
  411. package/skills/uiify/references/elements/tabs.md +1 -1
  412. package/skills/uiify/references/elements/tags-input.md +1 -1
  413. package/skills/uiify/references/elements/toast.md +1 -0
  414. package/skills/uiify/references/elements/toggle-group.md +1 -0
@@ -2,6 +2,7 @@
2
2
  import { jsx } from "react/jsx-runtime";
3
3
  import { useCallback, useMemo, useState } from "react";
4
4
  import { formatLabel } from "@gunkin/uiify/core/format-label";
5
+ import { omitProps } from "../../../core/slot-props.js";
5
6
  import { CandleChart, CandleChartCandle, getPriceBounds } from "../CandleChart.js";
6
7
  import { VirtualScroll } from "../../virtual-scroll/VirtualScroll.js";
7
8
  import {
@@ -24,6 +25,7 @@ function CandleChartClient(props) {
24
25
  onCandleClick: consumerOnCandleClick,
25
26
  onCandlePointerLeave: consumerOnCandlePointerLeave,
26
27
  onCandlePointerMove: consumerOnCandlePointerMove,
28
+ slotProps,
27
29
  ...consumerProps
28
30
  } = props;
29
31
  const live = visibleCount !== void 0 && visibleCount > 0;
@@ -85,6 +87,7 @@ function CandleChartClient(props) {
85
87
  onCandleClick: handleCandleClick,
86
88
  onCandlePointerLeave: handleCandlePointerLeave,
87
89
  onCandlePointerMove: handleCandlePointerMove,
90
+ ...slotProps ? { slotProps } : {},
88
91
  ref: chartRef,
89
92
  selectedCandleIndex,
90
93
  style
@@ -95,6 +98,7 @@ function CandleChartClient(props) {
95
98
  const slice = data.slice(sliceStart, sliceEnd);
96
99
  const { min, max } = getPriceBounds(slice);
97
100
  const toSliceIndex = (index) => index !== void 0 && index >= sliceStart && index < sliceEnd ? index - sliceStart : void 0;
101
+ const { ref: liveScrollportRef, ...liveScrollportProps } = slotProps?.liveScrollport ?? {};
98
102
  const candleLayer = /* @__PURE__ */ jsx(
99
103
  VirtualScroll,
100
104
  {
@@ -125,9 +129,24 @@ function CandleChartClient(props) {
125
129
  cursorY: isActive ? cursor?.offsetY : void 0,
126
130
  onCandleClick: handleCandleClick,
127
131
  onCandlePointerLeave: handleCandlePointerLeave,
128
- onCandlePointerMove: handleCandlePointerMove
132
+ onCandlePointerMove: handleCandlePointerMove,
133
+ slotProps
129
134
  }
130
135
  );
136
+ },
137
+ ...omitProps(liveScrollportProps, [
138
+ "children",
139
+ "dangerouslySetInnerHTML",
140
+ "data-dynamic-layout",
141
+ "data-orientation",
142
+ "data-part",
143
+ "data-uiify-virtual-scroll",
144
+ "role"
145
+ ]),
146
+ ...liveScrollportRef ? { ref: liveScrollportRef } : {},
147
+ slotProps: {
148
+ ...slotProps?.liveSpacer ? { spacer: slotProps.liveSpacer } : {},
149
+ ...slotProps?.liveCandleRow ? { row: slotProps.liveCandleRow } : {}
131
150
  }
132
151
  }
133
152
  );
@@ -146,6 +165,7 @@ function CandleChartClient(props) {
146
165
  candleLayer,
147
166
  cursorY: cursor?.offsetY,
148
167
  interactive: true,
168
+ ...slotProps ? { slotProps } : {},
149
169
  ref: chartRef,
150
170
  selectedCandleIndex: toSliceIndex(selectedCandleIndex),
151
171
  slotCount: data.length,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/candle-chart/client/CandleChartClient.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { CSSProperties, ElementType, ReactElement, Ref } from \"react\";\nimport { formatLabel } from \"@gunkin/uiify/core/format-label\";\nimport { CandleChart, CandleChartCandle, getPriceBounds } from \"../CandleChart.js\";\nimport type {\n CandleChartClientProps,\n CandleChartData,\n CandleChartPointerPosition,\n CandleChartProps,\n CandleChartViewProps,\n} from \"../types.js\";\nimport { VirtualScroll } from \"../../virtual-scroll/VirtualScroll.js\";\nimport {\n liveTimeAxis,\n useLiveChartWindow,\n} from \"../../internal/live-chart/use-live-chart-window.js\";\nimport { useScrollbarReserve } from \"../../internal/chart-scrollbar/use-scrollbar-reserve.js\";\nimport { useChartViewport } from \"../../../hooks/use-chart-viewport.js\";\nimport { useMergedRefs } from \"../../../hooks/use-merged-refs.js\";\nimport { useResizeObserver } from \"../../../hooks/use-resize-observer.js\";\n\ninterface InteractiveCandleStyle extends CSSProperties {\n \"--candle-scale\": string;\n \"--candle-content-size\"?: string;\n \"--candle-plot-height\"?: string;\n}\n\ninterface CursorState extends CandleChartPointerPosition {}\n\ninterface LiveCandle {\n readonly id: string;\n readonly candle: CandleChartData;\n}\n\n/**\n * `[data-part=\"plot\"]`'s fixed price-axis column (4.5rem) plus its grid gap\n * (0.75rem) — see candle-chart.css. `useChartViewport` measures the whole\n * `<figure>`, but candles only ever get the width left over after this\n * column, so it must be subtracted before sizing `minItemWidth`.\n */\nconst Y_AXIS_COLUMN_WIDTH = 72 + 12;\nexport function CandleChartClient<TAs extends ElementType = \"figure\">(\n props: CandleChartClientProps<TAs>,\n): ReactElement | null {\n const {\n data,\n visibleCount,\n xAxis,\n labels,\n ref: consumerRef,\n style: consumerStyle,\n onCandleClick: consumerOnCandleClick,\n onCandlePointerLeave: consumerOnCandlePointerLeave,\n onCandlePointerMove: consumerOnCandlePointerMove,\n ...consumerProps\n } = props as CandleChartClientProps<\"figure\"> & {\n ref?: Ref<HTMLElement>;\n style?: CSSProperties;\n };\n const live = visibleCount !== undefined && visibleCount > 0;\n const viewport = useChartViewport(\n live\n ? {\n enabled: false,\n initialScale: 1,\n itemCount: visibleCount,\n measuredWidthOffset: Y_AXIS_COLUMN_WIDTH,\n }\n : { itemCount: data.length, measuredWidthOffset: Y_AXIS_COLUMN_WIDTH, minItemWidth: 24 },\n );\n const figureSize = useResizeObserver(viewport.ref);\n const liveWindow = useLiveChartWindow({\n count: data.length,\n visibleCount,\n itemWidth: viewport.itemWidth,\n figureHeight: figureSize?.height,\n scrollVariable: \"--candle-scroll-x\",\n });\n useScrollbarReserve(liveWindow.chartRef, \"--candle-scrollbar-size\");\n // Cursor and selection hold absolute indices so they survive scrolling and appends.\n const [cursor, setCursor] = useState<CursorState | null>(null);\n const [selectedCandleIndex, setSelectedCandleIndex] = useState<number | undefined>();\n const chartRef = useMergedRefs<HTMLElement>(viewport.ref, consumerRef, liveWindow.chartRef);\n const handleCandleClick = useCallback(\n (index: number) => {\n setSelectedCandleIndex(index);\n consumerOnCandleClick?.(index);\n },\n [consumerOnCandleClick],\n );\n const handleCandlePointerLeave = useCallback(() => {\n setCursor(null);\n consumerOnCandlePointerLeave?.();\n }, [consumerOnCandlePointerLeave]);\n const handleCandlePointerMove = useCallback(\n (position: CandleChartPointerPosition) => {\n setCursor(position);\n consumerOnCandlePointerMove?.(position);\n },\n [consumerOnCandlePointerMove],\n );\n const liveItems = useMemo<readonly LiveCandle[]>(\n () => (live ? data.map((candle, index) => ({ id: String(index), candle })) : []),\n [data, live],\n );\n const style: InteractiveCandleStyle = {\n ...consumerStyle,\n \"--candle-scale\": String(viewport.scale),\n };\n\n if (!live) {\n const chartProps = {\n ...consumerProps,\n ...(xAxis ? { xAxis } : {}),\n data,\n labels,\n activeCandleIndex: cursor?.index,\n cursorY: cursor?.offsetY,\n interactive: true,\n onCandleClick: handleCandleClick,\n onCandlePointerLeave: handleCandlePointerLeave,\n onCandlePointerMove: handleCandlePointerMove,\n ref: chartRef,\n selectedCandleIndex,\n style,\n } as CandleChartProps<\"figure\">;\n return <CandleChart {...chartProps} />;\n }\n\n const { sliceStart, sliceEnd, contentSize, plotHeight } = liveWindow;\n const slice = data.slice(sliceStart, sliceEnd);\n const { min, max } = getPriceBounds(slice);\n const toSliceIndex = (index: number | undefined): number | undefined =>\n index !== undefined && index >= sliceStart && index < sliceEnd ? index - sliceStart : undefined;\n const candleLayer = (\n <VirtualScroll\n height={plotHeight}\n items={liveItems}\n orientation=\"horizontal\"\n overscan={2}\n rowHeight={viewport.itemWidth}\n scrollRef={liveWindow.scrollRef}\n onRangeChange={liveWindow.onRangeChange}\n renderRow={({ candle }, index) => {\n // Overscan candles stay inert, so focus never scrolls hidden candles into view.\n const inSlice = index >= sliceStart && index < sliceEnd;\n const isActive = cursor?.index === index;\n return (\n <CandleChartCandle\n as=\"div\"\n candle={candle}\n hitLabel={formatLabel(labels?.candle ?? \"Candle {time}\", { time: String(candle.time) })}\n index={index}\n x={0}\n slot={100}\n min={min}\n max={max}\n interactive={inSlice}\n isActive={isActive}\n isSelected={selectedCandleIndex === index}\n cursorY={isActive ? cursor?.offsetY : undefined}\n onCandleClick={handleCandleClick}\n onCandlePointerLeave={handleCandlePointerLeave}\n onCandlePointerMove={handleCandlePointerMove}\n />\n );\n }}\n />\n );\n\n const liveStyle: InteractiveCandleStyle = {\n ...style,\n \"--candle-content-size\": `${contentSize}px`,\n \"--candle-plot-height\": `${plotHeight}px`,\n };\n const chartProps = {\n ...consumerProps,\n data: slice,\n labels,\n xAxis: xAxis ?? liveTimeAxis(data, sliceStart, sliceEnd, visibleCount),\n activeCandleIndex: toSliceIndex(cursor?.index),\n announceReadout: false,\n candleLayer,\n cursorY: cursor?.offsetY,\n interactive: true,\n ref: chartRef,\n selectedCandleIndex: toSliceIndex(selectedCandleIndex),\n slotCount: data.length,\n slotOffset: sliceStart,\n style: liveStyle,\n } as CandleChartProps<\"figure\"> & CandleChartViewProps;\n\n return <CandleChart {...chartProps} />;\n}\nCandleChartClient.displayName = \"CandleChartClient\";\n"],"mappings":"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","names":["chartProps"]}
1
+ {"version":3,"sources":["../../../../src/components/candle-chart/client/CandleChartClient.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { CSSProperties, ElementType, ReactElement, Ref } from \"react\";\nimport { formatLabel } from \"@gunkin/uiify/core/format-label\";\nimport { omitProps } from \"../../../core/slot-props.js\";\nimport { CandleChart, CandleChartCandle, getPriceBounds } from \"../CandleChart.js\";\nimport type {\n CandleChartClientProps,\n CandleChartData,\n CandleChartPointerPosition,\n CandleChartProps,\n CandleChartViewProps,\n} from \"../types.js\";\nimport { VirtualScroll } from \"../../virtual-scroll/VirtualScroll.js\";\nimport {\n liveTimeAxis,\n useLiveChartWindow,\n} from \"../../internal/live-chart/use-live-chart-window.js\";\nimport { useScrollbarReserve } from \"../../internal/chart-scrollbar/use-scrollbar-reserve.js\";\nimport { useChartViewport } from \"../../../hooks/use-chart-viewport.js\";\nimport { useMergedRefs } from \"../../../hooks/use-merged-refs.js\";\nimport { useResizeObserver } from \"../../../hooks/use-resize-observer.js\";\n\ninterface InteractiveCandleStyle extends CSSProperties {\n \"--candle-scale\": string;\n \"--candle-content-size\"?: string;\n \"--candle-plot-height\"?: string;\n}\n\ninterface CursorState extends CandleChartPointerPosition {}\n\ninterface LiveCandle {\n readonly id: string;\n readonly candle: CandleChartData;\n}\n\n/**\n * `[data-part=\"plot\"]`'s fixed price-axis column (4.5rem) plus its grid gap\n * (0.75rem) — see candle-chart.css. `useChartViewport` measures the whole\n * `<figure>`, but candles only ever get the width left over after this\n * column, so it must be subtracted before sizing `minItemWidth`.\n */\nconst Y_AXIS_COLUMN_WIDTH = 72 + 12;\nexport function CandleChartClient<TAs extends ElementType = \"figure\">(\n props: CandleChartClientProps<TAs>,\n): ReactElement | null {\n const {\n data,\n visibleCount,\n xAxis,\n labels,\n ref: consumerRef,\n style: consumerStyle,\n onCandleClick: consumerOnCandleClick,\n onCandlePointerLeave: consumerOnCandlePointerLeave,\n onCandlePointerMove: consumerOnCandlePointerMove,\n slotProps,\n ...consumerProps\n } = props as CandleChartClientProps<\"figure\"> & {\n ref?: Ref<HTMLElement>;\n style?: CSSProperties;\n };\n const live = visibleCount !== undefined && visibleCount > 0;\n const viewport = useChartViewport(\n live\n ? {\n enabled: false,\n initialScale: 1,\n itemCount: visibleCount,\n measuredWidthOffset: Y_AXIS_COLUMN_WIDTH,\n }\n : { itemCount: data.length, measuredWidthOffset: Y_AXIS_COLUMN_WIDTH, minItemWidth: 24 },\n );\n const figureSize = useResizeObserver(viewport.ref);\n const liveWindow = useLiveChartWindow({\n count: data.length,\n visibleCount,\n itemWidth: viewport.itemWidth,\n figureHeight: figureSize?.height,\n scrollVariable: \"--candle-scroll-x\",\n });\n useScrollbarReserve(liveWindow.chartRef, \"--candle-scrollbar-size\");\n // Cursor and selection hold absolute indices so they survive scrolling and appends.\n const [cursor, setCursor] = useState<CursorState | null>(null);\n const [selectedCandleIndex, setSelectedCandleIndex] = useState<number | undefined>();\n const chartRef = useMergedRefs<HTMLElement>(viewport.ref, consumerRef, liveWindow.chartRef);\n const handleCandleClick = useCallback(\n (index: number) => {\n setSelectedCandleIndex(index);\n consumerOnCandleClick?.(index);\n },\n [consumerOnCandleClick],\n );\n const handleCandlePointerLeave = useCallback(() => {\n setCursor(null);\n consumerOnCandlePointerLeave?.();\n }, [consumerOnCandlePointerLeave]);\n const handleCandlePointerMove = useCallback(\n (position: CandleChartPointerPosition) => {\n setCursor(position);\n consumerOnCandlePointerMove?.(position);\n },\n [consumerOnCandlePointerMove],\n );\n const liveItems = useMemo<readonly LiveCandle[]>(\n () => (live ? data.map((candle, index) => ({ id: String(index), candle })) : []),\n [data, live],\n );\n const style: InteractiveCandleStyle = {\n ...consumerStyle,\n \"--candle-scale\": String(viewport.scale),\n };\n\n if (!live) {\n const chartProps = {\n ...consumerProps,\n ...(xAxis ? { xAxis } : {}),\n data,\n labels,\n activeCandleIndex: cursor?.index,\n cursorY: cursor?.offsetY,\n interactive: true,\n onCandleClick: handleCandleClick,\n onCandlePointerLeave: handleCandlePointerLeave,\n onCandlePointerMove: handleCandlePointerMove,\n ...(slotProps ? { slotProps } : {}),\n ref: chartRef,\n selectedCandleIndex,\n style,\n } as CandleChartProps<\"figure\">;\n return <CandleChart {...chartProps} />;\n }\n\n const { sliceStart, sliceEnd, contentSize, plotHeight } = liveWindow;\n const slice = data.slice(sliceStart, sliceEnd);\n const { min, max } = getPriceBounds(slice);\n const toSliceIndex = (index: number | undefined): number | undefined =>\n index !== undefined && index >= sliceStart && index < sliceEnd ? index - sliceStart : undefined;\n const { ref: liveScrollportRef, ...liveScrollportProps } = slotProps?.liveScrollport ?? {};\n const candleLayer = (\n <VirtualScroll\n height={plotHeight}\n items={liveItems}\n orientation=\"horizontal\"\n overscan={2}\n rowHeight={viewport.itemWidth}\n scrollRef={liveWindow.scrollRef}\n onRangeChange={liveWindow.onRangeChange}\n renderRow={({ candle }, index) => {\n // Overscan candles stay inert, so focus never scrolls hidden candles into view.\n const inSlice = index >= sliceStart && index < sliceEnd;\n const isActive = cursor?.index === index;\n return (\n <CandleChartCandle\n as=\"div\"\n candle={candle}\n hitLabel={formatLabel(labels?.candle ?? \"Candle {time}\", { time: String(candle.time) })}\n index={index}\n x={0}\n slot={100}\n min={min}\n max={max}\n interactive={inSlice}\n isActive={isActive}\n isSelected={selectedCandleIndex === index}\n cursorY={isActive ? cursor?.offsetY : undefined}\n onCandleClick={handleCandleClick}\n onCandlePointerLeave={handleCandlePointerLeave}\n onCandlePointerMove={handleCandlePointerMove}\n slotProps={slotProps}\n />\n );\n }}\n {...omitProps(liveScrollportProps, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"data-dynamic-layout\",\n \"data-orientation\",\n \"data-part\",\n \"data-uiify-virtual-scroll\",\n \"role\",\n ])}\n {...(liveScrollportRef ? { ref: liveScrollportRef } : {})}\n slotProps={{\n ...(slotProps?.liveSpacer ? { spacer: slotProps.liveSpacer } : {}),\n ...(slotProps?.liveCandleRow ? { row: slotProps.liveCandleRow } : {}),\n }}\n />\n );\n\n const liveStyle: InteractiveCandleStyle = {\n ...style,\n \"--candle-content-size\": `${contentSize}px`,\n \"--candle-plot-height\": `${plotHeight}px`,\n };\n const chartProps = {\n ...consumerProps,\n data: slice,\n labels,\n xAxis: xAxis ?? liveTimeAxis(data, sliceStart, sliceEnd, visibleCount),\n activeCandleIndex: toSliceIndex(cursor?.index),\n announceReadout: false,\n candleLayer,\n cursorY: cursor?.offsetY,\n interactive: true,\n ...(slotProps ? { slotProps } : {}),\n ref: chartRef,\n selectedCandleIndex: toSliceIndex(selectedCandleIndex),\n slotCount: data.length,\n slotOffset: sliceStart,\n style: liveStyle,\n } as CandleChartProps<\"figure\"> & CandleChartViewProps;\n\n return <CandleChart {...chartProps} />;\n}\nCandleChartClient.displayName = \"CandleChartClient\";\n"],"mappings":"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","names":["chartProps"]}
@@ -1,3 +1,3 @@
1
1
  export { CandleChartClient } from "./CandleChartClient.js";
2
- export type { CandleChartClientOwnProps, CandleChartClientProps } from "../types.js";
2
+ export type { CandleChartClientOwnProps, CandleChartClientProps, CandleChartSlotProps, } from "../types.js";
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/candle-chart/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/candle-chart/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EACV,yBAAyB,EACzB,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,aAAa,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/candle-chart/client/index.ts"],"sourcesContent":["export { CandleChartClient } from \"./CandleChartClient.js\";\nexport type { CandleChartClientOwnProps, CandleChartClientProps } from \"../types.js\";\n"],"mappings":"AAAA,SAAS,yBAAyB;","names":[]}
1
+ {"version":3,"sources":["../../../../src/components/candle-chart/client/index.ts"],"sourcesContent":["export { CandleChartClient } from \"./CandleChartClient.js\";\nexport type {\n CandleChartClientOwnProps,\n CandleChartClientProps,\n CandleChartSlotProps,\n} from \"../types.js\";\n"],"mappings":"AAAA,SAAS,yBAAyB;","names":[]}
@@ -1,3 +1,3 @@
1
1
  export { CandleChart } from "./CandleChart.js";
2
- export type { CandleChartAxisLabel, CandleChartLabels, CandleChartData, CandleChartOwnProps, CandleChartPointerPosition, CandleChartProps, } from "./types.js";
2
+ export type { CandleChartAxisLabel, CandleChartLabels, CandleChartData, CandleChartOwnProps, CandleChartPointerPosition, CandleChartProps, CandleChartSlotProps, } from "./types.js";
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,gBAAgB,GACjB,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/candle-chart/index.ts"],"sourcesContent":["export { CandleChart } from \"./CandleChart.js\";\nexport type {\n CandleChartAxisLabel,\n CandleChartLabels,\n CandleChartData,\n CandleChartOwnProps,\n CandleChartPointerPosition,\n CandleChartProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,mBAAmB;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/candle-chart/index.ts"],"sourcesContent":["export { CandleChart } from \"./CandleChart.js\";\nexport type {\n CandleChartAxisLabel,\n CandleChartLabels,\n CandleChartData,\n CandleChartOwnProps,\n CandleChartPointerPosition,\n CandleChartProps,\n CandleChartSlotProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,mBAAmB;","names":[]}
@@ -1,5 +1,130 @@
1
- import type { ElementType, ReactNode } from "react";
1
+ import type { ComponentPropsWithRef, ElementType, HTMLAttributes, ReactNode, Ref } from "react";
2
2
  import type { RenderableProps } from "@gunkin/uiify/core/render";
3
+ import type { ConsumerDataAttributes } from "../../core/slot-props.js";
4
+ type CandleChartPartSlotProps<TTag extends ElementType, TOwned extends object = {
5
+ readonly "data-part"?: never;
6
+ }> = Omit<ComponentPropsWithRef<TTag>, "children" | "dangerouslySetInnerHTML" | keyof TOwned> & ConsumerDataAttributes & TOwned;
7
+ type CandleChartIndexedSlotProps<TProps extends object, TOwned extends object = object> = Omit<TProps, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes & TOwned & {
8
+ readonly byItemIndex?: Readonly<Record<number, Omit<TProps, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes & TOwned>>;
9
+ };
10
+ type CandleChartRepeatedSlotProps<TTag extends ElementType, TOwned extends object = {
11
+ readonly "data-part"?: never;
12
+ }> = CandleChartIndexedSlotProps<Omit<ComponentPropsWithRef<TTag>, "children" | "dangerouslySetInnerHTML">, TOwned>;
13
+ type CandleChartCandleElementProps = HTMLAttributes<HTMLElement> & {
14
+ readonly ref?: Ref<HTMLElement>;
15
+ };
16
+ type CandleChartCandleOwnedProps = {
17
+ readonly "aria-hidden"?: never;
18
+ readonly "data-crosshair-active"?: never;
19
+ readonly "data-direction"?: never;
20
+ readonly "data-part"?: never;
21
+ readonly "data-time"?: never;
22
+ };
23
+ type CandleChartLiveRowOwnedProps = {
24
+ readonly "aria-posinset"?: never;
25
+ readonly "aria-setsize"?: never;
26
+ readonly "data-dynamic-row"?: never;
27
+ readonly "data-part"?: never;
28
+ readonly "data-row-index"?: never;
29
+ readonly role?: never;
30
+ };
31
+ type CandleChartLiveRowSlotProps = Omit<CandleChartRepeatedSlotProps<"div">, "byItemIndex"> & CandleChartLiveRowOwnedProps & {
32
+ readonly byItemIndex?: Readonly<Record<number, Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes & CandleChartLiveRowOwnedProps>>;
33
+ };
34
+ export interface CandleChartSlotProps {
35
+ readonly caption?: CandleChartPartSlotProps<"figcaption">;
36
+ readonly readout?: CandleChartPartSlotProps<"div", {
37
+ readonly "aria-live"?: never;
38
+ readonly "data-part"?: never;
39
+ }>;
40
+ readonly readoutTime?: CandleChartPartSlotProps<"span">;
41
+ readonly readoutOpen?: CandleChartPartSlotProps<"span">;
42
+ readonly readoutHigh?: CandleChartPartSlotProps<"span">;
43
+ readonly readoutLow?: CandleChartPartSlotProps<"span">;
44
+ readonly readoutClose?: CandleChartPartSlotProps<"span">;
45
+ readonly plot?: CandleChartPartSlotProps<"div", {
46
+ readonly "aria-hidden"?: never;
47
+ readonly "data-part"?: never;
48
+ }>;
49
+ readonly scrollViewport?: CandleChartPartSlotProps<"div">;
50
+ readonly canvas?: CandleChartPartSlotProps<"div">;
51
+ readonly viewport?: CandleChartPartSlotProps<"div">;
52
+ readonly candles?: CandleChartPartSlotProps<"ol", {
53
+ readonly "aria-label"?: never;
54
+ readonly "data-part"?: never;
55
+ }>;
56
+ readonly candle?: CandleChartIndexedSlotProps<CandleChartCandleElementProps, CandleChartCandleOwnedProps>;
57
+ readonly candleHit?: CandleChartRepeatedSlotProps<"button", {
58
+ readonly "aria-label"?: never;
59
+ readonly "aria-pressed"?: never;
60
+ readonly "data-part"?: never;
61
+ readonly type?: never;
62
+ }>;
63
+ readonly crosshair?: CandleChartPartSlotProps<"div", {
64
+ readonly "aria-hidden"?: never;
65
+ readonly "data-part"?: never;
66
+ }>;
67
+ readonly crosshairMarker?: CandleChartPartSlotProps<"span">;
68
+ readonly timeViewport?: CandleChartPartSlotProps<"div">;
69
+ readonly timeAxis?: CandleChartPartSlotProps<"ol", {
70
+ readonly "aria-label"?: never;
71
+ readonly "data-axis"?: never;
72
+ readonly "data-part"?: never;
73
+ }>;
74
+ readonly timeAxisLabel?: CandleChartRepeatedSlotProps<"li">;
75
+ readonly crosshairTime?: CandleChartPartSlotProps<"li">;
76
+ readonly priceAxis?: CandleChartPartSlotProps<"ol", {
77
+ readonly "aria-label"?: never;
78
+ readonly "data-axis"?: never;
79
+ readonly "data-part"?: never;
80
+ }>;
81
+ readonly priceAxisLabel?: CandleChartRepeatedSlotProps<"li">;
82
+ readonly crosshairPrice?: CandleChartPartSlotProps<"li">;
83
+ readonly liveScrollport?: CandleChartPartSlotProps<"div", {
84
+ readonly "data-dynamic-layout"?: never;
85
+ readonly "data-orientation"?: never;
86
+ readonly "data-part"?: never;
87
+ readonly "data-uiify-virtual-scroll"?: never;
88
+ readonly role?: never;
89
+ }>;
90
+ readonly liveSpacer?: CandleChartPartSlotProps<"div">;
91
+ readonly liveCandleRow?: CandleChartLiveRowSlotProps;
92
+ readonly dataTable?: CandleChartPartSlotProps<"table", {
93
+ readonly "aria-label"?: never;
94
+ readonly "data-part"?: never;
95
+ }>;
96
+ readonly dataTableHead?: CandleChartPartSlotProps<"thead">;
97
+ readonly dataTableHeaderRow?: CandleChartPartSlotProps<"tr">;
98
+ readonly dataTableTimeHeader?: CandleChartPartSlotProps<"th", {
99
+ readonly scope?: never;
100
+ readonly "data-part"?: never;
101
+ }>;
102
+ readonly dataTableOpenHeader?: CandleChartPartSlotProps<"th", {
103
+ readonly scope?: never;
104
+ readonly "data-part"?: never;
105
+ }>;
106
+ readonly dataTableHighHeader?: CandleChartPartSlotProps<"th", {
107
+ readonly scope?: never;
108
+ readonly "data-part"?: never;
109
+ }>;
110
+ readonly dataTableLowHeader?: CandleChartPartSlotProps<"th", {
111
+ readonly scope?: never;
112
+ readonly "data-part"?: never;
113
+ }>;
114
+ readonly dataTableCloseHeader?: CandleChartPartSlotProps<"th", {
115
+ readonly scope?: never;
116
+ readonly "data-part"?: never;
117
+ }>;
118
+ readonly dataTableBody?: CandleChartPartSlotProps<"tbody">;
119
+ readonly dataTableRow?: CandleChartRepeatedSlotProps<"tr">;
120
+ readonly dataTableTimeCell?: CandleChartRepeatedSlotProps<"th", {
121
+ readonly scope?: never;
122
+ }>;
123
+ readonly dataTableOpenCell?: CandleChartRepeatedSlotProps<"td">;
124
+ readonly dataTableHighCell?: CandleChartRepeatedSlotProps<"td">;
125
+ readonly dataTableLowCell?: CandleChartRepeatedSlotProps<"td">;
126
+ readonly dataTableCloseCell?: CandleChartRepeatedSlotProps<"td">;
127
+ }
3
128
  export interface CandleChartData {
4
129
  readonly time: string | number;
5
130
  readonly open: number;
@@ -30,6 +155,7 @@ export interface CandleChartOwnProps {
30
155
  readonly onCandlePointerLeave?: () => void;
31
156
  readonly onCandlePointerMove?: (position: CandleChartPointerPosition) => void;
32
157
  readonly selectedCandleIndex?: number;
158
+ readonly slotProps?: CandleChartSlotProps;
33
159
  readonly xAxis?: readonly CandleChartAxisLabel[];
34
160
  readonly yAxis?: readonly CandleChartAxisLabel[];
35
161
  }
@@ -86,5 +212,7 @@ export interface CandleChartCandleProps {
86
212
  readonly onCandleClick?: ((index: number) => void) | undefined;
87
213
  readonly onCandlePointerLeave?: (() => void) | undefined;
88
214
  readonly onCandlePointerMove?: ((position: CandleChartPointerPosition) => void) | undefined;
215
+ readonly slotProps?: Pick<CandleChartSlotProps, "candle" | "candleHit"> | undefined;
89
216
  }
217
+ export {};
90
218
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/types.ts"],"names":[],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import type { ReactElement } from "react";
2
- import type { CarouselProps } from "./types.js";
2
+ import type { CarouselWithRefProps } from "./types.js";
3
3
  /** Native scrolling and fragment navigation; no client behavior required. */
4
- export declare function Carousel(props: CarouselProps): ReactElement | null;
4
+ export declare function Carousel(props: CarouselWithRefProps): ReactElement | null;
5
5
  export declare namespace Carousel {
6
6
  var displayName: string;
7
7
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,6EAA6E;AAC7E,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,GAAG,IAAI,CAElE;yBAFe,QAAQ"}
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvD,6EAA6E;AAC7E,wBAAgB,QAAQ,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAGzE;yBAHe,QAAQ"}
@@ -1,7 +1,8 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { CarouselMarkup } from "./CarouselMarkup.js";
3
3
  function Carousel(props) {
4
- return /* @__PURE__ */ jsx(CarouselMarkup, { base: props });
4
+ const { ref, ...base } = props;
5
+ return /* @__PURE__ */ jsx(CarouselMarkup, { base, ...ref ? { rootRef: ref } : {} });
5
6
  }
6
7
  Carousel.displayName = "Carousel";
7
8
  export {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/carousel/Carousel.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { CarouselMarkup } from \"./CarouselMarkup.js\";\nimport type { CarouselProps } from \"./types.js\";\n\n/** Native scrolling and fragment navigation; no client behavior required. */\nexport function Carousel(props: CarouselProps): ReactElement | null {\n return <CarouselMarkup base={props} />;\n}\nCarousel.displayName = \"Carousel\";\n"],"mappings":"AAMS;AALT,SAAS,sBAAsB;AAIxB,SAAS,SAAS,OAA2C;AAClE,SAAO,oBAAC,kBAAe,MAAM,OAAO;AACtC;AACA,SAAS,cAAc;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/carousel/Carousel.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { CarouselMarkup } from \"./CarouselMarkup.js\";\nimport type { CarouselWithRefProps } from \"./types.js\";\n\n/** Native scrolling and fragment navigation; no client behavior required. */\nexport function Carousel(props: CarouselWithRefProps): ReactElement | null {\n const { ref, ...base } = props;\n return <CarouselMarkup base={base} {...(ref ? { rootRef: ref } : {})} />;\n}\nCarousel.displayName = \"Carousel\";\n"],"mappings":"AAOS;AANT,SAAS,sBAAsB;AAIxB,SAAS,SAAS,OAAkD;AACzE,QAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,SAAO,oBAAC,kBAAe,MAAa,GAAI,MAAM,EAAE,SAAS,IAAI,IAAI,CAAC,GAAI;AACxE;AACA,SAAS,cAAc;","names":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselMarkup.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EAAE,OAAO,EACb,OAAO,EACP,YAAY,GACb,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAgK3C;yBApKe,cAAc"}
1
+ {"version":3,"file":"CarouselMarkup.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EAAE,OAAO,EACb,OAAO,EACP,YAAY,GACb,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAiR3C;yBArRe,cAAc"}
@@ -1,5 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { createElement } from "react";
2
3
  import { formatLabel } from "@gunkin/uiify/core/format-label";
4
+ import { omitProps, resolveRepeatedSlotProps } from "../../core/slot-props.js";
3
5
  import { carouselFragment, carouselSlideId, normalizeCarouselProps } from "./carousel-markup.js";
4
6
  function CarouselMarkup({
5
7
  base: rawBase,
@@ -7,7 +9,36 @@ function CarouselMarkup({
7
9
  presentation
8
10
  }) {
9
11
  const base = normalizeCarouselProps(rawBase);
10
- const { items, labels } = base;
12
+ const { items, labels, slotProps } = base;
13
+ const rootProps = omitProps(base, [
14
+ "aria-label",
15
+ "autoplay",
16
+ "axis",
17
+ "afterChange",
18
+ "beforeChange",
19
+ "className",
20
+ "data-enhanced",
21
+ "data-mode",
22
+ "dangerouslySetInnerHTML",
23
+ "defaultValue",
24
+ "dir",
25
+ "icons",
26
+ "id",
27
+ "items",
28
+ "labels",
29
+ "locale",
30
+ "mouseDrag",
31
+ "navigation",
32
+ "onSelect",
33
+ "onSwipe",
34
+ "pagination",
35
+ "ref",
36
+ "rewind",
37
+ "slotProps",
38
+ "style",
39
+ "swipe",
40
+ "value"
41
+ ]);
11
42
  const hasControls = items.length > 1;
12
43
  if (items.length === 0) return null;
13
44
  const enhanced = presentation?.snapshot.ready === true;
@@ -20,6 +51,7 @@ function CarouselMarkup({
20
51
  return /* @__PURE__ */ jsxs(
21
52
  "section",
22
53
  {
54
+ ...rootProps,
23
55
  ref: rootRef,
24
56
  id: base.id,
25
57
  "aria-label": base["aria-label"],
@@ -35,6 +67,18 @@ function CarouselMarkup({
35
67
  presentation && hasControls && presentation.autoplay ? /* @__PURE__ */ jsx(
36
68
  "button",
37
69
  {
70
+ ...resolveRepeatedSlotProps(slotProps?.rotationControl, "rotation", [
71
+ "aria-label",
72
+ "data-carousel-action",
73
+ "data-part",
74
+ "data-size",
75
+ "data-uiify-button",
76
+ "data-variant",
77
+ "dangerouslySetInnerHTML",
78
+ "disabled",
79
+ "hidden",
80
+ "type"
81
+ ]),
38
82
  type: "button",
39
83
  "data-part": "controls",
40
84
  "data-carousel-action": "rotation",
@@ -47,6 +91,14 @@ function CarouselMarkup({
47
91
  /* @__PURE__ */ jsx(
48
92
  "div",
49
93
  {
94
+ ...omitProps(slotProps?.viewport, [
95
+ "aria-label",
96
+ "dangerouslySetInnerHTML",
97
+ "data-part",
98
+ "id",
99
+ "role",
100
+ "tabIndex"
101
+ ]),
50
102
  id: `${base.id}--viewport`,
51
103
  tabIndex: 0,
52
104
  role: "group",
@@ -54,9 +106,27 @@ function CarouselMarkup({
54
106
  "data-part": "viewport",
55
107
  children: items.map((item, index) => {
56
108
  const slideId = carouselSlideId(base.id, item.id);
57
- return /* @__PURE__ */ jsx(
109
+ const slideProps = resolveRepeatedSlotProps(slotProps?.slide, item.id, [
110
+ "aria-hidden",
111
+ "aria-label",
112
+ "aria-roledescription",
113
+ "data-carousel-index",
114
+ "data-part",
115
+ "data-state",
116
+ "dangerouslySetInnerHTML",
117
+ "id",
118
+ "inert",
119
+ "role"
120
+ ]);
121
+ const slideContentProps = resolveRepeatedSlotProps(slotProps?.slideContent, item.id, [
122
+ "dangerouslySetInnerHTML",
123
+ "data-part"
124
+ ]);
125
+ return /* @__PURE__ */ createElement(
58
126
  "div",
59
127
  {
128
+ ...slideProps,
129
+ key: item.id,
60
130
  id: slideId,
61
131
  role: "group",
62
132
  "aria-roledescription": "slide",
@@ -69,14 +139,13 @@ function CarouselMarkup({
69
139
  },
70
140
  base.locale
71
141
  ),
72
- className: item.className,
142
+ className: [item.className, slideProps.className].filter(Boolean).join(" ") || void 0,
73
143
  "data-part": "slide",
74
144
  "data-carousel-index": index,
75
145
  ...enhanced ? { "data-state": index === presentedIndex ? "active" : "inactive" } : {},
76
- ...fade && index !== presentedIndex ? { inert: true, "aria-hidden": true } : {},
77
- children: /* @__PURE__ */ jsx("div", { "data-part": "slide-content", children: item.children })
146
+ ...fade && index !== presentedIndex ? { inert: true, "aria-hidden": true } : {}
78
147
  },
79
- item.id
148
+ /* @__PURE__ */ jsx("div", { ...slideContentProps, "data-part": "slide-content", children: item.children })
80
149
  );
81
150
  })
82
151
  }
@@ -84,6 +153,18 @@ function CarouselMarkup({
84
153
  presentation && hasControls && base.navigation ? /* @__PURE__ */ jsx(
85
154
  "button",
86
155
  {
156
+ ...resolveRepeatedSlotProps(slotProps?.previousControl, "previous", [
157
+ "aria-label",
158
+ "data-carousel-action",
159
+ "data-part",
160
+ "data-size",
161
+ "data-uiify-button",
162
+ "data-variant",
163
+ "dangerouslySetInnerHTML",
164
+ "disabled",
165
+ "hidden",
166
+ "type"
167
+ ]),
87
168
  type: "button",
88
169
  "aria-label": labels.previous,
89
170
  "data-part": "controls",
@@ -96,25 +177,53 @@ function CarouselMarkup({
96
177
  children: base.icons?.previous
97
178
  }
98
179
  ) : null,
99
- base.pagination && hasControls ? /* @__PURE__ */ jsx("nav", { "aria-label": labels.navigation, "data-part": "dots", children: dotIndices.map((itemIndex) => {
100
- const item = items[itemIndex];
101
- if (!item) return null;
102
- return /* @__PURE__ */ jsx(
103
- "a",
104
- {
105
- href: carouselFragment(carouselSlideId(base.id, item.id)),
106
- "aria-label": formatLabel(labels.goToSlide, { label: item.label }, base.locale),
107
- "aria-current": showActiveDot && itemIndex === activeIndex ? "true" : void 0,
108
- "data-part": "dot",
109
- "data-carousel-index": itemIndex,
110
- children: itemIndex + 1
111
- },
112
- item.id
113
- );
114
- }) }) : null,
180
+ base.pagination && hasControls ? /* @__PURE__ */ jsx(
181
+ "nav",
182
+ {
183
+ ...omitProps(slotProps?.dots, ["aria-label", "dangerouslySetInnerHTML", "data-part"]),
184
+ "aria-label": labels.navigation,
185
+ "data-part": "dots",
186
+ children: dotIndices.map((itemIndex) => {
187
+ const item = items[itemIndex];
188
+ if (!item) return null;
189
+ return /* @__PURE__ */ createElement(
190
+ "a",
191
+ {
192
+ ...resolveRepeatedSlotProps(slotProps?.dot, item.id, [
193
+ "aria-current",
194
+ "aria-label",
195
+ "data-carousel-index",
196
+ "data-part",
197
+ "dangerouslySetInnerHTML",
198
+ "href"
199
+ ]),
200
+ key: item.id,
201
+ href: carouselFragment(carouselSlideId(base.id, item.id)),
202
+ "aria-label": formatLabel(labels.goToSlide, { label: item.label }, base.locale),
203
+ "aria-current": showActiveDot && itemIndex === activeIndex ? "true" : void 0,
204
+ "data-part": "dot",
205
+ "data-carousel-index": itemIndex
206
+ },
207
+ itemIndex + 1
208
+ );
209
+ })
210
+ }
211
+ ) : null,
115
212
  presentation && hasControls && base.navigation ? /* @__PURE__ */ jsx(
116
213
  "button",
117
214
  {
215
+ ...resolveRepeatedSlotProps(slotProps?.nextControl, "next", [
216
+ "aria-label",
217
+ "data-carousel-action",
218
+ "data-part",
219
+ "data-size",
220
+ "data-uiify-button",
221
+ "data-variant",
222
+ "dangerouslySetInnerHTML",
223
+ "disabled",
224
+ "hidden",
225
+ "type"
226
+ ]),
118
227
  type: "button",
119
228
  "aria-label": labels.next,
120
229
  "data-part": "controls",
@@ -130,6 +239,12 @@ function CarouselMarkup({
130
239
  presentation ? /* @__PURE__ */ jsx(
131
240
  "div",
132
241
  {
242
+ ...omitProps(slotProps?.status, [
243
+ "aria-atomic",
244
+ "aria-live",
245
+ "dangerouslySetInnerHTML",
246
+ "data-part"
247
+ ]),
133
248
  "aria-live": presentation.autoplay?.playing ? "off" : "polite",
134
249
  "aria-atomic": "true",
135
250
  "data-part": "status",