@gunkin/uiify 0.0.22-alpha → 0.0.25-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (443) hide show
  1. package/agents/index.md +1 -1
  2. package/agents/reference/components/accordion.md +23 -3
  3. package/agents/reference/components/alert-modal.md +25 -7
  4. package/agents/reference/components/alert.md +13 -1
  5. package/agents/reference/components/aspect-ratio.md +12 -0
  6. package/agents/reference/components/avatar.md +14 -0
  7. package/agents/reference/components/badge.md +4 -0
  8. package/agents/reference/components/breadcrumb.md +25 -1
  9. package/agents/reference/components/button.md +4 -0
  10. package/agents/reference/components/candle-chart.md +54 -2
  11. package/agents/reference/components/card.md +4 -0
  12. package/agents/reference/components/carousel.md +34 -1
  13. package/agents/reference/components/checkbox.md +7 -1
  14. package/agents/reference/components/collapsible.md +21 -3
  15. package/agents/reference/components/color-picker.md +22 -2
  16. package/agents/reference/components/combobox.md +24 -9
  17. package/agents/reference/components/context-menu.md +41 -5
  18. package/agents/reference/components/date-picker.md +4 -0
  19. package/agents/reference/components/description-list.md +4 -0
  20. package/agents/reference/components/drawer.md +35 -5
  21. package/agents/reference/components/dropdown-menu.md +8 -3
  22. package/agents/reference/components/empty.md +4 -0
  23. package/agents/reference/components/field.md +8 -3
  24. package/agents/reference/components/fieldset.md +4 -0
  25. package/agents/reference/components/file-upload.md +4 -0
  26. package/agents/reference/components/form-error-summary.md +15 -1
  27. package/agents/reference/components/form.md +4 -0
  28. package/agents/reference/components/header.md +4 -0
  29. package/agents/reference/components/hover-card.md +4 -0
  30. package/agents/reference/components/input-group.md +4 -0
  31. package/agents/reference/components/input.md +4 -0
  32. package/agents/reference/components/item.md +4 -0
  33. package/agents/reference/components/line-chart.md +45 -2
  34. package/agents/reference/components/modal.md +27 -3
  35. package/agents/reference/components/number-field.md +4 -0
  36. package/agents/reference/components/otp-input.md +4 -0
  37. package/agents/reference/components/pagination.md +17 -1
  38. package/agents/reference/components/popup.md +5 -0
  39. package/agents/reference/components/progress.md +4 -0
  40. package/agents/reference/components/radio-group.md +13 -2
  41. package/agents/reference/components/rating.md +13 -2
  42. package/agents/reference/components/segmented-control.md +13 -3
  43. package/agents/reference/components/select.md +5 -0
  44. package/agents/reference/components/skeleton.md +4 -0
  45. package/agents/reference/components/slider.md +17 -1
  46. package/agents/reference/components/spinner.md +14 -1
  47. package/agents/reference/components/switch.md +4 -0
  48. package/agents/reference/components/table-of-contents.md +4 -0
  49. package/agents/reference/components/table.md +20 -0
  50. package/agents/reference/components/tabs.md +26 -3
  51. package/agents/reference/components/tags-input.md +26 -1
  52. package/agents/reference/components/textarea.md +4 -0
  53. package/agents/reference/components/toast.md +59 -10
  54. package/agents/reference/components/toggle-group.md +10 -3
  55. package/agents/reference/components/toggle.md +20 -3
  56. package/agents/reference/components/toolbar.md +8 -4
  57. package/agents/reference/components/tooltip.md +4 -0
  58. package/agents/reference/components/virtual-scroll.md +35 -2
  59. package/agents/reference/elements/choice.md +21 -8
  60. package/agents/reference/elements/details.md +1 -1
  61. package/agents/reference/elements/dialog.md +1 -1
  62. package/agents/reference/elements/invoker.md +1 -1
  63. package/agents/reference/elements/popover.md +1 -1
  64. package/dist/components/accordion/Accordion.d.ts +1 -1
  65. package/dist/components/accordion/Accordion.d.ts.map +1 -1
  66. package/dist/components/accordion/Accordion.js +62 -15
  67. package/dist/components/accordion/Accordion.js.map +1 -1
  68. package/dist/components/accordion/index.d.ts +1 -1
  69. package/dist/components/accordion/index.d.ts.map +1 -1
  70. package/dist/components/accordion/index.js.map +1 -1
  71. package/dist/components/accordion/types.d.ts +23 -2
  72. package/dist/components/accordion/types.d.ts.map +1 -1
  73. package/dist/components/alert/Alert.d.ts.map +1 -1
  74. package/dist/components/alert/Alert.js +11 -1
  75. package/dist/components/alert/Alert.js.map +1 -1
  76. package/dist/components/alert/index.d.ts +1 -1
  77. package/dist/components/alert/index.d.ts.map +1 -1
  78. package/dist/components/alert/index.js.map +1 -1
  79. package/dist/components/alert/types.d.ts +11 -1
  80. package/dist/components/alert/types.d.ts.map +1 -1
  81. package/dist/components/alert-modal/AlertModal.d.ts +1 -1
  82. package/dist/components/alert-modal/AlertModal.d.ts.map +1 -1
  83. package/dist/components/alert-modal/AlertModal.js +139 -20
  84. package/dist/components/alert-modal/AlertModal.js.map +1 -1
  85. package/dist/components/alert-modal/AlertModalParts.d.ts.map +1 -1
  86. package/dist/components/alert-modal/AlertModalParts.js +37 -4
  87. package/dist/components/alert-modal/AlertModalParts.js.map +1 -1
  88. package/dist/components/alert-modal/index.d.ts +1 -1
  89. package/dist/components/alert-modal/index.d.ts.map +1 -1
  90. package/dist/components/alert-modal/index.js.map +1 -1
  91. package/dist/components/alert-modal/types.d.ts +40 -6
  92. package/dist/components/alert-modal/types.d.ts.map +1 -1
  93. package/dist/components/aspect-ratio/AspectRatio.d.ts.map +1 -1
  94. package/dist/components/aspect-ratio/AspectRatio.js +10 -2
  95. package/dist/components/aspect-ratio/AspectRatio.js.map +1 -1
  96. package/dist/components/aspect-ratio/types.d.ts +10 -1
  97. package/dist/components/aspect-ratio/types.d.ts.map +1 -1
  98. package/dist/components/avatar/Avatar.d.ts.map +1 -1
  99. package/dist/components/avatar/Avatar.js +19 -2
  100. package/dist/components/avatar/Avatar.js.map +1 -1
  101. package/dist/components/avatar/types.d.ts +19 -1
  102. package/dist/components/avatar/types.d.ts.map +1 -1
  103. package/dist/components/breadcrumb/Breadcrumb.d.ts +2 -2
  104. package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -1
  105. package/dist/components/breadcrumb/Breadcrumb.js +118 -26
  106. package/dist/components/breadcrumb/Breadcrumb.js.map +1 -1
  107. package/dist/components/breadcrumb/index.d.ts +1 -1
  108. package/dist/components/breadcrumb/index.d.ts.map +1 -1
  109. package/dist/components/breadcrumb/index.js.map +1 -1
  110. package/dist/components/breadcrumb/types.d.ts +40 -1
  111. package/dist/components/breadcrumb/types.d.ts.map +1 -1
  112. package/dist/components/candle-chart/CandleChart.d.ts +1 -1
  113. package/dist/components/candle-chart/CandleChart.d.ts.map +1 -1
  114. package/dist/components/candle-chart/CandleChart.js +269 -119
  115. package/dist/components/candle-chart/CandleChart.js.map +1 -1
  116. package/dist/components/candle-chart/client/CandleChartClient.d.ts.map +1 -1
  117. package/dist/components/candle-chart/client/CandleChartClient.js +21 -1
  118. package/dist/components/candle-chart/client/CandleChartClient.js.map +1 -1
  119. package/dist/components/candle-chart/client/index.d.ts +1 -1
  120. package/dist/components/candle-chart/client/index.d.ts.map +1 -1
  121. package/dist/components/candle-chart/client/index.js.map +1 -1
  122. package/dist/components/candle-chart/index.d.ts +1 -1
  123. package/dist/components/candle-chart/index.d.ts.map +1 -1
  124. package/dist/components/candle-chart/index.js.map +1 -1
  125. package/dist/components/candle-chart/types.d.ts +129 -1
  126. package/dist/components/candle-chart/types.d.ts.map +1 -1
  127. package/dist/components/carousel/Carousel.d.ts +2 -2
  128. package/dist/components/carousel/Carousel.d.ts.map +1 -1
  129. package/dist/components/carousel/Carousel.js +2 -1
  130. package/dist/components/carousel/Carousel.js.map +1 -1
  131. package/dist/components/carousel/CarouselMarkup.d.ts.map +1 -1
  132. package/dist/components/carousel/CarouselMarkup.js +137 -22
  133. package/dist/components/carousel/CarouselMarkup.js.map +1 -1
  134. package/dist/components/carousel/client/CarouselClient.d.ts.map +1 -1
  135. package/dist/components/carousel/client/CarouselClient.js +3 -2
  136. package/dist/components/carousel/client/CarouselClient.js.map +1 -1
  137. package/dist/components/carousel/client/carousel-controls.d.ts.map +1 -1
  138. package/dist/components/carousel/client/carousel-controls.js +2 -2
  139. package/dist/components/carousel/client/carousel-controls.js.map +1 -1
  140. package/dist/components/carousel/fade/FadeCarouselClient.d.ts.map +1 -1
  141. package/dist/components/carousel/fade/FadeCarouselClient.js +3 -2
  142. package/dist/components/carousel/fade/FadeCarouselClient.js.map +1 -1
  143. package/dist/components/carousel/index.d.ts +1 -1
  144. package/dist/components/carousel/index.d.ts.map +1 -1
  145. package/dist/components/carousel/index.js.map +1 -1
  146. package/dist/components/carousel/types.d.ts +85 -2
  147. package/dist/components/carousel/types.d.ts.map +1 -1
  148. package/dist/components/checkbox/Checkbox.d.ts +6 -1
  149. package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
  150. package/dist/components/checkbox/Checkbox.js +6 -1
  151. package/dist/components/checkbox/Checkbox.js.map +1 -1
  152. package/dist/components/checkbox/index.d.ts +1 -1
  153. package/dist/components/checkbox/index.d.ts.map +1 -1
  154. package/dist/components/checkbox/index.js.map +1 -1
  155. package/dist/components/checkbox/types.d.ts +3 -0
  156. package/dist/components/checkbox/types.d.ts.map +1 -1
  157. package/dist/components/collapsible/Collapsible.d.ts +1 -1
  158. package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
  159. package/dist/components/collapsible/Collapsible.js +35 -4
  160. package/dist/components/collapsible/Collapsible.js.map +1 -1
  161. package/dist/components/collapsible/index.d.ts +1 -1
  162. package/dist/components/collapsible/index.d.ts.map +1 -1
  163. package/dist/components/collapsible/index.js.map +1 -1
  164. package/dist/components/collapsible/types.d.ts +25 -3
  165. package/dist/components/collapsible/types.d.ts.map +1 -1
  166. package/dist/components/color-picker/ColorPicker.d.ts.map +1 -1
  167. package/dist/components/color-picker/ColorPicker.js +165 -49
  168. package/dist/components/color-picker/ColorPicker.js.map +1 -1
  169. package/dist/components/color-picker/index.d.ts +1 -1
  170. package/dist/components/color-picker/index.d.ts.map +1 -1
  171. package/dist/components/color-picker/index.js.map +1 -1
  172. package/dist/components/color-picker/types.d.ts +37 -0
  173. package/dist/components/color-picker/types.d.ts.map +1 -1
  174. package/dist/components/combobox/Combobox.d.ts.map +1 -1
  175. package/dist/components/combobox/Combobox.js +44 -25
  176. package/dist/components/combobox/Combobox.js.map +1 -1
  177. package/dist/components/combobox/index.d.ts +1 -1
  178. package/dist/components/combobox/index.d.ts.map +1 -1
  179. package/dist/components/combobox/index.js.map +1 -1
  180. package/dist/components/combobox/types.d.ts +29 -4
  181. package/dist/components/combobox/types.d.ts.map +1 -1
  182. package/dist/components/context-menu/ContextMenu.d.ts.map +1 -1
  183. package/dist/components/context-menu/ContextMenu.js +48 -11
  184. package/dist/components/context-menu/ContextMenu.js.map +1 -1
  185. package/dist/components/context-menu/index.d.ts +1 -1
  186. package/dist/components/context-menu/index.d.ts.map +1 -1
  187. package/dist/components/context-menu/index.js.map +1 -1
  188. package/dist/components/context-menu/types.d.ts +35 -9
  189. package/dist/components/context-menu/types.d.ts.map +1 -1
  190. package/dist/components/drawer/Drawer.d.ts.map +1 -1
  191. package/dist/components/drawer/Drawer.js +5 -1
  192. package/dist/components/drawer/Drawer.js.map +1 -1
  193. package/dist/components/drawer/DrawerNative.d.ts +1 -1
  194. package/dist/components/drawer/DrawerNative.d.ts.map +1 -1
  195. package/dist/components/drawer/DrawerNative.js +254 -44
  196. package/dist/components/drawer/DrawerNative.js.map +1 -1
  197. package/dist/components/drawer/index.d.ts +1 -1
  198. package/dist/components/drawer/index.d.ts.map +1 -1
  199. package/dist/components/drawer/index.js.map +1 -1
  200. package/dist/components/drawer/types.d.ts +31 -6
  201. package/dist/components/drawer/types.d.ts.map +1 -1
  202. package/dist/components/dropdown-menu/DropdownMenu.d.ts.map +1 -1
  203. package/dist/components/dropdown-menu/DropdownMenu.js +8 -2
  204. package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -1
  205. package/dist/components/dropdown-menu/DropdownMenuBar.d.ts.map +1 -1
  206. package/dist/components/dropdown-menu/DropdownMenuBar.js +47 -29
  207. package/dist/components/dropdown-menu/DropdownMenuBar.js.map +1 -1
  208. package/dist/components/dropdown-menu/types.d.ts +7 -5
  209. package/dist/components/dropdown-menu/types.d.ts.map +1 -1
  210. package/dist/components/field/types.d.ts +4 -4
  211. package/dist/components/field/types.d.ts.map +1 -1
  212. package/dist/components/form-error-summary/FormErrorSummary.d.ts.map +1 -1
  213. package/dist/components/form-error-summary/FormErrorSummary.js +35 -3
  214. package/dist/components/form-error-summary/FormErrorSummary.js.map +1 -1
  215. package/dist/components/form-error-summary/index.d.ts +1 -1
  216. package/dist/components/form-error-summary/index.d.ts.map +1 -1
  217. package/dist/components/form-error-summary/index.js.map +1 -1
  218. package/dist/components/form-error-summary/types.d.ts +20 -1
  219. package/dist/components/form-error-summary/types.d.ts.map +1 -1
  220. package/dist/components/internal/choice-family/ChoiceGroup.d.ts.map +1 -1
  221. package/dist/components/internal/choice-family/ChoiceGroup.js +61 -11
  222. package/dist/components/internal/choice-family/ChoiceGroup.js.map +1 -1
  223. package/dist/components/internal/choice-family/types.d.ts +51 -1
  224. package/dist/components/internal/choice-family/types.d.ts.map +1 -1
  225. package/dist/components/internal/menu/types.d.ts +1 -0
  226. package/dist/components/internal/menu/types.d.ts.map +1 -1
  227. package/dist/components/internal/menu/use-menu-surface.d.ts.map +1 -1
  228. package/dist/components/internal/menu/use-menu-surface.js +2 -1
  229. package/dist/components/internal/menu/use-menu-surface.js.map +1 -1
  230. package/dist/components/internal/native-check-control/NativeCheckControl.d.ts.map +1 -1
  231. package/dist/components/internal/native-check-control/NativeCheckControl.js +35 -3
  232. package/dist/components/internal/native-check-control/NativeCheckControl.js.map +1 -1
  233. package/dist/components/internal/native-check-control/types.d.ts +21 -1
  234. package/dist/components/internal/native-check-control/types.d.ts.map +1 -1
  235. package/dist/components/line-chart/LineChart.d.ts +1 -1
  236. package/dist/components/line-chart/LineChart.d.ts.map +1 -1
  237. package/dist/components/line-chart/LineChart.js +260 -79
  238. package/dist/components/line-chart/LineChart.js.map +1 -1
  239. package/dist/components/line-chart/client/LineChartClient.d.ts.map +1 -1
  240. package/dist/components/line-chart/client/LineChartClient.js +21 -1
  241. package/dist/components/line-chart/client/LineChartClient.js.map +1 -1
  242. package/dist/components/line-chart/client/index.d.ts +1 -1
  243. package/dist/components/line-chart/client/index.d.ts.map +1 -1
  244. package/dist/components/line-chart/client/index.js.map +1 -1
  245. package/dist/components/line-chart/index.d.ts +1 -1
  246. package/dist/components/line-chart/index.d.ts.map +1 -1
  247. package/dist/components/line-chart/index.js.map +1 -1
  248. package/dist/components/line-chart/types.d.ts +113 -1
  249. package/dist/components/line-chart/types.d.ts.map +1 -1
  250. package/dist/components/modal/Modal.d.ts +1 -1
  251. package/dist/components/modal/Modal.d.ts.map +1 -1
  252. package/dist/components/modal/Modal.js +118 -43
  253. package/dist/components/modal/Modal.js.map +1 -1
  254. package/dist/components/modal/index.d.ts +1 -1
  255. package/dist/components/modal/index.d.ts.map +1 -1
  256. package/dist/components/modal/index.js.map +1 -1
  257. package/dist/components/modal/types.d.ts +24 -2
  258. package/dist/components/modal/types.d.ts.map +1 -1
  259. package/dist/components/otp-input/OtpInput.d.ts.map +1 -1
  260. package/dist/components/otp-input/OtpInput.js +4 -2
  261. package/dist/components/otp-input/OtpInput.js.map +1 -1
  262. package/dist/components/pagination/Pagination.d.ts.map +1 -1
  263. package/dist/components/pagination/Pagination.js +172 -55
  264. package/dist/components/pagination/Pagination.js.map +1 -1
  265. package/dist/components/pagination/index.d.ts +1 -1
  266. package/dist/components/pagination/index.d.ts.map +1 -1
  267. package/dist/components/pagination/index.js.map +1 -1
  268. package/dist/components/pagination/types.d.ts +33 -1
  269. package/dist/components/pagination/types.d.ts.map +1 -1
  270. package/dist/components/radio-group/RadioGroup.d.ts +1 -1
  271. package/dist/components/radio-group/RadioGroup.d.ts.map +1 -1
  272. package/dist/components/radio-group/RadioGroup.js +5 -1
  273. package/dist/components/radio-group/RadioGroup.js.map +1 -1
  274. package/dist/components/radio-group/index.d.ts +1 -1
  275. package/dist/components/radio-group/index.d.ts.map +1 -1
  276. package/dist/components/radio-group/index.js.map +1 -1
  277. package/dist/components/radio-group/types.d.ts +4 -2
  278. package/dist/components/radio-group/types.d.ts.map +1 -1
  279. package/dist/components/rating/Rating.d.ts +1 -1
  280. package/dist/components/rating/Rating.d.ts.map +1 -1
  281. package/dist/components/rating/Rating.js +5 -1
  282. package/dist/components/rating/Rating.js.map +1 -1
  283. package/dist/components/rating/client/RatingClient.d.ts +1 -1
  284. package/dist/components/rating/client/RatingClient.d.ts.map +1 -1
  285. package/dist/components/rating/client/RatingClient.js +5 -1
  286. package/dist/components/rating/client/RatingClient.js.map +1 -1
  287. package/dist/components/rating/index.d.ts +1 -1
  288. package/dist/components/rating/index.d.ts.map +1 -1
  289. package/dist/components/rating/index.js.map +1 -1
  290. package/dist/components/rating/types.d.ts +12 -1
  291. package/dist/components/rating/types.d.ts.map +1 -1
  292. package/dist/components/segmented-control/SegmentedControl.d.ts +1 -1
  293. package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -1
  294. package/dist/components/segmented-control/SegmentedControl.js +5 -1
  295. package/dist/components/segmented-control/SegmentedControl.js.map +1 -1
  296. package/dist/components/segmented-control/client/SegmentedControlClient.d.ts +1 -1
  297. package/dist/components/segmented-control/client/SegmentedControlClient.d.ts.map +1 -1
  298. package/dist/components/segmented-control/client/SegmentedControlClient.js +5 -1
  299. package/dist/components/segmented-control/client/SegmentedControlClient.js.map +1 -1
  300. package/dist/components/segmented-control/index.d.ts +1 -1
  301. package/dist/components/segmented-control/index.d.ts.map +1 -1
  302. package/dist/components/segmented-control/index.js.map +1 -1
  303. package/dist/components/segmented-control/types.d.ts +4 -4
  304. package/dist/components/segmented-control/types.d.ts.map +1 -1
  305. package/dist/components/slider/client/SliderClient.d.ts.map +1 -1
  306. package/dist/components/slider/client/SliderClient.js +102 -20
  307. package/dist/components/slider/client/SliderClient.js.map +1 -1
  308. package/dist/components/slider/client/index.d.ts +1 -1
  309. package/dist/components/slider/client/index.d.ts.map +1 -1
  310. package/dist/components/slider/client/index.js.map +1 -1
  311. package/dist/components/slider/types.d.ts +46 -1
  312. package/dist/components/slider/types.d.ts.map +1 -1
  313. package/dist/components/spinner/Spinner.d.ts.map +1 -1
  314. package/dist/components/spinner/Spinner.js +19 -3
  315. package/dist/components/spinner/Spinner.js.map +1 -1
  316. package/dist/components/spinner/index.d.ts +1 -1
  317. package/dist/components/spinner/index.d.ts.map +1 -1
  318. package/dist/components/spinner/index.js.map +1 -1
  319. package/dist/components/spinner/types.d.ts +11 -1
  320. package/dist/components/spinner/types.d.ts.map +1 -1
  321. package/dist/components/table/client/TableColumnHeader.d.ts +3 -3
  322. package/dist/components/table/client/TableColumnHeader.d.ts.map +1 -1
  323. package/dist/components/table/client/TableColumnHeader.js +24 -2
  324. package/dist/components/table/client/TableColumnHeader.js.map +1 -1
  325. package/dist/components/table/client/TableSelection.d.ts +3 -3
  326. package/dist/components/table/client/TableSelection.d.ts.map +1 -1
  327. package/dist/components/table/client/TableSelection.js +6 -4
  328. package/dist/components/table/client/TableSelection.js.map +1 -1
  329. package/dist/components/table/client.d.ts +1 -1
  330. package/dist/components/table/client.d.ts.map +1 -1
  331. package/dist/components/table/client.js.map +1 -1
  332. package/dist/components/table/types.d.ts +17 -0
  333. package/dist/components/table/types.d.ts.map +1 -1
  334. package/dist/components/tabs/Tabs.d.ts +1 -1
  335. package/dist/components/tabs/Tabs.d.ts.map +1 -1
  336. package/dist/components/tabs/Tabs.js +45 -1
  337. package/dist/components/tabs/Tabs.js.map +1 -1
  338. package/dist/components/tabs/index.d.ts +1 -1
  339. package/dist/components/tabs/index.d.ts.map +1 -1
  340. package/dist/components/tabs/index.js.map +1 -1
  341. package/dist/components/tabs/types.d.ts +29 -3
  342. package/dist/components/tabs/types.d.ts.map +1 -1
  343. package/dist/components/tags-input/TagsInput.d.ts.map +1 -1
  344. package/dist/components/tags-input/TagsInput.js +54 -9
  345. package/dist/components/tags-input/TagsInput.js.map +1 -1
  346. package/dist/components/tags-input/index.d.ts +1 -1
  347. package/dist/components/tags-input/index.d.ts.map +1 -1
  348. package/dist/components/tags-input/index.js.map +1 -1
  349. package/dist/components/tags-input/types.d.ts +27 -4
  350. package/dist/components/tags-input/types.d.ts.map +1 -1
  351. package/dist/components/toast/Toast.d.ts +1 -1
  352. package/dist/components/toast/Toast.d.ts.map +1 -1
  353. package/dist/components/toast/Toast.js +123 -35
  354. package/dist/components/toast/Toast.js.map +1 -1
  355. package/dist/components/toast/ToastElements.d.ts.map +1 -1
  356. package/dist/components/toast/ToastElements.js +73 -12
  357. package/dist/components/toast/ToastElements.js.map +1 -1
  358. package/dist/components/toast/index.d.ts +1 -1
  359. package/dist/components/toast/index.d.ts.map +1 -1
  360. package/dist/components/toast/index.js.map +1 -1
  361. package/dist/components/toast/types.d.ts +49 -16
  362. package/dist/components/toast/types.d.ts.map +1 -1
  363. package/dist/components/toggle/Toggle.d.ts +1 -1
  364. package/dist/components/toggle/Toggle.d.ts.map +1 -1
  365. package/dist/components/toggle/Toggle.js +63 -29
  366. package/dist/components/toggle/Toggle.js.map +1 -1
  367. package/dist/components/toggle/index.d.ts +1 -1
  368. package/dist/components/toggle/index.d.ts.map +1 -1
  369. package/dist/components/toggle/index.js.map +1 -1
  370. package/dist/components/toggle/types.d.ts +31 -3
  371. package/dist/components/toggle/types.d.ts.map +1 -1
  372. package/dist/components/toggle-group/ToggleGroup.d.ts +1 -1
  373. package/dist/components/toggle-group/ToggleGroup.d.ts.map +1 -1
  374. package/dist/components/toggle-group/ToggleGroup.js +5 -1
  375. package/dist/components/toggle-group/ToggleGroup.js.map +1 -1
  376. package/dist/components/toggle-group/client/ToggleGroupClient.d.ts +1 -1
  377. package/dist/components/toggle-group/client/ToggleGroupClient.d.ts.map +1 -1
  378. package/dist/components/toggle-group/client/ToggleGroupClient.js +15 -1
  379. package/dist/components/toggle-group/client/ToggleGroupClient.js.map +1 -1
  380. package/dist/components/toggle-group/index.d.ts +1 -1
  381. package/dist/components/toggle-group/index.d.ts.map +1 -1
  382. package/dist/components/toggle-group/index.js.map +1 -1
  383. package/dist/components/toggle-group/types.d.ts +4 -4
  384. package/dist/components/toggle-group/types.d.ts.map +1 -1
  385. package/dist/components/toolbar/Toolbar.d.ts +3 -12
  386. package/dist/components/toolbar/Toolbar.d.ts.map +1 -1
  387. package/dist/components/toolbar/Toolbar.js +22 -2
  388. package/dist/components/toolbar/Toolbar.js.map +1 -1
  389. package/dist/components/toolbar/types.d.ts +5 -5
  390. package/dist/components/toolbar/types.d.ts.map +1 -1
  391. package/dist/components/virtual-scroll/VirtualScroll.d.ts.map +1 -1
  392. package/dist/components/virtual-scroll/VirtualScroll.js +53 -20
  393. package/dist/components/virtual-scroll/VirtualScroll.js.map +1 -1
  394. package/dist/components/virtual-scroll/VirtualScrollRowShell.d.ts +3 -14
  395. package/dist/components/virtual-scroll/VirtualScrollRowShell.d.ts.map +1 -1
  396. package/dist/components/virtual-scroll/VirtualScrollRowShell.js +6 -3
  397. package/dist/components/virtual-scroll/VirtualScrollRowShell.js.map +1 -1
  398. package/dist/components/virtual-scroll/index.d.ts +1 -1
  399. package/dist/components/virtual-scroll/index.d.ts.map +1 -1
  400. package/dist/components/virtual-scroll/index.js.map +1 -1
  401. package/dist/components/virtual-scroll/types.d.ts +35 -2
  402. package/dist/components/virtual-scroll/types.d.ts.map +1 -1
  403. package/dist/components/virtual-scroll/types.js.map +1 -1
  404. package/dist/core/slot-props.d.ts +19 -0
  405. package/dist/core/slot-props.d.ts.map +1 -0
  406. package/dist/core/slot-props.js +59 -0
  407. package/dist/core/slot-props.js.map +1 -0
  408. package/dist/core/use-popover.d.ts +2 -1
  409. package/dist/core/use-popover.d.ts.map +1 -1
  410. package/dist/core/use-popover.js +3 -1
  411. package/dist/core/use-popover.js.map +1 -1
  412. package/dist/elements/choice/Choice.d.ts.map +1 -1
  413. package/dist/elements/choice/Choice.js +47 -7
  414. package/dist/elements/choice/Choice.js.map +1 -1
  415. package/dist/elements/choice/index.d.ts +1 -1
  416. package/dist/elements/choice/index.d.ts.map +1 -1
  417. package/dist/elements/choice/index.js.map +1 -1
  418. package/dist/elements/choice/types.d.ts +25 -10
  419. package/dist/elements/choice/types.d.ts.map +1 -1
  420. package/dist/hooks/use-isomorphic-layout-effect.d.ts +2 -2
  421. package/dist/hooks/use-isomorphic-layout-effect.d.ts.map +1 -1
  422. package/dist/styles/index.css +1 -1
  423. package/dist/styles/tailwind.css +17 -16
  424. package/package.json +1 -1
  425. package/skills/uiify/SKILL.md +1 -1
  426. package/skills/uiify/references/elements/accordion.md +1 -1
  427. package/skills/uiify/references/elements/breadcrumb.md +1 -0
  428. package/skills/uiify/references/elements/checkbox.md +1 -1
  429. package/skills/uiify/references/elements/color-picker.md +1 -1
  430. package/skills/uiify/references/elements/combobox.md +1 -1
  431. package/skills/uiify/references/elements/context-menu.md +1 -1
  432. package/skills/uiify/references/elements/dropdown-menu.md +1 -1
  433. package/skills/uiify/references/elements/form-error-summary.md +5 -0
  434. package/skills/uiify/references/elements/pagination.md +1 -1
  435. package/skills/uiify/references/elements/radio-group.md +1 -0
  436. package/skills/uiify/references/elements/rating.md +1 -1
  437. package/skills/uiify/references/elements/segmented-control.md +1 -0
  438. package/skills/uiify/references/elements/spinner.md +1 -1
  439. package/skills/uiify/references/elements/table.md +1 -1
  440. package/skills/uiify/references/elements/tabs.md +1 -1
  441. package/skills/uiify/references/elements/tags-input.md +1 -1
  442. package/skills/uiify/references/elements/toast.md +1 -0
  443. package/skills/uiify/references/elements/toggle-group.md +1 -0
@@ -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,MAAM,0BAA0B,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,eAAe;CAAG;AAEzD,KAAK,4BAA4B,GAAG;IAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC;IACtC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,KAAK,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CACpD,IAAI,CACF,qBAAqB,CAAC,SAAS,CAAC,EAC9B,MAAM,GACN,MAAM,GACN,UAAU,GACV,yBAAyB,GACzB,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,UAAU,CACb,EACD,4BAA4B,CAC7B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,CACvD,IAAI,CACF,qBAAqB,CAAC,SAAS,CAAC,EAC9B,UAAU,GACV,yBAAyB,GACzB,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,UAAU,GACV,MAAM,CACT,EACD,4BAA4B,CAC7B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CACrD,IAAI,CACF,qBAAqB,CAAC,KAAK,CAAC,EAC1B,UAAU,GACV,yBAAyB,GACzB,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,MAAM,CACT,EACD,4BAA4B,CAC7B,CAAC;AAEF,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,GAAG,sBAAsB,CAC1F,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;AAGvD,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,CAmCrB;yBArCe,KAAK;;;AAyCrB,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,5 +1,6 @@
1
1
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
2
  import { useRenderElement } from "@gunkin/uiify/core/render";
3
+ import { omitProps } from "../../core/slot-props.js";
3
4
  const symbols = { secondary: "\u24D8", success: "\u2713", warning: "\u26A0\uFE0E", destructive: "\xD7" };
4
5
  function Alert(props) {
5
6
  const {
@@ -7,6 +8,7 @@ function Alert(props) {
7
8
  render,
8
9
  variant = "secondary",
9
10
  symbol = symbols[variant],
11
+ slotProps,
10
12
  children,
11
13
  ...consumerProps
12
14
  } = props;
@@ -18,7 +20,15 @@ function Alert(props) {
18
20
  "data-uiify-alert": "",
19
21
  "data-variant": variant,
20
22
  children: /* @__PURE__ */ jsxs(Fragment, { children: [
21
- symbol !== false && /* @__PURE__ */ jsx("span", { "data-part": "symbol", "aria-hidden": "true", children: symbol }),
23
+ symbol !== false && /* @__PURE__ */ jsx(
24
+ "span",
25
+ {
26
+ ...omitProps(slotProps?.symbol, ["aria-hidden", "data-part", "data-uiify-alert"]),
27
+ "data-part": "symbol",
28
+ "aria-hidden": "true",
29
+ children: symbol
30
+ }
31
+ ),
22
32
  children
23
33
  ] })
24
34
  },
@@ -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 { omitProps } from \"../../core/slot-props.js\";\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 ...consumerProps,\n \"data-uiify-alert\": \"\",\n \"data-variant\": variant,\n children: (\n <>\n {symbol !== false && (\n <span\n {...omitProps(slotProps?.symbol, [\"aria-hidden\", \"data-part\", \"data-uiify-alert\"])}\n data-part=\"symbol\"\n aria-hidden=\"true\"\n >\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":"AA2BQ,mBAEI,KAFJ;AA1BR,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAG1B,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,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,UACE,iCACG;AAAA,mBAAW,SACV;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,UAAU,WAAW,QAAQ,CAAC,eAAe,aAAa,kBAAkB,CAAC;AAAA,YACjF,aAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;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,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
- import type { ElementType, ReactNode } from "react";
1
+ import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
2
+ import type { ConsumerDataAttributes } 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,12 @@ 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 = Omit<ComponentPropsWithRef<"span">, "aria-hidden" | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-alert"> & {
23
+ readonly "aria-hidden"?: never;
24
+ readonly "data-part"?: never;
25
+ readonly "data-uiify-alert"?: never;
26
+ } & ConsumerDataAttributes;
27
+ export interface AlertSlotProps {
28
+ readonly symbol?: AlertSymbolSlotProps;
29
+ }
20
30
  //# 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,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,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,IAAI,CACrC,qBAAqB,CAAC,MAAM,CAAC,EAC7B,aAAa,GAAG,UAAU,GAAG,yBAAyB,GAAG,WAAW,GAAG,kBAAkB,CAC1F,GAAG;IACF,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC;CACrC,GAAG,sBAAsB,CAAC;AAE3B,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;AAQ1C,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,EACT,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,YAAY,CA8HhC;yBAxIe,UAAU"}
@@ -1,4 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { omitProps } from "../../core/slot-props.js";
2
3
  import {
3
4
  AlertModalAction,
4
5
  AlertModalCancel,
@@ -13,29 +14,147 @@ function AlertModal({
13
14
  children,
14
15
  actionLabel = "Confirm",
15
16
  cancelLabel = "Cancel",
16
- className
17
+ slotProps,
18
+ ...rootProps
17
19
  }) {
18
20
  const titleId = `${id}-title`;
19
21
  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 }),
22
- /* @__PURE__ */ jsxs(
23
- AlertModalContent,
24
- {
25
- "aria-describedby": description === void 0 ? void 0 : descriptionId,
26
- "aria-labelledby": titleId,
27
- className,
28
- id,
29
- children: [
30
- /* @__PURE__ */ jsx("h2", { id: titleId, children: title }),
31
- description === void 0 ? null : /* @__PURE__ */ jsx("p", { id: descriptionId, children: description }),
32
- children,
33
- /* @__PURE__ */ jsx(AlertModalCancel, { target: id, value: "cancel", children: cancelLabel }),
34
- /* @__PURE__ */ jsx(AlertModalAction, { target: id, value: "confirm", children: actionLabel })
35
- ]
36
- }
37
- )
38
- ] });
22
+ return /* @__PURE__ */ jsxs(
23
+ "div",
24
+ {
25
+ ...omitProps(rootProps, [
26
+ "children",
27
+ "dangerouslySetInnerHTML",
28
+ "data-part",
29
+ "data-uiify-alert-modal"
30
+ ]),
31
+ "data-part": "root",
32
+ "data-uiify-alert-modal": "",
33
+ children: [
34
+ /* @__PURE__ */ jsx(
35
+ AlertModalTrigger,
36
+ {
37
+ ...omitProps(slotProps?.trigger, [
38
+ "children",
39
+ "dangerouslySetInnerHTML",
40
+ "type",
41
+ "command",
42
+ "commandfor",
43
+ "commandFor",
44
+ "popoverTarget",
45
+ "popoverTargetAction",
46
+ "data-part",
47
+ "data-uiify-button",
48
+ "data-uiify-alert-modal"
49
+ ]),
50
+ target: id,
51
+ children: trigger
52
+ }
53
+ ),
54
+ /* @__PURE__ */ jsxs(
55
+ AlertModalContent,
56
+ {
57
+ ...omitProps(slotProps?.content, [
58
+ "children",
59
+ "dangerouslySetInnerHTML",
60
+ "id",
61
+ "open",
62
+ "popover",
63
+ "role",
64
+ "aria-describedby",
65
+ "aria-labelledby",
66
+ "data-part",
67
+ "data-uiify-alert-modal"
68
+ ]),
69
+ "aria-describedby": description === void 0 ? void 0 : descriptionId,
70
+ "aria-labelledby": titleId,
71
+ id,
72
+ children: [
73
+ /* @__PURE__ */ jsx(
74
+ "h2",
75
+ {
76
+ ...omitProps(slotProps?.title, [
77
+ "children",
78
+ "dangerouslySetInnerHTML",
79
+ "id",
80
+ "data-part",
81
+ "data-uiify-alert-modal"
82
+ ]),
83
+ id: titleId,
84
+ "data-part": "title",
85
+ "data-uiify-alert-modal": "",
86
+ children: title
87
+ }
88
+ ),
89
+ description === void 0 ? null : /* @__PURE__ */ jsx(
90
+ "p",
91
+ {
92
+ ...omitProps(slotProps?.description, [
93
+ "children",
94
+ "dangerouslySetInnerHTML",
95
+ "id",
96
+ "data-part",
97
+ "data-uiify-alert-modal"
98
+ ]),
99
+ id: descriptionId,
100
+ "data-part": "description",
101
+ "data-uiify-alert-modal": "",
102
+ children: description
103
+ }
104
+ ),
105
+ children,
106
+ /* @__PURE__ */ jsx(
107
+ AlertModalCancel,
108
+ {
109
+ ...omitProps(slotProps?.cancel, [
110
+ "children",
111
+ "dangerouslySetInnerHTML",
112
+ "type",
113
+ "value",
114
+ "command",
115
+ "commandfor",
116
+ "commandFor",
117
+ "popoverTarget",
118
+ "popoverTargetAction",
119
+ "data-part",
120
+ "data-variant",
121
+ "data-uiify-button",
122
+ "data-uiify-alert-modal"
123
+ ]),
124
+ target: id,
125
+ value: "cancel",
126
+ children: cancelLabel
127
+ }
128
+ ),
129
+ /* @__PURE__ */ jsx(
130
+ AlertModalAction,
131
+ {
132
+ ...omitProps(slotProps?.action, [
133
+ "children",
134
+ "dangerouslySetInnerHTML",
135
+ "type",
136
+ "value",
137
+ "command",
138
+ "commandfor",
139
+ "commandFor",
140
+ "popoverTarget",
141
+ "popoverTargetAction",
142
+ "data-part",
143
+ "data-variant",
144
+ "data-uiify-button",
145
+ "data-uiify-alert-modal"
146
+ ]),
147
+ target: id,
148
+ value: "confirm",
149
+ children: actionLabel
150
+ }
151
+ )
152
+ ]
153
+ }
154
+ )
155
+ ]
156
+ }
157
+ );
39
158
  }
40
159
  AlertModal.displayName = "AlertModal";
41
160
  export {
@@ -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 { omitProps } from \"../../core/slot-props.js\";\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 slotProps,\n ...rootProps\n}: AlertModalProps): ReactElement {\n const titleId = `${id}-title`;\n const descriptionId = `${id}-description`;\n\n return (\n <div\n {...omitProps(rootProps, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"data-part\",\n \"data-uiify-alert-modal\",\n ])}\n data-part=\"root\"\n data-uiify-alert-modal=\"\"\n >\n <AlertModalTrigger\n {...omitProps(slotProps?.trigger, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"type\",\n \"command\",\n \"commandfor\",\n \"commandFor\",\n \"popoverTarget\",\n \"popoverTargetAction\",\n \"data-part\",\n \"data-uiify-button\",\n \"data-uiify-alert-modal\",\n ])}\n target={id}\n >\n {trigger}\n </AlertModalTrigger>\n <AlertModalContent\n {...omitProps(slotProps?.content, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"id\",\n \"open\",\n \"popover\",\n \"role\",\n \"aria-describedby\",\n \"aria-labelledby\",\n \"data-part\",\n \"data-uiify-alert-modal\",\n ])}\n aria-describedby={description === undefined ? undefined : descriptionId}\n aria-labelledby={titleId}\n id={id}\n >\n <h2\n {...omitProps(slotProps?.title, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"id\",\n \"data-part\",\n \"data-uiify-alert-modal\",\n ])}\n id={titleId}\n data-part=\"title\"\n data-uiify-alert-modal=\"\"\n >\n {title}\n </h2>\n {description === undefined ? null : (\n <p\n {...omitProps(slotProps?.description, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"id\",\n \"data-part\",\n \"data-uiify-alert-modal\",\n ])}\n id={descriptionId}\n data-part=\"description\"\n data-uiify-alert-modal=\"\"\n >\n {description}\n </p>\n )}\n {children}\n <AlertModalCancel\n {...omitProps(slotProps?.cancel, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"type\",\n \"value\",\n \"command\",\n \"commandfor\",\n \"commandFor\",\n \"popoverTarget\",\n \"popoverTargetAction\",\n \"data-part\",\n \"data-variant\",\n \"data-uiify-button\",\n \"data-uiify-alert-modal\",\n ])}\n target={id}\n value=\"cancel\"\n >\n {cancelLabel}\n </AlertModalCancel>\n <AlertModalAction\n {...omitProps(slotProps?.action, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"type\",\n \"value\",\n \"command\",\n \"commandfor\",\n \"commandFor\",\n \"popoverTarget\",\n \"popoverTargetAction\",\n \"data-part\",\n \"data-variant\",\n \"data-uiify-button\",\n \"data-uiify-alert-modal\",\n ])}\n target={id}\n value=\"confirm\"\n >\n {actionLabel}\n </AlertModalAction>\n </AlertModalContent>\n </div>\n );\n}\nAlertModal.displayName = \"AlertModal\";\n"],"mappings":"AAoCM,cAkBA,YAlBA;AAnCN,SAAS,iBAAiB;AAC1B;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;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,QAAM,UAAU,GAAG,EAAE;AACrB,QAAM,gBAAgB,GAAG,EAAE;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,UAAU,WAAW;AAAA,QACvB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACD,aAAU;AAAA,MACV,0BAAuB;AAAA,MAEvB;AAAA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,UAAU,WAAW,SAAS;AAAA,cAChC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,YACD,QAAQ;AAAA,YAEP;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,UAAU,WAAW,SAAS;AAAA,cAChC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,YACD,oBAAkB,gBAAgB,SAAY,SAAY;AAAA,YAC1D,mBAAiB;AAAA,YACjB;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,UAAU,WAAW,OAAO;AAAA,oBAC9B;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,CAAC;AAAA,kBACD,IAAI;AAAA,kBACJ,aAAU;AAAA,kBACV,0BAAuB;AAAA,kBAEtB;AAAA;AAAA,cACH;AAAA,cACC,gBAAgB,SAAY,OAC3B;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,UAAU,WAAW,aAAa;AAAA,oBACpC;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,CAAC;AAAA,kBACD,IAAI;AAAA,kBACJ,aAAU;AAAA,kBACV,0BAAuB;AAAA,kBAEtB;AAAA;AAAA,cACH;AAAA,cAED;AAAA,cACD;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,UAAU,WAAW,QAAQ;AAAA,oBAC/B;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,CAAC;AAAA,kBACD,QAAQ;AAAA,kBACR,OAAM;AAAA,kBAEL;AAAA;AAAA,cACH;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,UAAU,WAAW,QAAQ;AAAA,oBAC/B;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,CAAC;AAAA,kBACD,QAAQ;AAAA,kBACR,OAAM;AAAA,kBAEL;AAAA;AAAA,cACH;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;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;AAGvD,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AAmBpB,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,CAmB7E;yBAnBe,iBAAiB;;;AAsBjC,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,5 +1,22 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
+ import { omitProps } from "../../core/slot-props.js";
2
3
  import { renderNativeInvoker } from "@gunkin/uiify/core/render";
4
+ const ALERT_MODAL_TRIGGER_OWNED_PROPS = [
5
+ "type",
6
+ "command",
7
+ "commandfor",
8
+ "commandFor",
9
+ "popoverTarget",
10
+ "popoverTargetAction",
11
+ "data-part",
12
+ "data-uiify-button",
13
+ "data-uiify-alert-modal",
14
+ "dangerouslySetInnerHTML"
15
+ ];
16
+ const ALERT_MODAL_CHOICE_OWNED_PROPS = [
17
+ ...ALERT_MODAL_TRIGGER_OWNED_PROPS,
18
+ "data-variant"
19
+ ];
3
20
  function AlertModalTrigger(props) {
4
21
  const { as, target, ...consumerProps } = props;
5
22
  return renderNativeInvoker(
@@ -8,14 +25,30 @@ function AlertModalTrigger(props) {
8
25
  "trigger",
9
26
  "show-modal",
10
27
  target,
11
- consumerProps,
28
+ omitProps(consumerProps, ALERT_MODAL_TRIGGER_OWNED_PROPS),
12
29
  { button: true }
13
30
  );
14
31
  }
15
32
  AlertModalTrigger.displayName = "AlertModalTrigger";
16
33
  function AlertModalContent(props) {
17
34
  const { children, ...dialogProps } = props;
18
- return /* @__PURE__ */ jsx("dialog", { ...dialogProps, "data-part": "content", "data-uiify-alert-modal": "", role: "alertdialog", children });
35
+ return /* @__PURE__ */ jsx(
36
+ "dialog",
37
+ {
38
+ ...omitProps(dialogProps, [
39
+ "open",
40
+ "popover",
41
+ "role",
42
+ "data-part",
43
+ "data-uiify-alert-modal",
44
+ "dangerouslySetInnerHTML"
45
+ ]),
46
+ "data-part": "content",
47
+ "data-uiify-alert-modal": "",
48
+ role: "alertdialog",
49
+ children
50
+ }
51
+ );
19
52
  }
20
53
  AlertModalContent.displayName = "AlertModalContent";
21
54
  function AlertModalAction(props) {
@@ -26,7 +59,7 @@ function AlertModalAction(props) {
26
59
  "action",
27
60
  "request-close",
28
61
  target,
29
- consumerProps,
62
+ omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS),
30
63
  { button: true, variant: "destructive" }
31
64
  );
32
65
  }
@@ -39,7 +72,7 @@ function AlertModalCancel(props) {
39
72
  "cancel",
40
73
  "request-close",
41
74
  target,
42
- consumerProps,
75
+ omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS),
43
76
  { button: true, variant: "secondary" }
44
77
  );
45
78
  }
@@ -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 { omitProps } from \"../../core/slot-props.js\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type {\n AlertModalActionProps,\n AlertModalCancelProps,\n AlertModalContentProps,\n AlertModalTriggerProps,\n} from \"./types.js\";\n\nconst ALERT_MODAL_TRIGGER_OWNED_PROPS = [\n \"type\",\n \"command\",\n \"commandfor\",\n \"commandFor\",\n \"popoverTarget\",\n \"popoverTargetAction\",\n \"data-part\",\n \"data-uiify-button\",\n \"data-uiify-alert-modal\",\n \"dangerouslySetInnerHTML\",\n] as const;\nconst ALERT_MODAL_CHOICE_OWNED_PROPS = [\n ...ALERT_MODAL_TRIGGER_OWNED_PROPS,\n \"data-variant\",\n] as const;\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 unknown as AlertModalTriggerProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"trigger\",\n \"show-modal\",\n target,\n omitProps(consumerProps, ALERT_MODAL_TRIGGER_OWNED_PROPS) 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\n {...omitProps(dialogProps, [\n \"open\",\n \"popover\",\n \"role\",\n \"data-part\",\n \"data-uiify-alert-modal\",\n \"dangerouslySetInnerHTML\",\n ])}\n data-part=\"content\"\n data-uiify-alert-modal=\"\"\n role=\"alertdialog\"\n >\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 unknown as AlertModalActionProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"action\",\n \"request-close\",\n target,\n omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS) 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 unknown as AlertModalCancelProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"cancel\",\n \"request-close\",\n target,\n omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS) as Record<string, unknown>,\n { button: true, variant: \"secondary\" },\n );\n}\nAlertModalCancel.displayName = \"AlertModalCancel\";\n"],"mappings":"AAgDI;AA/CJ,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AAQpC,MAAM,kCAAkC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,MAAM,iCAAiC;AAAA,EACrC,GAAG;AAAA,EACH;AACF;AAGO,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,UAAU,eAAe,+BAA+B;AAAA,IACxD,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACA,kBAAkB,cAAc;AAGzB,SAAS,kBAAkB,OAA6C;AAC7E,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,UAAU,aAAa;AAAA,QACzB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACD,aAAU;AAAA,MACV,0BAAuB;AAAA,MACvB,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;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,UAAU,eAAe,8BAA8B;AAAA,IACvD,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,UAAU,eAAe,8BAA8B;AAAA,IACvD,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 } 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,61 @@ 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 AlertModalSlotElementProps<T extends ElementType, TProtected extends string = never> = Omit<ComponentPropsWithRef<T>, "children" | "dangerouslySetInnerHTML" | TProtected> & ConsumerDataAttributes & {
16
+ readonly [K in TProtected]?: never;
17
+ };
18
+ type AlertModalInvokerSlotProps<TProtected extends string = never> = AlertModalSlotElementProps<"button", "type" | "command" | "commandfor" | "commandFor" | "popoverTarget" | "popoverTargetAction" | "data-part" | "data-uiify-button" | "data-uiify-alert-modal" | TProtected>;
19
+ type AlertModalChoiceSlotProps = AlertModalInvokerSlotProps<"value" | "data-variant">;
20
+ export interface AlertModalSlotProps {
21
+ readonly trigger?: AlertModalInvokerSlotProps;
22
+ readonly content?: AlertModalSlotElementProps<"dialog", "id" | "role" | "open" | "popover" | "aria-describedby" | "aria-labelledby" | "data-part" | "data-uiify-alert-modal">;
23
+ readonly title?: AlertModalSlotElementProps<"h2", "id" | "data-part" | "data-uiify-alert-modal">;
24
+ readonly description?: AlertModalSlotElementProps<"p", "id" | "data-part" | "data-uiify-alert-modal">;
25
+ readonly cancel?: AlertModalChoiceSlotProps;
26
+ readonly action?: AlertModalChoiceSlotProps;
27
+ }
28
+ export type AlertModalProps = AlertModalOwnProps & Omit<AlertModalSlotElementProps<"div", "data-part" | "data-uiify-alert-modal">, keyof AlertModalOwnProps>;
13
29
  export interface AlertModalTriggerOwnProps {
14
30
  readonly children?: ReactNode;
15
31
  /** `id` of the `AlertModalContent` this button opens. */
16
32
  readonly target: string;
17
33
  }
18
- export type AlertModalTriggerProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalTriggerOwnProps>;
34
+ export type AlertModalTriggerProps<TAs extends ElementType = "button"> = Omit<NativeButtonProps<TAs, AlertModalTriggerOwnProps>, "dangerouslySetInnerHTML"> & ConsumerDataAttributes & {
35
+ readonly "data-part"?: never;
36
+ readonly "data-uiify-button"?: never;
37
+ readonly "data-uiify-alert-modal"?: never;
38
+ };
19
39
  export interface AlertModalActionOwnProps {
20
40
  readonly children?: ReactNode;
21
41
  readonly target: string;
22
42
  }
23
- export type AlertModalActionProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalActionOwnProps>;
43
+ export type AlertModalActionProps<TAs extends ElementType = "button"> = Omit<NativeButtonProps<TAs, AlertModalActionOwnProps>, "dangerouslySetInnerHTML"> & ConsumerDataAttributes & {
44
+ readonly "data-part"?: never;
45
+ readonly "data-variant"?: never;
46
+ readonly "data-uiify-button"?: never;
47
+ readonly "data-uiify-alert-modal"?: never;
48
+ };
24
49
  export interface AlertModalCancelOwnProps {
25
50
  readonly children?: ReactNode;
26
51
  readonly target: string;
27
52
  }
28
- export type AlertModalCancelProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalCancelOwnProps>;
53
+ export type AlertModalCancelProps<TAs extends ElementType = "button"> = Omit<NativeButtonProps<TAs, AlertModalCancelOwnProps>, "dangerouslySetInnerHTML"> & ConsumerDataAttributes & {
54
+ readonly "data-part"?: never;
55
+ readonly "data-variant"?: never;
56
+ readonly "data-uiify-button"?: never;
57
+ readonly "data-uiify-alert-modal"?: never;
58
+ };
29
59
  export interface AlertModalContentOwnProps {
30
60
  readonly children?: ReactNode;
31
61
  readonly id: string;
32
62
  }
33
63
  /** `<dialog role="alertdialog">`; `role`, `open` and `popover` belong to the part. */
34
- export type AlertModalContentProps = AlertModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof AlertModalContentOwnProps | "open" | "popover" | "role">;
64
+ export type AlertModalContentProps = AlertModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof AlertModalContentOwnProps | "open" | "popover" | "role" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes & {
65
+ readonly "data-part"?: never;
66
+ readonly "data-uiify-alert-modal"?: never;
67
+ };
68
+ export {};
35
69
  //# 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,MAAM,0BAA0B,CAAC;AAEvE,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,CAAC,CAAC,SAAS,WAAW,EAAE,UAAU,SAAS,MAAM,GAAG,KAAK,IAAI,IAAI,CAC9F,qBAAqB,CAAC,CAAC,CAAC,EACxB,UAAU,GAAG,yBAAyB,GAAG,UAAU,CACpD,GACC,sBAAsB,GAAG;IAAE,QAAQ,EAAE,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,KAAK;CAAE,CAAC;AAElE,KAAK,0BAA0B,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK,IAAI,0BAA0B,CAC7F,QAAQ,EACN,MAAM,GACN,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,eAAe,GACf,qBAAqB,GACrB,WAAW,GACX,mBAAmB,GACnB,wBAAwB,GACxB,UAAU,CACb,CAAC;AAEF,KAAK,yBAAyB,GAAG,0BAA0B,CAAC,OAAO,GAAG,cAAc,CAAC,CAAC;AAEtF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,OAAO,CAAC,EAAE,0BAA0B,CAAC;IAC9C,QAAQ,CAAC,OAAO,CAAC,EAAE,0BAA0B,CAC3C,QAAQ,EACN,IAAI,GACJ,MAAM,GACN,MAAM,GACN,SAAS,GACT,kBAAkB,GAClB,iBAAiB,GACjB,WAAW,GACX,wBAAwB,CAC3B,CAAC;IACF,QAAQ,CAAC,KAAK,CAAC,EAAE,0BAA0B,CAAC,IAAI,EAAE,IAAI,GAAG,WAAW,GAAG,wBAAwB,CAAC,CAAC;IACjG,QAAQ,CAAC,WAAW,CAAC,EAAE,0BAA0B,CAC/C,GAAG,EACH,IAAI,GAAG,WAAW,GAAG,wBAAwB,CAC9C,CAAC;IACF,QAAQ,CAAC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,yBAAyB,CAAC;CAC7C;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CACF,0BAA0B,CAAC,KAAK,EAAE,WAAW,GAAG,wBAAwB,CAAC,EACzE,MAAM,kBAAkB,CACzB,CAAC;AAEJ,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,IAAI,CAC3E,iBAAiB,CAAC,GAAG,EAAE,yBAAyB,CAAC,EACjD,yBAAyB,CAC1B,GACC,sBAAsB,GAAG;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC;IACrC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAC3C,CAAC;AAEJ,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,IAAI,CAC1E,iBAAiB,CAAC,GAAG,EAAE,wBAAwB,CAAC,EAChD,yBAAyB,CAC1B,GACC,sBAAsB,GAAG;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC;IAChC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC;IACrC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAC3C,CAAC;AAEJ,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,IAAI,CAC1E,iBAAiB,CAAC,GAAG,EAAE,wBAAwB,CAAC,EAChD,yBAAyB,CAC1B,GACC,sBAAsB,GAAG;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC;IAChC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC;IACrC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAC3C,CAAC;AAEJ,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,GAAG,yBAAyB,CAC1F,GACD,sBAAsB,GAAG;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAC3C,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;AAGtE,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,CA6BrB;yBA/Be,WAAW"}
@@ -1,7 +1,8 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
+ import { omitProps } from "../../core/slot-props.js";
2
3
  import { useRenderElement } from "@gunkin/uiify/core/render";
3
4
  function AspectRatio(props) {
4
- const { as, render, ratio, children, ...consumerProps } = props;
5
+ const { as, render, ratio, children, slotProps, ...consumerProps } = props;
5
6
  const style = consumerProps.style;
6
7
  return useRenderElement({
7
8
  as,
@@ -13,7 +14,14 @@ function AspectRatio(props) {
13
14
  ...style,
14
15
  ...ratio !== void 0 ? { "--uiify-aspect-ratio": Number.isFinite(ratio) && ratio > 0 ? ratio : 1 } : {}
15
16
  },
16
- children: /* @__PURE__ */ jsx("div", { "data-part": "content", children })
17
+ children: /* @__PURE__ */ jsx(
18
+ "div",
19
+ {
20
+ ...omitProps(slotProps?.content, ["data-part", "data-uiify-aspect-ratio"]),
21
+ "data-part": "content",
22
+ children
23
+ }
24
+ )
17
25
  },
18
26
  render,
19
27
  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 { omitProps } from \"../../core/slot-props.js\";\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 ...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: (\n <div\n {...omitProps(slotProps?.content, [\"data-part\", \"data-uiify-aspect-ratio\"])}\n data-part=\"content\"\n >\n {children}\n </div>\n ),\n },\n render,\n state: {},\n });\n}\nAspectRatio.displayName = \"AspectRatio\";\n"],"mappings":"AA0BQ;AAxBR,SAAS,iBAAiB;AAC1B,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,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,UACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG,UAAU,WAAW,SAAS,CAAC,aAAa,yBAAyB,CAAC;AAAA,UAC1E,aAAU;AAAA,UAET;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,YAAY,cAAc;","names":[]}