@gunkin/uiify 0.0.24-alpha → 0.0.26-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 (528) 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 +22 -4
  8. package/agents/reference/components/candle-chart.md +51 -3
  9. package/agents/reference/components/carousel.md +26 -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 +15 -14
  14. package/agents/reference/components/context-menu.md +16 -5
  15. package/agents/reference/components/date-picker.md +2 -1
  16. package/agents/reference/components/drawer.md +28 -17
  17. package/agents/reference/components/dropdown-menu.md +3 -3
  18. package/agents/reference/components/field.md +13 -13
  19. package/agents/reference/components/form-error-summary.md +11 -1
  20. package/agents/reference/components/input-group.md +1 -0
  21. package/agents/reference/components/input.md +1 -0
  22. package/agents/reference/components/line-chart.md +42 -3
  23. package/agents/reference/components/modal.md +22 -5
  24. package/agents/reference/components/number-field.md +1 -1
  25. package/agents/reference/components/otp-input.md +2 -1
  26. package/agents/reference/components/pagination.md +15 -4
  27. package/agents/reference/components/radio-group.md +8 -2
  28. package/agents/reference/components/rating.md +8 -2
  29. package/agents/reference/components/segmented-control.md +9 -3
  30. package/agents/reference/components/select.md +1 -0
  31. package/agents/reference/components/slider.md +13 -1
  32. package/agents/reference/components/spinner.md +10 -1
  33. package/agents/reference/components/table.md +15 -0
  34. package/agents/reference/components/tabs.md +21 -3
  35. package/agents/reference/components/tags-input.md +15 -1
  36. package/agents/reference/components/toast.md +50 -12
  37. package/agents/reference/components/toggle-group.md +5 -3
  38. package/agents/reference/components/toggle.md +17 -3
  39. package/agents/reference/components/toolbar.md +4 -4
  40. package/agents/reference/components/virtual-scroll.md +32 -4
  41. package/agents/reference/elements/choice.md +20 -7
  42. package/agents/reference/elements/details.md +2 -2
  43. package/agents/reference/elements/popover.md +3 -3
  44. package/dist/components/accordion/Accordion.d.ts +1 -1
  45. package/dist/components/accordion/Accordion.d.ts.map +1 -1
  46. package/dist/components/accordion/Accordion.js +36 -15
  47. package/dist/components/accordion/Accordion.js.map +1 -1
  48. package/dist/components/accordion/index.d.ts +1 -1
  49. package/dist/components/accordion/index.d.ts.map +1 -1
  50. package/dist/components/accordion/index.js.map +1 -1
  51. package/dist/components/accordion/types.d.ts +14 -2
  52. package/dist/components/accordion/types.d.ts.map +1 -1
  53. package/dist/components/alert/Alert.d.ts.map +1 -1
  54. package/dist/components/alert/Alert.js +6 -5
  55. package/dist/components/alert/Alert.js.map +1 -1
  56. package/dist/components/alert/index.d.ts +1 -1
  57. package/dist/components/alert/index.d.ts.map +1 -1
  58. package/dist/components/alert/index.js.map +1 -1
  59. package/dist/components/alert/types.d.ts +6 -0
  60. package/dist/components/alert/types.d.ts.map +1 -1
  61. package/dist/components/alert-modal/AlertModal.d.ts +1 -1
  62. package/dist/components/alert-modal/AlertModal.d.ts.map +1 -1
  63. package/dist/components/alert-modal/AlertModal.js +18 -8
  64. package/dist/components/alert-modal/AlertModal.js.map +1 -1
  65. package/dist/components/alert-modal/AlertModalParts.d.ts.map +1 -1
  66. package/dist/components/alert-modal/AlertModalParts.js +1 -1
  67. package/dist/components/alert-modal/AlertModalParts.js.map +1 -1
  68. package/dist/components/alert-modal/index.d.ts +1 -1
  69. package/dist/components/alert-modal/index.d.ts.map +1 -1
  70. package/dist/components/alert-modal/index.js.map +1 -1
  71. package/dist/components/alert-modal/types.d.ts +23 -7
  72. package/dist/components/alert-modal/types.d.ts.map +1 -1
  73. package/dist/components/aspect-ratio/AspectRatio.d.ts.map +1 -1
  74. package/dist/components/aspect-ratio/AspectRatio.js +5 -5
  75. package/dist/components/aspect-ratio/AspectRatio.js.map +1 -1
  76. package/dist/components/aspect-ratio/types.d.ts +6 -0
  77. package/dist/components/aspect-ratio/types.d.ts.map +1 -1
  78. package/dist/components/avatar/Avatar.d.ts.map +1 -1
  79. package/dist/components/avatar/Avatar.js +5 -5
  80. package/dist/components/avatar/Avatar.js.map +1 -1
  81. package/dist/components/avatar/types.d.ts +8 -0
  82. package/dist/components/avatar/types.d.ts.map +1 -1
  83. package/dist/components/breadcrumb/Breadcrumb.d.ts +2 -2
  84. package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -1
  85. package/dist/components/breadcrumb/Breadcrumb.js +59 -47
  86. package/dist/components/breadcrumb/Breadcrumb.js.map +1 -1
  87. package/dist/components/breadcrumb/index.d.ts +1 -1
  88. package/dist/components/breadcrumb/index.d.ts.map +1 -1
  89. package/dist/components/breadcrumb/index.js.map +1 -1
  90. package/dist/components/breadcrumb/types.d.ts +19 -3
  91. package/dist/components/breadcrumb/types.d.ts.map +1 -1
  92. package/dist/components/candle-chart/CandleChart.d.ts +1 -1
  93. package/dist/components/candle-chart/CandleChart.d.ts.map +1 -1
  94. package/dist/components/candle-chart/CandleChart.js +161 -75
  95. package/dist/components/candle-chart/CandleChart.js.map +1 -1
  96. package/dist/components/candle-chart/client/CandleChartClient.d.ts.map +1 -1
  97. package/dist/components/candle-chart/client/CandleChartClient.js +19 -6
  98. package/dist/components/candle-chart/client/CandleChartClient.js.map +1 -1
  99. package/dist/components/candle-chart/client/index.d.ts +1 -1
  100. package/dist/components/candle-chart/client/index.d.ts.map +1 -1
  101. package/dist/components/candle-chart/client/index.js.map +1 -1
  102. package/dist/components/candle-chart/index.d.ts +1 -1
  103. package/dist/components/candle-chart/index.d.ts.map +1 -1
  104. package/dist/components/candle-chart/index.js.map +1 -1
  105. package/dist/components/candle-chart/types.d.ts +56 -2
  106. package/dist/components/candle-chart/types.d.ts.map +1 -1
  107. package/dist/components/carousel/Carousel.d.ts +2 -2
  108. package/dist/components/carousel/Carousel.d.ts.map +1 -1
  109. package/dist/components/carousel/Carousel.js +2 -1
  110. package/dist/components/carousel/Carousel.js.map +1 -1
  111. package/dist/components/carousel/CarouselMarkup.d.ts.map +1 -1
  112. package/dist/components/carousel/CarouselMarkup.js +38 -10
  113. package/dist/components/carousel/CarouselMarkup.js.map +1 -1
  114. package/dist/components/carousel/client/CarouselClient.d.ts.map +1 -1
  115. package/dist/components/carousel/client/CarouselClient.js +3 -2
  116. package/dist/components/carousel/client/CarouselClient.js.map +1 -1
  117. package/dist/components/carousel/client/carousel-controls.d.ts.map +1 -1
  118. package/dist/components/carousel/client/carousel-controls.js +2 -2
  119. package/dist/components/carousel/client/carousel-controls.js.map +1 -1
  120. package/dist/components/carousel/fade/FadeCarouselClient.d.ts.map +1 -1
  121. package/dist/components/carousel/fade/FadeCarouselClient.js +3 -2
  122. package/dist/components/carousel/fade/FadeCarouselClient.js.map +1 -1
  123. package/dist/components/carousel/index.d.ts +1 -1
  124. package/dist/components/carousel/index.d.ts.map +1 -1
  125. package/dist/components/carousel/index.js.map +1 -1
  126. package/dist/components/carousel/types.d.ts +18 -2
  127. package/dist/components/carousel/types.d.ts.map +1 -1
  128. package/dist/components/checkbox/Checkbox.d.ts +6 -1
  129. package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
  130. package/dist/components/checkbox/Checkbox.js +6 -1
  131. package/dist/components/checkbox/Checkbox.js.map +1 -1
  132. package/dist/components/checkbox/index.d.ts +1 -1
  133. package/dist/components/checkbox/index.d.ts.map +1 -1
  134. package/dist/components/checkbox/index.js.map +1 -1
  135. package/dist/components/checkbox/types.d.ts +3 -0
  136. package/dist/components/checkbox/types.d.ts.map +1 -1
  137. package/dist/components/collapsible/Collapsible.d.ts +2 -6
  138. package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
  139. package/dist/components/collapsible/Collapsible.js +5 -4
  140. package/dist/components/collapsible/Collapsible.js.map +1 -1
  141. package/dist/components/collapsible/index.d.ts +1 -1
  142. package/dist/components/collapsible/index.d.ts.map +1 -1
  143. package/dist/components/collapsible/index.js.map +1 -1
  144. package/dist/components/collapsible/types.d.ts +11 -3
  145. package/dist/components/collapsible/types.d.ts.map +1 -1
  146. package/dist/components/color-picker/ColorPicker.d.ts.map +1 -1
  147. package/dist/components/color-picker/ColorPicker.js +73 -52
  148. package/dist/components/color-picker/ColorPicker.js.map +1 -1
  149. package/dist/components/color-picker/index.d.ts +1 -1
  150. package/dist/components/color-picker/index.d.ts.map +1 -1
  151. package/dist/components/color-picker/index.js.map +1 -1
  152. package/dist/components/color-picker/types.d.ts +20 -2
  153. package/dist/components/color-picker/types.d.ts.map +1 -1
  154. package/dist/components/combobox/Combobox.d.ts.map +1 -1
  155. package/dist/components/combobox/Combobox.js +59 -33
  156. package/dist/components/combobox/Combobox.js.map +1 -1
  157. package/dist/components/combobox/index.d.ts +1 -1
  158. package/dist/components/combobox/index.d.ts.map +1 -1
  159. package/dist/components/combobox/index.js.map +1 -1
  160. package/dist/components/combobox/types.d.ts +13 -8
  161. package/dist/components/combobox/types.d.ts.map +1 -1
  162. package/dist/components/context-menu/ContextMenu.d.ts.map +1 -1
  163. package/dist/components/context-menu/ContextMenu.js +33 -19
  164. package/dist/components/context-menu/ContextMenu.js.map +1 -1
  165. package/dist/components/context-menu/index.d.ts +1 -1
  166. package/dist/components/context-menu/index.d.ts.map +1 -1
  167. package/dist/components/context-menu/index.js.map +1 -1
  168. package/dist/components/context-menu/types.d.ts +10 -9
  169. package/dist/components/context-menu/types.d.ts.map +1 -1
  170. package/dist/components/date-picker/DatePicker.d.ts +1 -1
  171. package/dist/components/date-picker/DatePicker.d.ts.map +1 -1
  172. package/dist/components/date-picker/DatePicker.js +2 -1
  173. package/dist/components/date-picker/DatePicker.js.map +1 -1
  174. package/dist/components/date-picker/types.d.ts +4 -1
  175. package/dist/components/date-picker/types.d.ts.map +1 -1
  176. package/dist/components/drawer/Drawer.d.ts.map +1 -1
  177. package/dist/components/drawer/Drawer.js +17 -13
  178. package/dist/components/drawer/Drawer.js.map +1 -1
  179. package/dist/components/drawer/DrawerNative.d.ts +1 -1
  180. package/dist/components/drawer/DrawerNative.d.ts.map +1 -1
  181. package/dist/components/drawer/DrawerNative.js +30 -25
  182. package/dist/components/drawer/DrawerNative.js.map +1 -1
  183. package/dist/components/drawer/index.d.ts +1 -1
  184. package/dist/components/drawer/index.d.ts.map +1 -1
  185. package/dist/components/drawer/index.js.map +1 -1
  186. package/dist/components/drawer/types.d.ts +31 -11
  187. package/dist/components/drawer/types.d.ts.map +1 -1
  188. package/dist/components/dropdown-menu/DropdownMenu.d.ts.map +1 -1
  189. package/dist/components/dropdown-menu/DropdownMenu.js +34 -25
  190. package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -1
  191. package/dist/components/dropdown-menu/DropdownMenuBar.d.ts.map +1 -1
  192. package/dist/components/dropdown-menu/DropdownMenuBar.js +43 -29
  193. package/dist/components/dropdown-menu/DropdownMenuBar.js.map +1 -1
  194. package/dist/components/dropdown-menu/types.d.ts +4 -5
  195. package/dist/components/dropdown-menu/types.d.ts.map +1 -1
  196. package/dist/components/field/Field.js +7 -7
  197. package/dist/components/field/Field.js.map +1 -1
  198. package/dist/components/field/types.d.ts +14 -14
  199. package/dist/components/field/types.d.ts.map +1 -1
  200. package/dist/components/form-error-summary/FormErrorSummary.d.ts.map +1 -1
  201. package/dist/components/form-error-summary/FormErrorSummary.js +23 -5
  202. package/dist/components/form-error-summary/FormErrorSummary.js.map +1 -1
  203. package/dist/components/form-error-summary/index.d.ts +1 -1
  204. package/dist/components/form-error-summary/index.d.ts.map +1 -1
  205. package/dist/components/form-error-summary/index.js.map +1 -1
  206. package/dist/components/form-error-summary/types.d.ts +9 -0
  207. package/dist/components/form-error-summary/types.d.ts.map +1 -1
  208. package/dist/components/hover-card/HoverCard.d.ts.map +1 -1
  209. package/dist/components/hover-card/HoverCard.js +9 -9
  210. package/dist/components/hover-card/HoverCard.js.map +1 -1
  211. package/dist/components/input/Input.d.ts.map +1 -1
  212. package/dist/components/input/Input.js +2 -0
  213. package/dist/components/input/Input.js.map +1 -1
  214. package/dist/components/input/types.d.ts +3 -0
  215. package/dist/components/input/types.d.ts.map +1 -1
  216. package/dist/components/input-group/InputGroup.d.ts.map +1 -1
  217. package/dist/components/input-group/InputGroup.js +2 -1
  218. package/dist/components/input-group/InputGroup.js.map +1 -1
  219. package/dist/components/input-group/types.d.ts +3 -0
  220. package/dist/components/input-group/types.d.ts.map +1 -1
  221. package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.d.ts +2 -2
  222. package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.d.ts.map +1 -1
  223. package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.js +11 -3
  224. package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.js.map +1 -1
  225. package/dist/components/internal/choice-family/ChoiceGroup.d.ts.map +1 -1
  226. package/dist/components/internal/choice-family/ChoiceGroup.js +25 -12
  227. package/dist/components/internal/choice-family/ChoiceGroup.js.map +1 -1
  228. package/dist/components/internal/choice-family/types.d.ts +19 -1
  229. package/dist/components/internal/choice-family/types.d.ts.map +1 -1
  230. package/dist/components/internal/control-size/types.d.ts +3 -0
  231. package/dist/components/internal/control-size/types.d.ts.map +1 -0
  232. package/dist/components/internal/control-size/types.js +1 -0
  233. package/dist/components/internal/control-size/types.js.map +1 -0
  234. package/dist/components/internal/live-chart/types.d.ts +3 -1
  235. package/dist/components/internal/live-chart/types.d.ts.map +1 -1
  236. package/dist/components/internal/live-chart/use-live-chart-window.d.ts.map +1 -1
  237. package/dist/components/internal/live-chart/use-live-chart-window.js +21 -5
  238. package/dist/components/internal/live-chart/use-live-chart-window.js.map +1 -1
  239. package/dist/components/internal/menu/menu-parts.d.ts.map +1 -1
  240. package/dist/components/internal/menu/menu-parts.js +3 -3
  241. package/dist/components/internal/menu/menu-parts.js.map +1 -1
  242. package/dist/components/internal/menu/types.d.ts +1 -0
  243. package/dist/components/internal/menu/types.d.ts.map +1 -1
  244. package/dist/components/internal/menu/use-menu-surface.d.ts.map +1 -1
  245. package/dist/components/internal/menu/use-menu-surface.js +2 -1
  246. package/dist/components/internal/menu/use-menu-surface.js.map +1 -1
  247. package/dist/components/internal/native-check-control/NativeCheckControl.d.ts.map +1 -1
  248. package/dist/components/internal/native-check-control/NativeCheckControl.js +12 -4
  249. package/dist/components/internal/native-check-control/NativeCheckControl.js.map +1 -1
  250. package/dist/components/internal/native-check-control/types.d.ts +6 -0
  251. package/dist/components/internal/native-check-control/types.d.ts.map +1 -1
  252. package/dist/components/line-chart/LineChart.d.ts +1 -1
  253. package/dist/components/line-chart/LineChart.d.ts.map +1 -1
  254. package/dist/components/line-chart/LineChart.js +182 -75
  255. package/dist/components/line-chart/LineChart.js.map +1 -1
  256. package/dist/components/line-chart/client/LineChartClient.d.ts.map +1 -1
  257. package/dist/components/line-chart/client/LineChartClient.js +19 -6
  258. package/dist/components/line-chart/client/LineChartClient.js.map +1 -1
  259. package/dist/components/line-chart/client/index.d.ts +1 -1
  260. package/dist/components/line-chart/client/index.d.ts.map +1 -1
  261. package/dist/components/line-chart/client/index.js.map +1 -1
  262. package/dist/components/line-chart/index.d.ts +1 -1
  263. package/dist/components/line-chart/index.d.ts.map +1 -1
  264. package/dist/components/line-chart/index.js.map +1 -1
  265. package/dist/components/line-chart/types.d.ts +47 -2
  266. package/dist/components/line-chart/types.d.ts.map +1 -1
  267. package/dist/components/modal/Modal.d.ts +1 -1
  268. package/dist/components/modal/Modal.d.ts.map +1 -1
  269. package/dist/components/modal/Modal.js +21 -27
  270. package/dist/components/modal/Modal.js.map +1 -1
  271. package/dist/components/modal/ModalAnatomy.js +6 -6
  272. package/dist/components/modal/ModalAnatomy.js.map +1 -1
  273. package/dist/components/modal/ModalParts.js +1 -1
  274. package/dist/components/modal/ModalParts.js.map +1 -1
  275. package/dist/components/modal/client/ModalClientContent.d.ts.map +1 -1
  276. package/dist/components/modal/client/ModalClientContent.js +2 -2
  277. package/dist/components/modal/client/ModalClientContent.js.map +1 -1
  278. package/dist/components/modal/index.d.ts +1 -1
  279. package/dist/components/modal/index.d.ts.map +1 -1
  280. package/dist/components/modal/index.js.map +1 -1
  281. package/dist/components/modal/types.d.ts +26 -4
  282. package/dist/components/modal/types.d.ts.map +1 -1
  283. package/dist/components/number-field/NumberField.d.ts.map +1 -1
  284. package/dist/components/number-field/NumberField.js +13 -11
  285. package/dist/components/number-field/NumberField.js.map +1 -1
  286. package/dist/components/number-field/types.d.ts +1 -1
  287. package/dist/components/number-field/types.d.ts.map +1 -1
  288. package/dist/components/otp-input/OtpInput.d.ts.map +1 -1
  289. package/dist/components/otp-input/OtpInput.js +12 -10
  290. package/dist/components/otp-input/OtpInput.js.map +1 -1
  291. package/dist/components/otp-input/types.d.ts +4 -1
  292. package/dist/components/otp-input/types.d.ts.map +1 -1
  293. package/dist/components/pagination/Pagination.d.ts.map +1 -1
  294. package/dist/components/pagination/Pagination.js +135 -61
  295. package/dist/components/pagination/Pagination.js.map +1 -1
  296. package/dist/components/pagination/PaginationShell.d.ts.map +1 -1
  297. package/dist/components/pagination/PaginationShell.js +5 -6
  298. package/dist/components/pagination/PaginationShell.js.map +1 -1
  299. package/dist/components/pagination/index.d.ts +1 -1
  300. package/dist/components/pagination/index.d.ts.map +1 -1
  301. package/dist/components/pagination/index.js.map +1 -1
  302. package/dist/components/pagination/types.d.ts +12 -3
  303. package/dist/components/pagination/types.d.ts.map +1 -1
  304. package/dist/components/radio-group/RadioGroup.d.ts +1 -1
  305. package/dist/components/radio-group/RadioGroup.d.ts.map +1 -1
  306. package/dist/components/radio-group/RadioGroup.js +5 -1
  307. package/dist/components/radio-group/RadioGroup.js.map +1 -1
  308. package/dist/components/radio-group/index.d.ts +1 -1
  309. package/dist/components/radio-group/index.d.ts.map +1 -1
  310. package/dist/components/radio-group/index.js.map +1 -1
  311. package/dist/components/radio-group/types.d.ts +4 -2
  312. package/dist/components/radio-group/types.d.ts.map +1 -1
  313. package/dist/components/rating/Rating.d.ts +1 -1
  314. package/dist/components/rating/Rating.d.ts.map +1 -1
  315. package/dist/components/rating/Rating.js +5 -1
  316. package/dist/components/rating/Rating.js.map +1 -1
  317. package/dist/components/rating/client/RatingClient.d.ts +1 -1
  318. package/dist/components/rating/client/RatingClient.d.ts.map +1 -1
  319. package/dist/components/rating/client/RatingClient.js +5 -1
  320. package/dist/components/rating/client/RatingClient.js.map +1 -1
  321. package/dist/components/rating/index.d.ts +1 -1
  322. package/dist/components/rating/index.d.ts.map +1 -1
  323. package/dist/components/rating/index.js.map +1 -1
  324. package/dist/components/rating/types.d.ts +8 -1
  325. package/dist/components/rating/types.d.ts.map +1 -1
  326. package/dist/components/segmented-control/SegmentedControl.d.ts +1 -1
  327. package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -1
  328. package/dist/components/segmented-control/SegmentedControl.js +9 -3
  329. package/dist/components/segmented-control/SegmentedControl.js.map +1 -1
  330. package/dist/components/segmented-control/client/SegmentedControlClient.d.ts +1 -1
  331. package/dist/components/segmented-control/client/SegmentedControlClient.d.ts.map +1 -1
  332. package/dist/components/segmented-control/client/SegmentedControlClient.js +9 -3
  333. package/dist/components/segmented-control/client/SegmentedControlClient.js.map +1 -1
  334. package/dist/components/segmented-control/index.d.ts +1 -1
  335. package/dist/components/segmented-control/index.d.ts.map +1 -1
  336. package/dist/components/segmented-control/index.js.map +1 -1
  337. package/dist/components/segmented-control/types.d.ts +7 -4
  338. package/dist/components/segmented-control/types.d.ts.map +1 -1
  339. package/dist/components/select/Select.d.ts.map +1 -1
  340. package/dist/components/select/Select.js +2 -0
  341. package/dist/components/select/Select.js.map +1 -1
  342. package/dist/components/select/types.d.ts +3 -0
  343. package/dist/components/select/types.d.ts.map +1 -1
  344. package/dist/components/slider/Slider.d.ts.map +1 -1
  345. package/dist/components/slider/Slider.js +12 -7
  346. package/dist/components/slider/Slider.js.map +1 -1
  347. package/dist/components/slider/client/SliderClient.d.ts.map +1 -1
  348. package/dist/components/slider/client/SliderClient.js +55 -20
  349. package/dist/components/slider/client/SliderClient.js.map +1 -1
  350. package/dist/components/slider/client/index.d.ts +1 -1
  351. package/dist/components/slider/client/index.d.ts.map +1 -1
  352. package/dist/components/slider/client/index.js.map +1 -1
  353. package/dist/components/slider/types.d.ts +15 -0
  354. package/dist/components/slider/types.d.ts.map +1 -1
  355. package/dist/components/spinner/Spinner.d.ts.map +1 -1
  356. package/dist/components/spinner/Spinner.js +12 -4
  357. package/dist/components/spinner/Spinner.js.map +1 -1
  358. package/dist/components/spinner/index.d.ts +1 -1
  359. package/dist/components/spinner/index.d.ts.map +1 -1
  360. package/dist/components/spinner/index.js.map +1 -1
  361. package/dist/components/spinner/types.d.ts +7 -0
  362. package/dist/components/spinner/types.d.ts.map +1 -1
  363. package/dist/components/table/client/TableColumnHeader.d.ts +3 -3
  364. package/dist/components/table/client/TableColumnHeader.d.ts.map +1 -1
  365. package/dist/components/table/client/TableColumnHeader.js +10 -2
  366. package/dist/components/table/client/TableColumnHeader.js.map +1 -1
  367. package/dist/components/table/client/TableSelection.d.ts +3 -3
  368. package/dist/components/table/client/TableSelection.d.ts.map +1 -1
  369. package/dist/components/table/client/TableSelection.js +6 -4
  370. package/dist/components/table/client/TableSelection.js.map +1 -1
  371. package/dist/components/table/client.d.ts +1 -1
  372. package/dist/components/table/client.d.ts.map +1 -1
  373. package/dist/components/table/client.js.map +1 -1
  374. package/dist/components/table/types.d.ts +13 -0
  375. package/dist/components/table/types.d.ts.map +1 -1
  376. package/dist/components/tabs/Tabs.d.ts +1 -1
  377. package/dist/components/tabs/Tabs.d.ts.map +1 -1
  378. package/dist/components/tabs/Tabs.js +12 -2
  379. package/dist/components/tabs/Tabs.js.map +1 -1
  380. package/dist/components/tabs/index.d.ts +1 -1
  381. package/dist/components/tabs/index.d.ts.map +1 -1
  382. package/dist/components/tabs/index.js.map +1 -1
  383. package/dist/components/tabs/types.d.ts +17 -4
  384. package/dist/components/tabs/types.d.ts.map +1 -1
  385. package/dist/components/tags-input/TagsInput.d.ts.map +1 -1
  386. package/dist/components/tags-input/TagsInput.js +45 -11
  387. package/dist/components/tags-input/TagsInput.js.map +1 -1
  388. package/dist/components/tags-input/index.d.ts +1 -1
  389. package/dist/components/tags-input/index.d.ts.map +1 -1
  390. package/dist/components/tags-input/index.js.map +1 -1
  391. package/dist/components/tags-input/types.d.ts +12 -4
  392. package/dist/components/tags-input/types.d.ts.map +1 -1
  393. package/dist/components/toast/Toast.d.ts +1 -1
  394. package/dist/components/toast/Toast.d.ts.map +1 -1
  395. package/dist/components/toast/Toast.js +74 -35
  396. package/dist/components/toast/Toast.js.map +1 -1
  397. package/dist/components/toast/ToastElements.d.ts.map +1 -1
  398. package/dist/components/toast/ToastElements.js +36 -12
  399. package/dist/components/toast/ToastElements.js.map +1 -1
  400. package/dist/components/toast/index.d.ts +1 -1
  401. package/dist/components/toast/index.d.ts.map +1 -1
  402. package/dist/components/toast/index.js.map +1 -1
  403. package/dist/components/toast/types.d.ts +32 -26
  404. package/dist/components/toast/types.d.ts.map +1 -1
  405. package/dist/components/toggle/Toggle.d.ts +1 -1
  406. package/dist/components/toggle/Toggle.d.ts.map +1 -1
  407. package/dist/components/toggle/Toggle.js +13 -4
  408. package/dist/components/toggle/Toggle.js.map +1 -1
  409. package/dist/components/toggle/index.d.ts +1 -1
  410. package/dist/components/toggle/index.d.ts.map +1 -1
  411. package/dist/components/toggle/index.js.map +1 -1
  412. package/dist/components/toggle/types.d.ts +12 -3
  413. package/dist/components/toggle/types.d.ts.map +1 -1
  414. package/dist/components/toggle-group/ToggleGroup.d.ts +1 -1
  415. package/dist/components/toggle-group/ToggleGroup.d.ts.map +1 -1
  416. package/dist/components/toggle-group/ToggleGroup.js +5 -1
  417. package/dist/components/toggle-group/ToggleGroup.js.map +1 -1
  418. package/dist/components/toggle-group/client/ToggleGroupClient.d.ts +1 -1
  419. package/dist/components/toggle-group/client/ToggleGroupClient.d.ts.map +1 -1
  420. package/dist/components/toggle-group/client/ToggleGroupClient.js +15 -1
  421. package/dist/components/toggle-group/client/ToggleGroupClient.js.map +1 -1
  422. package/dist/components/toggle-group/index.d.ts +1 -1
  423. package/dist/components/toggle-group/index.d.ts.map +1 -1
  424. package/dist/components/toggle-group/index.js.map +1 -1
  425. package/dist/components/toggle-group/types.d.ts +4 -4
  426. package/dist/components/toggle-group/types.d.ts.map +1 -1
  427. package/dist/components/toolbar/Toolbar.d.ts +3 -12
  428. package/dist/components/toolbar/Toolbar.d.ts.map +1 -1
  429. package/dist/components/toolbar/Toolbar.js +22 -2
  430. package/dist/components/toolbar/Toolbar.js.map +1 -1
  431. package/dist/components/toolbar/types.d.ts +5 -5
  432. package/dist/components/toolbar/types.d.ts.map +1 -1
  433. package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
  434. package/dist/components/tooltip/Tooltip.js +4 -4
  435. package/dist/components/tooltip/Tooltip.js.map +1 -1
  436. package/dist/components/virtual-scroll/VirtualScroll.d.ts.map +1 -1
  437. package/dist/components/virtual-scroll/VirtualScroll.js +99 -44
  438. package/dist/components/virtual-scroll/VirtualScroll.js.map +1 -1
  439. package/dist/components/virtual-scroll/VirtualScrollRowShell.d.ts +3 -14
  440. package/dist/components/virtual-scroll/VirtualScrollRowShell.d.ts.map +1 -1
  441. package/dist/components/virtual-scroll/VirtualScrollRowShell.js +6 -3
  442. package/dist/components/virtual-scroll/VirtualScrollRowShell.js.map +1 -1
  443. package/dist/components/virtual-scroll/index.d.ts +1 -1
  444. package/dist/components/virtual-scroll/index.d.ts.map +1 -1
  445. package/dist/components/virtual-scroll/index.js.map +1 -1
  446. package/dist/components/virtual-scroll/types.d.ts +23 -3
  447. package/dist/components/virtual-scroll/types.d.ts.map +1 -1
  448. package/dist/components/virtual-scroll/types.js.map +1 -1
  449. package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.d.ts +3 -0
  450. package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.d.ts.map +1 -1
  451. package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.js +11 -2
  452. package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.js.map +1 -1
  453. package/dist/core/class-names.d.ts +3 -0
  454. package/dist/core/class-names.d.ts.map +1 -0
  455. package/dist/core/class-names.js +7 -0
  456. package/dist/core/class-names.js.map +1 -0
  457. package/dist/core/part-names.d.ts +8 -0
  458. package/dist/core/part-names.d.ts.map +1 -0
  459. package/dist/core/part-names.js +111 -0
  460. package/dist/core/part-names.js.map +1 -0
  461. package/dist/core/polymorphic.d.ts +10 -3
  462. package/dist/core/polymorphic.d.ts.map +1 -1
  463. package/dist/core/render-native-invoker.d.ts +1 -0
  464. package/dist/core/render-native-invoker.d.ts.map +1 -1
  465. package/dist/core/render-native-invoker.js +6 -6
  466. package/dist/core/render-native-invoker.js.map +1 -1
  467. package/dist/core/roving-focus.d.ts +2 -2
  468. package/dist/core/roving-focus.d.ts.map +1 -1
  469. package/dist/core/roving-focus.js +6 -7
  470. package/dist/core/roving-focus.js.map +1 -1
  471. package/dist/core/slot-props.d.ts +21 -0
  472. package/dist/core/slot-props.d.ts.map +1 -0
  473. package/dist/core/slot-props.js +49 -0
  474. package/dist/core/slot-props.js.map +1 -0
  475. package/dist/core/use-popover.d.ts +2 -1
  476. package/dist/core/use-popover.d.ts.map +1 -1
  477. package/dist/core/use-popover.js +3 -1
  478. package/dist/core/use-popover.js.map +1 -1
  479. package/dist/elements/choice/Choice.d.ts.map +1 -1
  480. package/dist/elements/choice/Choice.js +13 -10
  481. package/dist/elements/choice/Choice.js.map +1 -1
  482. package/dist/elements/choice/index.d.ts +1 -1
  483. package/dist/elements/choice/index.d.ts.map +1 -1
  484. package/dist/elements/choice/index.js.map +1 -1
  485. package/dist/elements/choice/types.d.ts +18 -10
  486. package/dist/elements/choice/types.d.ts.map +1 -1
  487. package/dist/elements/details/Details.d.ts.map +1 -1
  488. package/dist/elements/details/Details.js +4 -5
  489. package/dist/elements/details/Details.js.map +1 -1
  490. package/dist/elements/details/types.d.ts +3 -3
  491. package/dist/elements/details/types.d.ts.map +1 -1
  492. package/dist/elements/dialog/Dialog.d.ts.map +1 -1
  493. package/dist/elements/dialog/Dialog.js +1 -1
  494. package/dist/elements/dialog/Dialog.js.map +1 -1
  495. package/dist/elements/invoker/Invoker.js +3 -3
  496. package/dist/elements/invoker/Invoker.js.map +1 -1
  497. package/dist/elements/popover/Popover.d.ts.map +1 -1
  498. package/dist/elements/popover/Popover.js +3 -3
  499. package/dist/elements/popover/Popover.js.map +1 -1
  500. package/dist/elements/popover/types.d.ts +6 -4
  501. package/dist/elements/popover/types.d.ts.map +1 -1
  502. package/dist/hooks/use-isomorphic-layout-effect.d.ts +2 -2
  503. package/dist/hooks/use-isomorphic-layout-effect.d.ts.map +1 -1
  504. package/dist/styles/index.css +1 -1
  505. package/dist/styles/tailwind.css +17 -16
  506. package/dist/styles/tokens.css +1 -1
  507. package/package.json +1 -1
  508. package/skills/uiify/references/elements/accordion.md +1 -1
  509. package/skills/uiify/references/elements/aspect-ratio.md +1 -1
  510. package/skills/uiify/references/elements/breadcrumb.md +1 -0
  511. package/skills/uiify/references/elements/checkbox.md +1 -1
  512. package/skills/uiify/references/elements/color-picker.md +1 -1
  513. package/skills/uiify/references/elements/combobox.md +1 -1
  514. package/skills/uiify/references/elements/context-menu.md +1 -1
  515. package/skills/uiify/references/elements/dropdown-menu.md +1 -1
  516. package/skills/uiify/references/elements/field.md +1 -1
  517. package/skills/uiify/references/elements/form-error-summary.md +5 -0
  518. package/skills/uiify/references/elements/pagination.md +1 -1
  519. package/skills/uiify/references/elements/radio-group.md +1 -0
  520. package/skills/uiify/references/elements/rating.md +1 -1
  521. package/skills/uiify/references/elements/segmented-control.md +1 -0
  522. package/skills/uiify/references/elements/spinner.md +1 -1
  523. package/skills/uiify/references/elements/table.md +1 -1
  524. package/skills/uiify/references/elements/tabs.md +1 -1
  525. package/skills/uiify/references/elements/tags-input.md +1 -1
  526. package/skills/uiify/references/elements/toast.md +1 -0
  527. package/skills/uiify/references/elements/toggle-group.md +1 -0
  528. package/skills/uiify/references/elements/toggle.md +1 -0
@@ -1,12 +1,24 @@
1
+ import type { ComponentPropsWithRef } from "react";
1
2
  import type { ChoicePanelItem } from "../internal/choice-family/types.js";
3
+ import type { RepeatedSlotProps, SlotProps } from "../../core/slot-props.js";
2
4
  export type AccordionType = "single" | "multiple";
3
5
  export interface AccordionItem extends ChoicePanelItem {
4
6
  }
5
- export interface AccordionProps {
7
+ /** Native props for each repeated details item. */
8
+ export type AccordionItemSlotProps = RepeatedSlotProps<SlotProps<"details">>;
9
+ export type AccordionTriggerSlotProps = RepeatedSlotProps<Omit<SlotProps<"summary">, "part">>;
10
+ export type AccordionPanelSlotProps = RepeatedSlotProps<Omit<SlotProps<"div">, "part">>;
11
+ export interface AccordionSlotProps {
12
+ readonly item?: AccordionItemSlotProps;
13
+ readonly trigger?: AccordionTriggerSlotProps;
14
+ readonly panel?: AccordionPanelSlotProps;
15
+ }
16
+ export interface AccordionOwnProps {
6
17
  readonly id: string;
7
18
  readonly items: readonly AccordionItem[];
8
19
  readonly type?: AccordionType;
9
20
  readonly defaultValue?: string | readonly string[];
10
- readonly className?: string;
21
+ readonly slotProps?: AccordionSlotProps;
11
22
  }
23
+ export type AccordionProps = AccordionOwnProps & Omit<ComponentPropsWithRef<"div">, keyof AccordionOwnProps | "children" | "dangerouslySetInnerHTML">;
12
24
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,eAAe;CAAG;AAEzD,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE7E,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,eAAe;CAAG;AAEzD,mDAAmD;AACnD,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;AAE7E,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAE9F,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAExF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,sBAAsB,CAAC;IACvC,QAAQ,CAAC,OAAO,CAAC,EAAE,yBAAyB,CAAC;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC;CAC1C;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAED,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAC5C,IAAI,CACF,qBAAqB,CAAC,KAAK,CAAC,EAC5B,MAAM,iBAAiB,GAAG,UAAU,GAAG,yBAAyB,CACjE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAIrF,wBAAgB,KAAK,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACnD,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,GACrB,YAAY,GAAG,IAAI,CA8BrB;yBAhCe,KAAK;;;AAoCrB,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACxD,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,GAAG,IAAI,CASrB;yBAXe,UAAU;;;AAa1B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAarB;yBAfe,gBAAgB"}
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAIrF,wBAAgB,KAAK,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACnD,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,GACrB,YAAY,GAAG,IAAI,CA+BrB;yBAjCe,KAAK;;;AAqCrB,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACxD,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,GAAG,IAAI,CASrB;yBAXe,UAAU;;;AAa1B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAarB;yBAfe,gBAAgB"}
@@ -7,6 +7,7 @@ function Alert(props) {
7
7
  render,
8
8
  variant = "secondary",
9
9
  symbol = symbols[variant],
10
+ slotProps,
10
11
  children,
11
12
  ...consumerProps
12
13
  } = props;
@@ -14,11 +15,11 @@ function Alert(props) {
14
15
  as,
15
16
  defaultTag: "div",
16
17
  props: {
17
- ...consumerProps,
18
18
  "data-uiify-alert": "",
19
19
  "data-variant": variant,
20
+ ...consumerProps,
20
21
  children: /* @__PURE__ */ jsxs(Fragment, { children: [
21
- symbol !== false && /* @__PURE__ */ jsx("span", { "data-part": "symbol", "aria-hidden": "true", children: symbol }),
22
+ symbol !== false && /* @__PURE__ */ jsx("span", { "data-part": "symbol", "aria-hidden": "true", ...slotProps?.symbol, children: symbol }),
22
23
  children
23
24
  ] })
24
25
  },
@@ -32,7 +33,7 @@ function AlertTitle(props) {
32
33
  return useRenderElement({
33
34
  as,
34
35
  defaultTag: "div",
35
- props: { ...consumerProps, "data-uiify-alert-title": "", "data-part": "title" },
36
+ props: { "data-uiify-alert-title": "", "data-part": "title", ...consumerProps },
36
37
  render,
37
38
  state: {}
38
39
  });
@@ -43,9 +44,9 @@ function AlertDescription(props) {
43
44
  as,
44
45
  defaultTag: "div",
45
46
  props: {
46
- ...consumerProps,
47
47
  "data-uiify-alert-description": "",
48
- "data-part": "description"
48
+ "data-part": "description",
49
+ ...consumerProps
49
50
  },
50
51
  render,
51
52
  state: {}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AlertDescriptionProps, AlertProps, AlertTitleProps } from \"./types.js\";\n\nconst symbols = { secondary: \"ⓘ\", success: \"✓\", warning: \"⚠︎\", destructive: \"×\" };\n\nexport function Alert<TAs extends ElementType = \"div\">(\n props: AlertProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n variant = \"secondary\",\n symbol = symbols[variant],\n children,\n ...consumerProps\n } = props as AlertProps<\"div\">;\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-uiify-alert\": \"\",\n \"data-variant\": variant,\n children: (\n <>\n {symbol !== false && (\n <span data-part=\"symbol\" aria-hidden=\"true\">\n {symbol}\n </span>\n )}\n {children}\n </>\n ),\n },\n render,\n state: {},\n });\n}\n\nAlert.displayName = \"Alert\";\n\nexport function AlertTitle<TAs extends ElementType = \"div\">(\n props: AlertTitleProps<TAs>,\n): ReactElement | null {\n const { as, render, ...consumerProps } = props as AlertTitleProps<\"div\">;\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: { ...consumerProps, \"data-uiify-alert-title\": \"\", \"data-part\": \"title\" },\n render,\n state: {},\n });\n}\n\nexport function AlertDescription<TAs extends ElementType = \"div\">(\n props: AlertDescriptionProps<TAs>,\n): ReactElement | null {\n const { as, render, ...consumerProps } = props as AlertDescriptionProps<\"div\">;\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-uiify-alert-description\": \"\",\n \"data-part\": \"description\",\n },\n render,\n state: {},\n });\n}\n\nAlertTitle.displayName = \"AlertTitle\";\nAlertDescription.displayName = \"AlertDescription\";\n"],"mappings":"AAyBQ,mBAEI,KAFJ;AAxBR,SAAS,wBAAwB;AAGjC,MAAM,UAAU,EAAE,WAAW,UAAK,SAAS,UAAK,SAAS,gBAAM,aAAa,OAAI;AAEzE,SAAS,MACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS,QAAQ,OAAO;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,UACE,iCACG;AAAA,mBAAW,SACV,oBAAC,UAAK,aAAU,UAAS,eAAY,QAClC,kBACH;AAAA,QAED;AAAA,SACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,MAAM,cAAc;AAEb,SAAS,WACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,0BAA0B,IAAI,aAAa,QAAQ;AAAA,IAC9E;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,iBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,gCAAgC;AAAA,MAChC,aAAa;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,WAAW,cAAc;AACzB,iBAAiB,cAAc;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AlertDescriptionProps, AlertProps, AlertTitleProps } from \"./types.js\";\n\nconst symbols = { secondary: \"ⓘ\", success: \"✓\", warning: \"⚠︎\", destructive: \"×\" };\n\nexport function Alert<TAs extends ElementType = \"div\">(\n props: AlertProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n variant = \"secondary\",\n symbol = symbols[variant],\n slotProps,\n children,\n ...consumerProps\n } = props as AlertProps<\"div\">;\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n \"data-uiify-alert\": \"\",\n \"data-variant\": variant,\n ...consumerProps,\n children: (\n <>\n {symbol !== false && (\n <span data-part=\"symbol\" aria-hidden=\"true\" {...slotProps?.symbol}>\n {symbol}\n </span>\n )}\n {children}\n </>\n ),\n },\n render,\n state: {},\n });\n}\n\nAlert.displayName = \"Alert\";\n\nexport function AlertTitle<TAs extends ElementType = \"div\">(\n props: AlertTitleProps<TAs>,\n): ReactElement | null {\n const { as, render, ...consumerProps } = props as AlertTitleProps<\"div\">;\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: { \"data-uiify-alert-title\": \"\", \"data-part\": \"title\", ...consumerProps },\n render,\n state: {},\n });\n}\n\nexport function AlertDescription<TAs extends ElementType = \"div\">(\n props: AlertDescriptionProps<TAs>,\n): ReactElement | null {\n const { as, render, ...consumerProps } = props as AlertDescriptionProps<\"div\">;\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n \"data-uiify-alert-description\": \"\",\n \"data-part\": \"description\",\n ...consumerProps,\n },\n render,\n state: {},\n });\n}\n\nAlertTitle.displayName = \"AlertTitle\";\nAlertDescription.displayName = \"AlertDescription\";\n"],"mappings":"AA0BQ,mBAEI,KAFJ;AAzBR,SAAS,wBAAwB;AAGjC,MAAM,UAAU,EAAE,WAAW,UAAK,SAAS,UAAK,SAAS,gBAAM,aAAa,OAAI;AAEzE,SAAS,MACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS,QAAQ,OAAO;AAAA,IACxB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,GAAG;AAAA,MACH,UACE,iCACG;AAAA,mBAAW,SACV,oBAAC,UAAK,aAAU,UAAS,eAAY,QAAQ,GAAG,WAAW,QACxD,kBACH;AAAA,QAED;AAAA,SACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,MAAM,cAAc;AAEb,SAAS,WACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,0BAA0B,IAAI,aAAa,SAAS,GAAG,cAAc;AAAA,IAC9E;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,iBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,gCAAgC;AAAA,MAChC,aAAa;AAAA,MACb,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,WAAW,cAAc;AACzB,iBAAiB,cAAc;","names":[]}
@@ -1,3 +1,3 @@
1
1
  export { Alert, AlertDescription, AlertTitle } from "./Alert.js";
2
- export type { AlertDescriptionOwnProps, AlertDescriptionProps, AlertOwnProps, AlertProps, AlertTitleOwnProps, AlertTitleProps, AlertVariant, } from "./types.js";
2
+ export type { AlertDescriptionOwnProps, AlertDescriptionProps, AlertOwnProps, AlertProps, AlertSlotProps, AlertSymbolSlotProps, AlertTitleOwnProps, AlertTitleProps, AlertVariant, } from "./types.js";
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjE,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,YAAY,GACb,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjE,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,YAAY,GACb,MAAM,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/alert/index.ts"],"sourcesContent":["export { Alert, AlertDescription, AlertTitle } from \"./Alert.js\";\nexport type {\n AlertDescriptionOwnProps,\n AlertDescriptionProps,\n AlertOwnProps,\n AlertProps,\n AlertTitleOwnProps,\n AlertTitleProps,\n AlertVariant,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,OAAO,kBAAkB,kBAAkB;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/alert/index.ts"],"sourcesContent":["export { Alert, AlertDescription, AlertTitle } from \"./Alert.js\";\nexport type {\n AlertDescriptionOwnProps,\n AlertDescriptionProps,\n AlertOwnProps,\n AlertProps,\n AlertSlotProps,\n AlertSymbolSlotProps,\n AlertTitleOwnProps,\n AlertTitleProps,\n AlertVariant,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,OAAO,kBAAkB,kBAAkB;","names":[]}
@@ -1,4 +1,5 @@
1
1
  import type { ElementType, ReactNode } from "react";
2
+ import type { SlotProps } from "../../core/slot-props.js";
2
3
  import type { RenderableProps } from "@gunkin/uiify/core/render";
3
4
  export type AlertVariant = "secondary" | "success" | "warning" | "destructive";
4
5
  export interface AlertOwnProps {
@@ -7,6 +8,7 @@ export interface AlertOwnProps {
7
8
  readonly variant?: AlertVariant;
8
9
  /** Override the decorative text symbol, or hide it with false. */
9
10
  readonly symbol?: string | false;
11
+ readonly slotProps?: AlertSlotProps;
10
12
  }
11
13
  export type AlertProps<TAs extends ElementType = "div"> = RenderableProps<TAs, AlertOwnProps, Record<string, never>, HTMLElement>;
12
14
  export interface AlertTitleOwnProps {
@@ -17,4 +19,8 @@ export interface AlertDescriptionOwnProps {
17
19
  readonly children?: ReactNode;
18
20
  }
19
21
  export type AlertDescriptionProps<TAs extends ElementType = "div"> = RenderableProps<TAs, AlertDescriptionOwnProps, Record<string, never>, HTMLElement>;
22
+ export type AlertSymbolSlotProps = SlotProps<"span">;
23
+ export interface AlertSlotProps {
24
+ readonly symbol?: AlertSymbolSlotProps;
25
+ }
20
26
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,uEAAuE;IACvE,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,kEAAkE;IAClE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAClC;AAED,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACvE,GAAG,EACH,aAAa,EACb,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC5E,GAAG,EACH,kBAAkB,EAClB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAClF,GAAG,EACH,wBAAwB,EACxB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,uEAAuE;IACvE,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,kEAAkE;IAClE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;CACrC;AAED,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACvE,GAAG,EACH,aAAa,EACb,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC5E,GAAG,EACH,kBAAkB,EAClB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAClF,GAAG,EACH,wBAAwB,EACxB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAErD,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,oBAAoB,CAAC;CACxC"}
@@ -1,7 +1,7 @@
1
1
  import type { ReactElement } from "react";
2
2
  import type { AlertModalProps } from "./types.js";
3
3
  /** Convenience shell over the native parts: one trigger, one modal alertdialog, cancel and action. */
4
- export declare function AlertModal({ id, trigger, title, description, children, actionLabel, cancelLabel, className, }: AlertModalProps): ReactElement;
4
+ export declare function AlertModal({ id, trigger, title, description, children, actionLabel, cancelLabel, slotProps, ...rootProps }: AlertModalProps): ReactElement;
5
5
  export declare namespace AlertModal {
6
6
  var displayName: string;
7
7
  }
@@ -1 +1 @@
1
- {"version":3,"file":"AlertModal.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/AlertModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,sGAAsG;AACtG,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAuB,EACvB,WAAsB,EACtB,SAAS,GACV,EAAE,eAAe,GAAG,YAAY,CAyBhC;yBAlCe,UAAU"}
1
+ {"version":3,"file":"AlertModal.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/AlertModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,sGAAsG;AACtG,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAuB,EACvB,WAAsB,EACtB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,YAAY,CAqChC;yBA/Ce,UAAU"}
@@ -13,25 +13,35 @@ function AlertModal({
13
13
  children,
14
14
  actionLabel = "Confirm",
15
15
  cancelLabel = "Cancel",
16
- className
16
+ slotProps,
17
+ ...rootProps
17
18
  }) {
18
19
  const titleId = `${id}-title`;
19
20
  const descriptionId = `${id}-description`;
20
- return /* @__PURE__ */ jsxs("div", { "data-part": "root", "data-uiify-alert-modal": "", children: [
21
- /* @__PURE__ */ jsx(AlertModalTrigger, { target: id, children: trigger }),
21
+ return /* @__PURE__ */ jsxs("div", { "data-part": "root", "data-uiify-alert-modal": "", ...rootProps, children: [
22
+ /* @__PURE__ */ jsx(AlertModalTrigger, { target: id, ...slotProps?.trigger, children: trigger }),
22
23
  /* @__PURE__ */ jsxs(
23
24
  AlertModalContent,
24
25
  {
25
26
  "aria-describedby": description === void 0 ? void 0 : descriptionId,
26
27
  "aria-labelledby": titleId,
27
- className,
28
28
  id,
29
+ ...slotProps?.content,
29
30
  children: [
30
- /* @__PURE__ */ jsx("h2", { id: titleId, children: title }),
31
- description === void 0 ? null : /* @__PURE__ */ jsx("p", { id: descriptionId, children: description }),
31
+ /* @__PURE__ */ jsx("h2", { id: titleId, "data-part": "title", "data-uiify-alert-modal": "", ...slotProps?.title, children: title }),
32
+ description === void 0 ? null : /* @__PURE__ */ jsx(
33
+ "p",
34
+ {
35
+ id: descriptionId,
36
+ "data-part": "description",
37
+ "data-uiify-alert-modal": "",
38
+ ...slotProps?.description,
39
+ children: description
40
+ }
41
+ ),
32
42
  children,
33
- /* @__PURE__ */ jsx(AlertModalCancel, { target: id, value: "cancel", children: cancelLabel }),
34
- /* @__PURE__ */ jsx(AlertModalAction, { target: id, value: "confirm", children: actionLabel })
43
+ /* @__PURE__ */ jsx(AlertModalCancel, { target: id, value: "cancel", ...slotProps?.cancel, children: cancelLabel }),
44
+ /* @__PURE__ */ jsx(AlertModalAction, { target: id, value: "confirm", ...slotProps?.action, children: actionLabel })
35
45
  ]
36
46
  }
37
47
  )
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/alert-modal/AlertModal.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport {\n AlertModalAction,\n AlertModalCancel,\n AlertModalContent,\n AlertModalTrigger,\n} from \"./AlertModalParts.js\";\nimport type { AlertModalProps } from \"./types.js\";\n\n/** Convenience shell over the native parts: one trigger, one modal alertdialog, cancel and action. */\nexport function AlertModal({\n id,\n trigger,\n title,\n description,\n children,\n actionLabel = \"Confirm\",\n cancelLabel = \"Cancel\",\n className,\n}: AlertModalProps): ReactElement {\n const titleId = `${id}-title`;\n const descriptionId = `${id}-description`;\n\n return (\n <div data-part=\"root\" data-uiify-alert-modal=\"\">\n <AlertModalTrigger target={id}>{trigger}</AlertModalTrigger>\n <AlertModalContent\n aria-describedby={description === undefined ? undefined : descriptionId}\n aria-labelledby={titleId}\n className={className}\n id={id}\n >\n <h2 id={titleId}>{title}</h2>\n {description === undefined ? null : <p id={descriptionId}>{description}</p>}\n {children}\n <AlertModalCancel target={id} value=\"cancel\">\n {cancelLabel}\n </AlertModalCancel>\n <AlertModalAction target={id} value=\"confirm\">\n {actionLabel}\n </AlertModalAction>\n </AlertModalContent>\n </div>\n );\n}\nAlertModal.displayName = \"AlertModal\";\n"],"mappings":"AAyBM,cACA,YADA;AAxBN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AACF,GAAkC;AAChC,QAAM,UAAU,GAAG,EAAE;AACrB,QAAM,gBAAgB,GAAG,EAAE;AAE3B,SACE,qBAAC,SAAI,aAAU,QAAO,0BAAuB,IAC3C;AAAA,wBAAC,qBAAkB,QAAQ,IAAK,mBAAQ;AAAA,IACxC;AAAA,MAAC;AAAA;AAAA,QACC,oBAAkB,gBAAgB,SAAY,SAAY;AAAA,QAC1D,mBAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QAEA;AAAA,8BAAC,QAAG,IAAI,SAAU,iBAAM;AAAA,UACvB,gBAAgB,SAAY,OAAO,oBAAC,OAAE,IAAI,eAAgB,uBAAY;AAAA,UACtE;AAAA,UACD,oBAAC,oBAAiB,QAAQ,IAAI,OAAM,UACjC,uBACH;AAAA,UACA,oBAAC,oBAAiB,QAAQ,IAAI,OAAM,WACjC,uBACH;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AACA,WAAW,cAAc;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/alert-modal/AlertModal.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport {\n AlertModalAction,\n AlertModalCancel,\n AlertModalContent,\n AlertModalTrigger,\n} from \"./AlertModalParts.js\";\nimport type { AlertModalProps } from \"./types.js\";\n/** Convenience shell over the native parts: one trigger, one modal alertdialog, cancel and action. */\nexport function AlertModal({\n id,\n trigger,\n title,\n description,\n children,\n actionLabel = \"Confirm\",\n cancelLabel = \"Cancel\",\n slotProps,\n ...rootProps\n}: AlertModalProps): ReactElement {\n const titleId = `${id}-title`;\n const descriptionId = `${id}-description`;\n return (\n <div data-part=\"root\" data-uiify-alert-modal=\"\" {...rootProps}>\n <AlertModalTrigger target={id} {...slotProps?.trigger}>\n {trigger}\n </AlertModalTrigger>\n <AlertModalContent\n aria-describedby={description === undefined ? undefined : descriptionId}\n aria-labelledby={titleId}\n id={id}\n {...slotProps?.content}\n >\n <h2 id={titleId} data-part=\"title\" data-uiify-alert-modal=\"\" {...slotProps?.title}>\n {title}\n </h2>\n {description === undefined ? null : (\n <p\n id={descriptionId}\n data-part=\"description\"\n data-uiify-alert-modal=\"\"\n {...slotProps?.description}\n >\n {description}\n </p>\n )}\n {children}\n <AlertModalCancel target={id} value=\"cancel\" {...slotProps?.cancel}>\n {cancelLabel}\n </AlertModalCancel>\n <AlertModalAction target={id} value=\"confirm\" {...slotProps?.action}>\n {actionLabel}\n </AlertModalAction>\n </AlertModalContent>\n </div>\n );\n}\nAlertModal.displayName = \"AlertModal\";\n"],"mappings":"AAwBM,cAGA,YAHA;AAvBN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,QAAM,UAAU,GAAG,EAAE;AACrB,QAAM,gBAAgB,GAAG,EAAE;AAC3B,SACE,qBAAC,SAAI,aAAU,QAAO,0BAAuB,IAAI,GAAG,WAClD;AAAA,wBAAC,qBAAkB,QAAQ,IAAK,GAAG,WAAW,SAC3C,mBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,oBAAkB,gBAAgB,SAAY,SAAY;AAAA,QAC1D,mBAAiB;AAAA,QACjB;AAAA,QACC,GAAG,WAAW;AAAA,QAEf;AAAA,8BAAC,QAAG,IAAI,SAAS,aAAU,SAAQ,0BAAuB,IAAI,GAAG,WAAW,OACzE,iBACH;AAAA,UACC,gBAAgB,SAAY,OAC3B;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,aAAU;AAAA,cACV,0BAAuB;AAAA,cACtB,GAAG,WAAW;AAAA,cAEd;AAAA;AAAA,UACH;AAAA,UAED;AAAA,UACD,oBAAC,oBAAiB,QAAQ,IAAI,OAAM,UAAU,GAAG,WAAW,QACzD,uBACH;AAAA,UACA,oBAAC,oBAAiB,QAAQ,IAAI,OAAM,WAAW,GAAG,WAAW,QAC1D,uBACH;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AACA,WAAW,cAAc;","names":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"AlertModalParts.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AAEpB,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAClE,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,GACjC,YAAY,CAWd;yBAbe,iBAAiB;;;AAgBjC,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CAO7E;yBAPe,iBAAiB;;;AAUjC,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,CAWd;yBAbe,gBAAgB;;;AAgBhC,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,CAWd;yBAbe,gBAAgB"}
1
+ {"version":3,"file":"AlertModalParts.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AACpB,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAClE,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,GACjC,YAAY,CAWd;yBAbe,iBAAiB;;;AAejC,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CAO7E;yBAPe,iBAAiB;;;AASjC,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,CAWd;yBAbe,gBAAgB;;;AAehC,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,CAWd;yBAbe,gBAAgB"}
@@ -15,7 +15,7 @@ function AlertModalTrigger(props) {
15
15
  AlertModalTrigger.displayName = "AlertModalTrigger";
16
16
  function AlertModalContent(props) {
17
17
  const { children, ...dialogProps } = props;
18
- return /* @__PURE__ */ jsx("dialog", { ...dialogProps, "data-part": "content", "data-uiify-alert-modal": "", role: "alertdialog", children });
18
+ return /* @__PURE__ */ jsx("dialog", { "data-part": "content", "data-uiify-alert-modal": "", role: "alertdialog", ...dialogProps, children });
19
19
  }
20
20
  AlertModalContent.displayName = "AlertModalContent";
21
21
  function AlertModalAction(props) {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type {\n AlertModalActionProps,\n AlertModalCancelProps,\n AlertModalContentProps,\n AlertModalTriggerProps,\n} from \"./types.js\";\n\n/** Native alert modal invoker with alert-modal identity and trigger anatomy. */\nexport function AlertModalTrigger<TAs extends ElementType = \"button\">(\n props: AlertModalTriggerProps<TAs>,\n): ReactElement {\n const { as, target, ...consumerProps } = props as AlertModalTriggerProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"trigger\",\n \"show-modal\",\n target,\n consumerProps as Record<string, unknown>,\n { button: true },\n );\n}\nAlertModalTrigger.displayName = \"AlertModalTrigger\";\n\n/** Native alert dialog content with alert-modal identity and content anatomy. */\nexport function AlertModalContent(props: AlertModalContentProps): ReactElement {\n const { children, ...dialogProps } = props;\n return (\n <dialog {...dialogProps} data-part=\"content\" data-uiify-alert-modal=\"\" role=\"alertdialog\">\n {children}\n </dialog>\n );\n}\nAlertModalContent.displayName = \"AlertModalContent\";\n\n/** Native alert modal action invoker. */\nexport function AlertModalAction<TAs extends ElementType = \"button\">(\n props: AlertModalActionProps<TAs>,\n): ReactElement {\n const { as, target, ...consumerProps } = props as AlertModalActionProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"action\",\n \"request-close\",\n target,\n consumerProps as Record<string, unknown>,\n { button: true, variant: \"destructive\" },\n );\n}\nAlertModalAction.displayName = \"AlertModalAction\";\n\n/** Native alert modal cancel invoker. */\nexport function AlertModalCancel<TAs extends ElementType = \"button\">(\n props: AlertModalCancelProps<TAs>,\n): ReactElement {\n const { as, target, ...consumerProps } = props as AlertModalCancelProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"cancel\",\n \"request-close\",\n target,\n consumerProps as Record<string, unknown>,\n { button: true, variant: \"secondary\" },\n );\n}\nAlertModalCancel.displayName = \"AlertModalCancel\";\n"],"mappings":"AA8BI;AA7BJ,SAAS,2BAA2B;AAS7B,SAAS,kBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACA,kBAAkB,cAAc;AAGzB,SAAS,kBAAkB,OAA6C;AAC7E,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE,oBAAC,YAAQ,GAAG,aAAa,aAAU,WAAU,0BAAuB,IAAG,MAAK,eACzE,UACH;AAEJ;AACA,kBAAkB,cAAc;AAGzB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,cAAc;AAAA,EACzC;AACF;AACA,iBAAiB,cAAc;AAGxB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,YAAY;AAAA,EACvC;AACF;AACA,iBAAiB,cAAc;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type {\n AlertModalActionProps,\n AlertModalCancelProps,\n AlertModalContentProps,\n AlertModalTriggerProps,\n} from \"./types.js\";\n/** Native alert modal invoker with alert-modal identity and trigger anatomy. */\nexport function AlertModalTrigger<TAs extends ElementType = \"button\">(\n props: AlertModalTriggerProps<TAs>,\n): ReactElement {\n const { as, target, ...consumerProps } = props as AlertModalTriggerProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"trigger\",\n \"show-modal\",\n target,\n consumerProps as Record<string, unknown>,\n { button: true },\n );\n}\nAlertModalTrigger.displayName = \"AlertModalTrigger\";\n/** Native alert dialog content with alert-modal identity and content anatomy. */\nexport function AlertModalContent(props: AlertModalContentProps): ReactElement {\n const { children, ...dialogProps } = props;\n return (\n <dialog data-part=\"content\" data-uiify-alert-modal=\"\" role=\"alertdialog\" {...dialogProps}>\n {children}\n </dialog>\n );\n}\nAlertModalContent.displayName = \"AlertModalContent\";\n/** Native alert modal action invoker. */\nexport function AlertModalAction<TAs extends ElementType = \"button\">(\n props: AlertModalActionProps<TAs>,\n): ReactElement {\n const { as, target, ...consumerProps } = props as AlertModalActionProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"action\",\n \"request-close\",\n target,\n consumerProps as Record<string, unknown>,\n { button: true, variant: \"destructive\" },\n );\n}\nAlertModalAction.displayName = \"AlertModalAction\";\n/** Native alert modal cancel invoker. */\nexport function AlertModalCancel<TAs extends ElementType = \"button\">(\n props: AlertModalCancelProps<TAs>,\n): ReactElement {\n const { as, target, ...consumerProps } = props as AlertModalCancelProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"cancel\",\n \"request-close\",\n target,\n consumerProps as Record<string, unknown>,\n { button: true, variant: \"secondary\" },\n );\n}\nAlertModalCancel.displayName = \"AlertModalCancel\";\n"],"mappings":"AA4BI;AA3BJ,SAAS,2BAA2B;AAQ7B,SAAS,kBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACA,kBAAkB,cAAc;AAEzB,SAAS,kBAAkB,OAA6C;AAC7E,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE,oBAAC,YAAO,aAAU,WAAU,0BAAuB,IAAG,MAAK,eAAe,GAAG,aAC1E,UACH;AAEJ;AACA,kBAAkB,cAAc;AAEzB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,cAAc;AAAA,EACzC;AACF;AACA,iBAAiB,cAAc;AAExB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,YAAY;AAAA,EACvC;AACF;AACA,iBAAiB,cAAc;","names":[]}
@@ -1,4 +1,4 @@
1
1
  export { AlertModal } from "./AlertModal.js";
2
2
  export { AlertModalAction, AlertModalCancel, AlertModalContent, AlertModalTrigger, } from "./AlertModalParts.js";
3
- export type { AlertModalActionOwnProps, AlertModalActionProps, AlertModalCancelOwnProps, AlertModalCancelProps, AlertModalContentOwnProps, AlertModalContentProps, AlertModalProps, AlertModalTriggerOwnProps, AlertModalTriggerProps, } from "./types.js";
3
+ export type { AlertModalActionOwnProps, AlertModalActionProps, AlertModalCancelOwnProps, AlertModalCancelProps, AlertModalContentOwnProps, AlertModalContentProps, AlertModalOwnProps, AlertModalProps, AlertModalSlotProps, AlertModalTriggerOwnProps, AlertModalTriggerProps, } from "./types.js";
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,EACtB,eAAe,EACf,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/alert-modal/index.ts"],"sourcesContent":["export { AlertModal } from \"./AlertModal.js\";\nexport {\n AlertModalAction,\n AlertModalCancel,\n AlertModalContent,\n AlertModalTrigger,\n} from \"./AlertModalParts.js\";\nexport type {\n AlertModalActionOwnProps,\n AlertModalActionProps,\n AlertModalCancelOwnProps,\n AlertModalCancelProps,\n AlertModalContentOwnProps,\n AlertModalContentProps,\n AlertModalProps,\n AlertModalTriggerOwnProps,\n AlertModalTriggerProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/alert-modal/index.ts"],"sourcesContent":["export { AlertModal } from \"./AlertModal.js\";\nexport {\n AlertModalAction,\n AlertModalCancel,\n AlertModalContent,\n AlertModalTrigger,\n} from \"./AlertModalParts.js\";\nexport type {\n AlertModalActionOwnProps,\n AlertModalActionProps,\n AlertModalCancelOwnProps,\n AlertModalCancelProps,\n AlertModalContentOwnProps,\n AlertModalContentProps,\n AlertModalOwnProps,\n AlertModalProps,\n AlertModalSlotProps,\n AlertModalTriggerOwnProps,\n AlertModalTriggerProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
@@ -1,6 +1,7 @@
1
1
  import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
2
2
  import type { NativeButtonProps } from "@gunkin/uiify/core/render";
3
- export interface AlertModalProps {
3
+ import type { ConsumerDataAttributes, SlotProps } from "../../core/slot-props.js";
4
+ export interface AlertModalOwnProps {
4
5
  readonly id: string;
5
6
  readonly trigger: ReactNode;
6
7
  readonly title: ReactNode;
@@ -8,28 +9,43 @@ export interface AlertModalProps {
8
9
  readonly children?: ReactNode;
9
10
  readonly actionLabel?: ReactNode;
10
11
  readonly cancelLabel?: ReactNode;
11
- readonly className?: string;
12
+ /** Native props for each generated part; the AlertModal root takes props directly. */
13
+ readonly slotProps?: AlertModalSlotProps;
12
14
  }
15
+ type AlertModalInvokerSlotProps = Omit<SlotProps<"button">, "popoverTarget" | "popoverTargetAction"> & {
16
+ readonly command?: string | undefined;
17
+ readonly commandfor?: string | undefined;
18
+ };
19
+ export interface AlertModalSlotProps {
20
+ readonly trigger?: AlertModalInvokerSlotProps;
21
+ readonly content?: Omit<SlotProps<"dialog">, "id" | "open" | "popover">;
22
+ readonly title?: SlotProps<"h2">;
23
+ readonly description?: SlotProps<"p">;
24
+ readonly cancel?: AlertModalInvokerSlotProps;
25
+ readonly action?: AlertModalInvokerSlotProps;
26
+ }
27
+ export type AlertModalProps = AlertModalOwnProps & Omit<SlotProps<"div">, keyof AlertModalOwnProps>;
13
28
  export interface AlertModalTriggerOwnProps {
14
29
  readonly children?: ReactNode;
15
30
  /** `id` of the `AlertModalContent` this button opens. */
16
31
  readonly target: string;
17
32
  }
18
- export type AlertModalTriggerProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalTriggerOwnProps>;
33
+ export type AlertModalTriggerProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalTriggerOwnProps> & ConsumerDataAttributes;
19
34
  export interface AlertModalActionOwnProps {
20
35
  readonly children?: ReactNode;
21
36
  readonly target: string;
22
37
  }
23
- export type AlertModalActionProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalActionOwnProps>;
38
+ export type AlertModalActionProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalActionOwnProps> & ConsumerDataAttributes;
24
39
  export interface AlertModalCancelOwnProps {
25
40
  readonly children?: ReactNode;
26
41
  readonly target: string;
27
42
  }
28
- export type AlertModalCancelProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalCancelOwnProps>;
43
+ export type AlertModalCancelProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalCancelOwnProps> & ConsumerDataAttributes;
29
44
  export interface AlertModalContentOwnProps {
30
45
  readonly children?: ReactNode;
31
46
  readonly id: string;
32
47
  }
33
- /** `<dialog role="alertdialog">`; `role`, `open` and `popover` belong to the part. */
34
- export type AlertModalContentProps = AlertModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof AlertModalContentOwnProps | "open" | "popover" | "role">;
48
+ /** `<dialog role="alertdialog">`; `open` and `popover` use the native modal contract. */
49
+ export type AlertModalContentProps = AlertModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof AlertModalContentOwnProps | "open" | "popover" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes;
50
+ export {};
35
51
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,yDAAyD;IACzD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,sBAAsB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACxF,GAAG,EACH,yBAAyB,CAC1B,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACvF,GAAG,EACH,wBAAwB,CACzB,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACvF,GAAG,EACH,wBAAwB,CACzB,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;CACrB;AAED,sFAAsF;AACtF,MAAM,MAAM,sBAAsB,GAAG,yBAAyB,GAC5D,IAAI,CACF,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,MAAM,yBAAyB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAC9D,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAElF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,sFAAsF;IACtF,QAAQ,CAAC,SAAS,CAAC,EAAE,mBAAmB,CAAC;CAC1C;AAED,KAAK,0BAA0B,GAAG,IAAI,CACpC,SAAS,CAAC,QAAQ,CAAC,EACnB,eAAe,GAAG,qBAAqB,CACxC,GAAG;IACF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1C,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,OAAO,CAAC,EAAE,0BAA0B,CAAC;IAC9C,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;IACxE,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACtC,QAAQ,CAAC,MAAM,CAAC,EAAE,0BAA0B,CAAC;IAC7C,QAAQ,CAAC,MAAM,CAAC,EAAE,0BAA0B,CAAC;CAC9C;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC;AAEpG,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,yDAAyD;IACzD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,sBAAsB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACxF,GAAG,EACH,yBAAyB,CAC1B,GACC,sBAAsB,CAAC;AAEzB,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACvF,GAAG,EACH,wBAAwB,CACzB,GACC,sBAAsB,CAAC;AAEzB,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACvF,GAAG,EACH,wBAAwB,CACzB,GACC,sBAAsB,CAAC;AAEzB,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;CACrB;AAED,yFAAyF;AACzF,MAAM,MAAM,sBAAsB,GAAG,yBAAyB,GAC5D,IAAI,CACF,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,MAAM,yBAAyB,GAAG,MAAM,GAAG,SAAS,GAAG,yBAAyB,CACjF,GACD,sBAAsB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACzD,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CAqBrB;yBAvBe,WAAW"}
1
+ {"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACzD,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CA0BrB;yBA5Be,WAAW"}
@@ -1,19 +1,19 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useRenderElement } from "@gunkin/uiify/core/render";
3
3
  function AspectRatio(props) {
4
- const { as, render, ratio, children, ...consumerProps } = props;
4
+ const { as, render, ratio, children, slotProps, ...consumerProps } = props;
5
5
  const style = consumerProps.style;
6
6
  return useRenderElement({
7
7
  as,
8
8
  defaultTag: "div",
9
9
  props: {
10
- ...consumerProps,
11
10
  "data-uiify-aspect-ratio": "",
11
+ ...consumerProps,
12
12
  style: {
13
- ...style,
14
- ...ratio !== void 0 ? { "--uiify-aspect-ratio": Number.isFinite(ratio) && ratio > 0 ? ratio : 1 } : {}
13
+ ...ratio !== void 0 ? { "--uiify-aspect-ratio": Number.isFinite(ratio) && ratio > 0 ? ratio : 1 } : {},
14
+ ...style
15
15
  },
16
- children: /* @__PURE__ */ jsx("div", { "data-part": "content", children })
16
+ children: /* @__PURE__ */ jsx("div", { "data-part": "content", ...slotProps?.content, children })
17
17
  },
18
18
  render,
19
19
  state: {}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"sourcesContent":["// API research: Radix UI Aspect Ratio; independently authored from UIify design notes.\nimport type { CSSProperties, ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AspectRatioProps } from \"./types.js\";\n\nexport function AspectRatio<TAs extends ElementType = \"div\">(\n props: AspectRatioProps<TAs>,\n): ReactElement | null {\n const { as, render, ratio, children, ...consumerProps } = props as AspectRatioProps<\"div\">;\n const style = (consumerProps as { style?: CSSProperties }).style;\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-uiify-aspect-ratio\": \"\",\n style: {\n ...style,\n ...(ratio !== undefined\n ? { \"--uiify-aspect-ratio\": Number.isFinite(ratio) && ratio > 0 ? ratio : 1 }\n : {}),\n } as CSSProperties,\n children: <div data-part=\"content\">{children}</div>,\n },\n render,\n state: {},\n });\n}\nAspectRatio.displayName = \"AspectRatio\";\n"],"mappings":"AAuBgB;AArBhB,SAAS,wBAAwB;AAG1B,SAAS,YACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,OAAO,UAAU,GAAG,cAAc,IAAI;AAC1D,QAAM,QAAS,cAA4C;AAE3D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,2BAA2B;AAAA,MAC3B,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAI,UAAU,SACV,EAAE,wBAAwB,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAQ,EAAE,IAC1E,CAAC;AAAA,MACP;AAAA,MACA,UAAU,oBAAC,SAAI,aAAU,WAAW,UAAS;AAAA,IAC/C;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,YAAY,cAAc;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"sourcesContent":["// API research: Radix UI Aspect Ratio; independently authored from UIify design notes.\nimport type { CSSProperties, ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AspectRatioProps } from \"./types.js\";\n\nexport function AspectRatio<TAs extends ElementType = \"div\">(\n props: AspectRatioProps<TAs>,\n): ReactElement | null {\n const { as, render, ratio, children, slotProps, ...consumerProps } =\n props as AspectRatioProps<\"div\">;\n const style = (consumerProps as { style?: CSSProperties }).style;\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n \"data-uiify-aspect-ratio\": \"\",\n ...consumerProps,\n style: {\n ...(ratio !== undefined\n ? { \"--uiify-aspect-ratio\": Number.isFinite(ratio) && ratio > 0 ? ratio : 1 }\n : {}),\n ...style,\n } as CSSProperties,\n children: (\n <div data-part=\"content\" {...slotProps?.content}>\n {children}\n </div>\n ),\n },\n render,\n state: {},\n });\n}\nAspectRatio.displayName = \"AspectRatio\";\n"],"mappings":"AAyBQ;AAvBR,SAAS,wBAAwB;AAG1B,SAAS,YACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,OAAO,UAAU,WAAW,GAAG,cAAc,IAC/D;AACF,QAAM,QAAS,cAA4C;AAE3D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,2BAA2B;AAAA,MAC3B,GAAG;AAAA,MACH,OAAO;AAAA,QACL,GAAI,UAAU,SACV,EAAE,wBAAwB,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAQ,EAAE,IAC1E,CAAC;AAAA,QACL,GAAG;AAAA,MACL;AAAA,MACA,UACE,oBAAC,SAAI,aAAU,WAAW,GAAG,WAAW,SACrC,UACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,YAAY,cAAc;","names":[]}
@@ -1,9 +1,15 @@
1
1
  import type { ElementType, ReactNode } from "react";
2
+ import type { SlotProps } from "../../core/slot-props.js";
2
3
  import type { RenderableProps } from "@gunkin/uiify/core/render";
3
4
  export interface AspectRatioOwnProps {
4
5
  /** Positive finite width / height ratio. Omit to use the CSS default (square). */
5
6
  readonly ratio?: number;
6
7
  readonly children?: ReactNode;
8
+ readonly slotProps?: AspectRatioSlotProps;
7
9
  }
8
10
  export type AspectRatioProps<TAs extends ElementType = "div"> = RenderableProps<TAs, AspectRatioOwnProps, Record<string, never>, HTMLElement>;
11
+ export type AspectRatioContentSlotProps = SlotProps<"div">;
12
+ export interface AspectRatioSlotProps {
13
+ readonly content?: AspectRatioContentSlotProps;
14
+ }
9
15
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,kFAAkF;IAClF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC7E,GAAG,EACH,mBAAmB,EACnB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,kFAAkF;IAClF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAC3C;AAED,MAAM,MAAM,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC7E,GAAG,EACH,mBAAmB,EACnB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,2BAA2B,CAAC;CAChD"}
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,MAAM,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EACrD,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GACtB,YAAY,GAAG,IAAI,CAwBrB;yBA1Be,MAAM"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,MAAM,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EACrD,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GACtB,YAAY,GAAG,IAAI,CAyBrB;yBA3Be,MAAM"}
@@ -1,17 +1,17 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useRenderElement } from "@gunkin/uiify/core/render";
3
3
  function Avatar(props) {
4
- const { as, render, name, fallback, src, size, ...consumerProps } = props;
4
+ const { as, render, name, fallback, src, size, slotProps, ...consumerProps } = props;
5
5
  return useRenderElement({
6
6
  as,
7
7
  defaultTag: "span",
8
8
  props: {
9
- ...consumerProps,
10
- role: consumerProps.role ?? "img",
11
- "aria-label": consumerProps["aria-label"] ?? name,
9
+ role: "img",
10
+ "aria-label": name,
12
11
  "data-uiify-avatar": "",
13
12
  ...size !== void 0 ? { "data-size": size } : {},
14
- children: src !== void 0 ? /* @__PURE__ */ jsx("img", { "data-part": "image", src, alt: "" }) : /* @__PURE__ */ jsx("span", { "data-part": "fallback", "aria-hidden": "true", children: fallback })
13
+ ...consumerProps,
14
+ children: src !== void 0 ? /* @__PURE__ */ jsx("img", { "data-part": "image", src, alt: "", ...slotProps?.image }) : /* @__PURE__ */ jsx("span", { "data-part": "fallback", "aria-hidden": "true", ...slotProps?.fallback, children: fallback })
15
15
  },
16
16
  render,
17
17
  state: {}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AvatarProps } from \"./types.js\";\n\nexport function Avatar<TAs extends ElementType = \"span\">(\n props: AvatarProps<TAs>,\n): ReactElement | null {\n const { as, render, name, fallback, src, size, ...consumerProps } = props as AvatarProps<\"span\">;\n\n return useRenderElement({\n as,\n defaultTag: \"span\",\n props: {\n ...consumerProps,\n role: (consumerProps as { role?: string }).role ?? \"img\",\n \"aria-label\": (consumerProps as { \"aria-label\"?: string })[\"aria-label\"] ?? name,\n \"data-uiify-avatar\": \"\",\n ...(size !== undefined ? { \"data-size\": size } : {}),\n children:\n src !== undefined ? (\n <img data-part=\"image\" src={src} alt=\"\" />\n ) : (\n <span data-part=\"fallback\" aria-hidden=\"true\">\n {fallback}\n </span>\n ),\n },\n render,\n state: {},\n });\n}\n\nAvatar.displayName = \"Avatar\";\n"],"mappings":"AAoBU;AAnBV,SAAS,wBAAwB;AAG1B,SAAS,OACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,MAAM,UAAU,KAAK,MAAM,GAAG,cAAc,IAAI;AAEpE,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAO,cAAoC,QAAQ;AAAA,MACnD,cAAe,cAA4C,YAAY,KAAK;AAAA,MAC5E,qBAAqB;AAAA,MACrB,GAAI,SAAS,SAAY,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MAClD,UACE,QAAQ,SACN,oBAAC,SAAI,aAAU,SAAQ,KAAU,KAAI,IAAG,IAExC,oBAAC,UAAK,aAAU,YAAW,eAAY,QACpC,oBACH;AAAA,IAEN;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,OAAO,cAAc;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AvatarProps } from \"./types.js\";\n\nexport function Avatar<TAs extends ElementType = \"span\">(\n props: AvatarProps<TAs>,\n): ReactElement | null {\n const { as, render, name, fallback, src, size, slotProps, ...consumerProps } =\n props as AvatarProps<\"span\">;\n\n return useRenderElement({\n as,\n defaultTag: \"span\",\n props: {\n role: \"img\",\n \"aria-label\": name,\n \"data-uiify-avatar\": \"\",\n ...(size !== undefined ? { \"data-size\": size } : {}),\n ...consumerProps,\n children:\n src !== undefined ? (\n <img data-part=\"image\" src={src} alt=\"\" {...slotProps?.image} />\n ) : (\n <span data-part=\"fallback\" aria-hidden=\"true\" {...slotProps?.fallback}>\n {fallback}\n </span>\n ),\n },\n render,\n state: {},\n });\n}\n\nAvatar.displayName = \"Avatar\";\n"],"mappings":"AAqBU;AApBV,SAAS,wBAAwB;AAG1B,SAAS,OACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,MAAM,UAAU,KAAK,MAAM,WAAW,GAAG,cAAc,IACzE;AAEF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA,MACd,qBAAqB;AAAA,MACrB,GAAI,SAAS,SAAY,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MAClD,GAAG;AAAA,MACH,UACE,QAAQ,SACN,oBAAC,SAAI,aAAU,SAAQ,KAAU,KAAI,IAAI,GAAG,WAAW,OAAO,IAE9D,oBAAC,UAAK,aAAU,YAAW,eAAY,QAAQ,GAAG,WAAW,UAC1D,oBACH;AAAA,IAEN;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,OAAO,cAAc;","names":[]}
@@ -1,4 +1,5 @@
1
1
  import type { ElementType } from "react";
2
+ import type { SlotProps } from "../../core/slot-props.js";
2
3
  import type { RenderableProps } from "@gunkin/uiify/core/render";
3
4
  export type AvatarSize = "sm" | "md" | "lg";
4
5
  export interface AvatarOwnProps {
@@ -7,6 +8,13 @@ export interface AvatarOwnProps {
7
8
  readonly src?: string;
8
9
  readonly size?: AvatarSize;
9
10
  readonly children?: never;
11
+ readonly slotProps?: AvatarSlotProps;
10
12
  }
11
13
  export type AvatarProps<TAs extends ElementType = "span"> = RenderableProps<TAs, AvatarOwnProps, Record<string, never>, HTMLElement>;
14
+ export type AvatarImageSlotProps = SlotProps<"img">;
15
+ export type AvatarFallbackSlotProps = SlotProps<"span">;
16
+ export interface AvatarSlotProps {
17
+ readonly image?: AvatarImageSlotProps;
18
+ readonly fallback?: AvatarFallbackSlotProps;
19
+ }
12
20
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAC3B;AAED,MAAM,MAAM,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,IAAI,eAAe,CACzE,GAAG,EACH,cAAc,EACd,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,eAAe,CAAC;CACtC;AAED,MAAM,MAAM,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,IAAI,eAAe,CACzE,GAAG,EACH,cAAc,EACd,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAEpD,MAAM,MAAM,uBAAuB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAExD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC;CAC7C"}
@@ -1,5 +1,5 @@
1
1
  import type { ElementType, ReactElement } from "react";
2
- import type { BreadcrumbRootProps, BreadcrumbListProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbSeparatorProps } from "./types.js";
2
+ import type { BreadcrumbRootProps, BreadcrumbListProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbSeparatorProps, BreadcrumbEllipsisPartProps } from "./types.js";
3
3
  export declare function BreadcrumbRoot<TAs extends ElementType = "nav">(props: BreadcrumbRootProps<TAs>): ReactElement | null;
4
4
  export declare function BreadcrumbList<TAs extends ElementType = "ol">(props: BreadcrumbListProps<TAs>): ReactElement | null;
5
5
  export declare namespace BreadcrumbList {
@@ -8,7 +8,7 @@ export declare namespace BreadcrumbList {
8
8
  export declare function BreadcrumbItem<TAs extends ElementType = "li">(props: BreadcrumbItemProps<TAs>): ReactElement | null;
9
9
  export declare function BreadcrumbLink<TAs extends ElementType = "a">(props: BreadcrumbLinkProps<TAs>): ReactElement | null;
10
10
  export declare function BreadcrumbSeparator<TAs extends ElementType = "span">(props: BreadcrumbSeparatorProps<TAs>): ReactElement | null;
11
- export declare function BreadcrumbEllipsisPart(): ReactElement;
11
+ export declare function BreadcrumbEllipsisPart({ slotProps, }?: BreadcrumbEllipsisPartProps): ReactElement;
12
12
  export declare namespace BreadcrumbEllipsisPart {
13
13
  var displayName: string;
14
14
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAIlE,OAAO,KAAK,EAEV,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EAEnB,mBAAmB,EACnB,wBAAwB,EAEzB,MAAM,YAAY,CAAC;AAOpB,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAqBrB;AAgBD,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAuDrB;yBAzDe,cAAc;;;AA4D9B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAUrB;AAED,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,GAAG,EAC1D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAwBrB;AAED,wBAAgB,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EAClE,KAAK,EAAE,wBAAwB,CAAC,GAAG,CAAC,GACnC,YAAY,GAAG,IAAI,CAerB;AAkCD,wBAAgB,sBAAsB,IAAI,YAAY,CAMrD;yBANe,sBAAsB;;;AAStC,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAC"}
1
+ {"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAIlE,OAAO,KAAK,EAEV,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EAEnB,mBAAmB,EACnB,wBAAwB,EAExB,2BAA2B,EAC5B,MAAM,YAAY,CAAC;AAOpB,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAerB;AAqBD,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CA6DrB;yBA/De,cAAc;;;AAkE9B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAUrB;AAED,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,GAAG,EAC1D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAwBrB;AAED,wBAAgB,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EAClE,KAAK,EAAE,wBAAwB,CAAC,GAAG,CAAC,GACnC,YAAY,GAAG,IAAI,CAerB;AA2CD,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,GACV,GAAE,2BAAgC,GAAG,YAAY,CAQjD;yBAVe,sBAAsB;;;AAatC,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAC"}