@gunkin/uiify 0.0.25-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 (336) hide show
  1. package/agents/reference/components/accordion.md +4 -4
  2. package/agents/reference/components/alert-modal.md +10 -10
  3. package/agents/reference/components/alert.md +1 -1
  4. package/agents/reference/components/aspect-ratio.md +1 -1
  5. package/agents/reference/components/avatar.md +2 -2
  6. package/agents/reference/components/breadcrumb.md +9 -10
  7. package/agents/reference/components/candle-chart.md +35 -35
  8. package/agents/reference/components/carousel.md +10 -14
  9. package/agents/reference/components/collapsible.md +3 -3
  10. package/agents/reference/components/color-picker.md +6 -6
  11. package/agents/reference/components/combobox.md +7 -17
  12. package/agents/reference/components/context-menu.md +5 -26
  13. package/agents/reference/components/date-picker.md +2 -1
  14. package/agents/reference/components/drawer.md +17 -31
  15. package/agents/reference/components/dropdown-menu.md +2 -3
  16. package/agents/reference/components/field.md +11 -11
  17. package/agents/reference/components/form-error-summary.md +4 -4
  18. package/agents/reference/components/input-group.md +1 -0
  19. package/agents/reference/components/input.md +1 -0
  20. package/agents/reference/components/line-chart.md +29 -29
  21. package/agents/reference/components/modal.md +13 -15
  22. package/agents/reference/components/number-field.md +1 -1
  23. package/agents/reference/components/otp-input.md +2 -1
  24. package/agents/reference/components/pagination.md +7 -8
  25. package/agents/reference/components/rating.md +1 -1
  26. package/agents/reference/components/segmented-control.md +1 -0
  27. package/agents/reference/components/select.md +1 -0
  28. package/agents/reference/components/slider.md +4 -4
  29. package/agents/reference/components/spinner.md +1 -1
  30. package/agents/reference/components/table.md +1 -1
  31. package/agents/reference/components/tabs.md +6 -6
  32. package/agents/reference/components/tags-input.md +5 -12
  33. package/agents/reference/components/toast.md +8 -15
  34. package/agents/reference/components/toggle.md +4 -3
  35. package/agents/reference/components/virtual-scroll.md +4 -5
  36. package/agents/reference/elements/choice.md +3 -3
  37. package/agents/reference/elements/details.md +2 -2
  38. package/agents/reference/elements/popover.md +3 -3
  39. package/dist/components/accordion/Accordion.d.ts.map +1 -1
  40. package/dist/components/accordion/Accordion.js +20 -46
  41. package/dist/components/accordion/Accordion.js.map +1 -1
  42. package/dist/components/accordion/types.d.ts +6 -15
  43. package/dist/components/accordion/types.d.ts.map +1 -1
  44. package/dist/components/alert/Alert.d.ts.map +1 -1
  45. package/dist/components/alert/Alert.js +5 -14
  46. package/dist/components/alert/Alert.js.map +1 -1
  47. package/dist/components/alert/types.d.ts +3 -7
  48. package/dist/components/alert/types.d.ts.map +1 -1
  49. package/dist/components/alert-modal/AlertModal.d.ts.map +1 -1
  50. package/dist/components/alert-modal/AlertModal.js +28 -137
  51. package/dist/components/alert-modal/AlertModal.js.map +1 -1
  52. package/dist/components/alert-modal/AlertModalParts.d.ts.map +1 -1
  53. package/dist/components/alert-modal/AlertModalParts.js +4 -37
  54. package/dist/components/alert-modal/AlertModalParts.js.map +1 -1
  55. package/dist/components/alert-modal/types.d.ts +15 -33
  56. package/dist/components/alert-modal/types.d.ts.map +1 -1
  57. package/dist/components/aspect-ratio/AspectRatio.d.ts.map +1 -1
  58. package/dist/components/aspect-ratio/AspectRatio.js +4 -12
  59. package/dist/components/aspect-ratio/AspectRatio.js.map +1 -1
  60. package/dist/components/aspect-ratio/types.d.ts +3 -6
  61. package/dist/components/aspect-ratio/types.d.ts.map +1 -1
  62. package/dist/components/avatar/Avatar.d.ts.map +1 -1
  63. package/dist/components/avatar/Avatar.js +4 -21
  64. package/dist/components/avatar/Avatar.js.map +1 -1
  65. package/dist/components/avatar/types.d.ts +4 -14
  66. package/dist/components/avatar/types.d.ts.map +1 -1
  67. package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -1
  68. package/dist/components/breadcrumb/Breadcrumb.js +43 -123
  69. package/dist/components/breadcrumb/Breadcrumb.js.map +1 -1
  70. package/dist/components/breadcrumb/types.d.ts +12 -35
  71. package/dist/components/breadcrumb/types.d.ts.map +1 -1
  72. package/dist/components/candle-chart/CandleChart.d.ts.map +1 -1
  73. package/dist/components/candle-chart/CandleChart.js +122 -186
  74. package/dist/components/candle-chart/CandleChart.js.map +1 -1
  75. package/dist/components/candle-chart/client/CandleChartClient.d.ts.map +1 -1
  76. package/dist/components/candle-chart/client/CandleChartClient.js +8 -15
  77. package/dist/components/candle-chart/client/CandleChartClient.js.map +1 -1
  78. package/dist/components/candle-chart/types.d.ts +42 -116
  79. package/dist/components/candle-chart/types.d.ts.map +1 -1
  80. package/dist/components/carousel/CarouselMarkup.d.ts.map +1 -1
  81. package/dist/components/carousel/CarouselMarkup.js +55 -142
  82. package/dist/components/carousel/CarouselMarkup.js.map +1 -1
  83. package/dist/components/carousel/types.d.ts +13 -80
  84. package/dist/components/carousel/types.d.ts.map +1 -1
  85. package/dist/components/collapsible/Collapsible.d.ts +1 -5
  86. package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
  87. package/dist/components/collapsible/Collapsible.js +3 -33
  88. package/dist/components/collapsible/Collapsible.js.map +1 -1
  89. package/dist/components/collapsible/types.d.ts +4 -18
  90. package/dist/components/collapsible/types.d.ts.map +1 -1
  91. package/dist/components/color-picker/ColorPicker.d.ts.map +1 -1
  92. package/dist/components/color-picker/ColorPicker.js +28 -123
  93. package/dist/components/color-picker/ColorPicker.js.map +1 -1
  94. package/dist/components/color-picker/types.d.ts +11 -30
  95. package/dist/components/color-picker/types.d.ts.map +1 -1
  96. package/dist/components/combobox/Combobox.d.ts.map +1 -1
  97. package/dist/components/combobox/Combobox.js +30 -23
  98. package/dist/components/combobox/Combobox.js.map +1 -1
  99. package/dist/components/combobox/types.d.ts +9 -29
  100. package/dist/components/combobox/types.d.ts.map +1 -1
  101. package/dist/components/context-menu/ContextMenu.d.ts.map +1 -1
  102. package/dist/components/context-menu/ContextMenu.js +30 -53
  103. package/dist/components/context-menu/ContextMenu.js.map +1 -1
  104. package/dist/components/context-menu/types.d.ts +6 -31
  105. package/dist/components/context-menu/types.d.ts.map +1 -1
  106. package/dist/components/date-picker/DatePicker.d.ts +1 -1
  107. package/dist/components/date-picker/DatePicker.d.ts.map +1 -1
  108. package/dist/components/date-picker/DatePicker.js +2 -1
  109. package/dist/components/date-picker/DatePicker.js.map +1 -1
  110. package/dist/components/date-picker/types.d.ts +4 -1
  111. package/dist/components/date-picker/types.d.ts.map +1 -1
  112. package/dist/components/drawer/Drawer.d.ts.map +1 -1
  113. package/dist/components/drawer/Drawer.js +12 -12
  114. package/dist/components/drawer/Drawer.js.map +1 -1
  115. package/dist/components/drawer/DrawerNative.d.ts.map +1 -1
  116. package/dist/components/drawer/DrawerNative.js +47 -252
  117. package/dist/components/drawer/DrawerNative.js.map +1 -1
  118. package/dist/components/drawer/types.d.ts +25 -30
  119. package/dist/components/drawer/types.d.ts.map +1 -1
  120. package/dist/components/dropdown-menu/DropdownMenu.d.ts.map +1 -1
  121. package/dist/components/dropdown-menu/DropdownMenu.js +30 -27
  122. package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -1
  123. package/dist/components/dropdown-menu/DropdownMenuBar.d.ts.map +1 -1
  124. package/dist/components/dropdown-menu/DropdownMenuBar.js +3 -7
  125. package/dist/components/dropdown-menu/DropdownMenuBar.js.map +1 -1
  126. package/dist/components/dropdown-menu/types.d.ts +2 -5
  127. package/dist/components/dropdown-menu/types.d.ts.map +1 -1
  128. package/dist/components/field/Field.js +7 -7
  129. package/dist/components/field/Field.js.map +1 -1
  130. package/dist/components/field/types.d.ts +11 -11
  131. package/dist/components/field/types.d.ts.map +1 -1
  132. package/dist/components/form-error-summary/FormErrorSummary.d.ts.map +1 -1
  133. package/dist/components/form-error-summary/FormErrorSummary.js +20 -34
  134. package/dist/components/form-error-summary/FormErrorSummary.js.map +1 -1
  135. package/dist/components/form-error-summary/types.d.ts +6 -16
  136. package/dist/components/form-error-summary/types.d.ts.map +1 -1
  137. package/dist/components/hover-card/HoverCard.d.ts.map +1 -1
  138. package/dist/components/hover-card/HoverCard.js +9 -9
  139. package/dist/components/hover-card/HoverCard.js.map +1 -1
  140. package/dist/components/input/Input.d.ts.map +1 -1
  141. package/dist/components/input/Input.js +2 -0
  142. package/dist/components/input/Input.js.map +1 -1
  143. package/dist/components/input/types.d.ts +3 -0
  144. package/dist/components/input/types.d.ts.map +1 -1
  145. package/dist/components/input-group/InputGroup.d.ts.map +1 -1
  146. package/dist/components/input-group/InputGroup.js +2 -1
  147. package/dist/components/input-group/InputGroup.js.map +1 -1
  148. package/dist/components/input-group/types.d.ts +3 -0
  149. package/dist/components/input-group/types.d.ts.map +1 -1
  150. package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.d.ts +2 -2
  151. package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.d.ts.map +1 -1
  152. package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.js +11 -3
  153. package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.js.map +1 -1
  154. package/dist/components/internal/choice-family/ChoiceGroup.d.ts.map +1 -1
  155. package/dist/components/internal/choice-family/ChoiceGroup.js +14 -51
  156. package/dist/components/internal/choice-family/ChoiceGroup.js.map +1 -1
  157. package/dist/components/internal/choice-family/types.d.ts +8 -40
  158. package/dist/components/internal/choice-family/types.d.ts.map +1 -1
  159. package/dist/components/internal/control-size/types.d.ts +3 -0
  160. package/dist/components/internal/control-size/types.d.ts.map +1 -0
  161. package/dist/components/internal/control-size/types.js +1 -0
  162. package/dist/components/internal/control-size/types.js.map +1 -0
  163. package/dist/components/internal/live-chart/types.d.ts +3 -1
  164. package/dist/components/internal/live-chart/types.d.ts.map +1 -1
  165. package/dist/components/internal/live-chart/use-live-chart-window.d.ts.map +1 -1
  166. package/dist/components/internal/live-chart/use-live-chart-window.js +21 -5
  167. package/dist/components/internal/live-chart/use-live-chart-window.js.map +1 -1
  168. package/dist/components/internal/menu/menu-parts.d.ts.map +1 -1
  169. package/dist/components/internal/menu/menu-parts.js +3 -3
  170. package/dist/components/internal/menu/menu-parts.js.map +1 -1
  171. package/dist/components/internal/native-check-control/NativeCheckControl.d.ts.map +1 -1
  172. package/dist/components/internal/native-check-control/NativeCheckControl.js +8 -32
  173. package/dist/components/internal/native-check-control/NativeCheckControl.js.map +1 -1
  174. package/dist/components/internal/native-check-control/types.d.ts +4 -18
  175. package/dist/components/internal/native-check-control/types.d.ts.map +1 -1
  176. package/dist/components/line-chart/LineChart.d.ts.map +1 -1
  177. package/dist/components/line-chart/LineChart.js +134 -208
  178. package/dist/components/line-chart/LineChart.js.map +1 -1
  179. package/dist/components/line-chart/client/LineChartClient.d.ts.map +1 -1
  180. package/dist/components/line-chart/client/LineChartClient.js +8 -15
  181. package/dist/components/line-chart/client/LineChartClient.js.map +1 -1
  182. package/dist/components/line-chart/types.d.ts +36 -103
  183. package/dist/components/line-chart/types.d.ts.map +1 -1
  184. package/dist/components/modal/Modal.d.ts.map +1 -1
  185. package/dist/components/modal/Modal.js +34 -115
  186. package/dist/components/modal/Modal.js.map +1 -1
  187. package/dist/components/modal/ModalAnatomy.js +6 -6
  188. package/dist/components/modal/ModalAnatomy.js.map +1 -1
  189. package/dist/components/modal/ModalParts.js +1 -1
  190. package/dist/components/modal/ModalParts.js.map +1 -1
  191. package/dist/components/modal/client/ModalClientContent.d.ts.map +1 -1
  192. package/dist/components/modal/client/ModalClientContent.js +2 -2
  193. package/dist/components/modal/client/ModalClientContent.js.map +1 -1
  194. package/dist/components/modal/types.d.ts +19 -19
  195. package/dist/components/modal/types.d.ts.map +1 -1
  196. package/dist/components/number-field/NumberField.d.ts.map +1 -1
  197. package/dist/components/number-field/NumberField.js +13 -11
  198. package/dist/components/number-field/NumberField.js.map +1 -1
  199. package/dist/components/number-field/types.d.ts +1 -1
  200. package/dist/components/number-field/types.d.ts.map +1 -1
  201. package/dist/components/otp-input/OtpInput.d.ts.map +1 -1
  202. package/dist/components/otp-input/OtpInput.js +9 -9
  203. package/dist/components/otp-input/OtpInput.js.map +1 -1
  204. package/dist/components/otp-input/types.d.ts +4 -1
  205. package/dist/components/otp-input/types.d.ts.map +1 -1
  206. package/dist/components/pagination/Pagination.d.ts.map +1 -1
  207. package/dist/components/pagination/Pagination.js +26 -69
  208. package/dist/components/pagination/Pagination.js.map +1 -1
  209. package/dist/components/pagination/PaginationShell.d.ts.map +1 -1
  210. package/dist/components/pagination/PaginationShell.js +5 -6
  211. package/dist/components/pagination/PaginationShell.js.map +1 -1
  212. package/dist/components/pagination/types.d.ts +9 -32
  213. package/dist/components/pagination/types.d.ts.map +1 -1
  214. package/dist/components/rating/types.d.ts +1 -5
  215. package/dist/components/rating/types.d.ts.map +1 -1
  216. package/dist/components/segmented-control/SegmentedControl.d.ts +1 -1
  217. package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -1
  218. package/dist/components/segmented-control/SegmentedControl.js +4 -2
  219. package/dist/components/segmented-control/SegmentedControl.js.map +1 -1
  220. package/dist/components/segmented-control/client/SegmentedControlClient.d.ts +1 -1
  221. package/dist/components/segmented-control/client/SegmentedControlClient.d.ts.map +1 -1
  222. package/dist/components/segmented-control/client/SegmentedControlClient.js +4 -2
  223. package/dist/components/segmented-control/client/SegmentedControlClient.js.map +1 -1
  224. package/dist/components/segmented-control/types.d.ts +3 -0
  225. package/dist/components/segmented-control/types.d.ts.map +1 -1
  226. package/dist/components/select/Select.d.ts.map +1 -1
  227. package/dist/components/select/Select.js +2 -0
  228. package/dist/components/select/Select.js.map +1 -1
  229. package/dist/components/select/types.d.ts +3 -0
  230. package/dist/components/select/types.d.ts.map +1 -1
  231. package/dist/components/slider/Slider.d.ts.map +1 -1
  232. package/dist/components/slider/Slider.js +12 -7
  233. package/dist/components/slider/Slider.js.map +1 -1
  234. package/dist/components/slider/client/SliderClient.d.ts.map +1 -1
  235. package/dist/components/slider/client/SliderClient.js +53 -100
  236. package/dist/components/slider/client/SliderClient.js.map +1 -1
  237. package/dist/components/slider/types.d.ts +8 -38
  238. package/dist/components/slider/types.d.ts.map +1 -1
  239. package/dist/components/spinner/Spinner.d.ts.map +1 -1
  240. package/dist/components/spinner/Spinner.js +2 -10
  241. package/dist/components/spinner/Spinner.js.map +1 -1
  242. package/dist/components/spinner/types.d.ts +3 -6
  243. package/dist/components/spinner/types.d.ts.map +1 -1
  244. package/dist/components/table/client/TableColumnHeader.d.ts.map +1 -1
  245. package/dist/components/table/client/TableColumnHeader.js +1 -15
  246. package/dist/components/table/client/TableColumnHeader.js.map +1 -1
  247. package/dist/components/table/types.d.ts +2 -6
  248. package/dist/components/table/types.d.ts.map +1 -1
  249. package/dist/components/tabs/Tabs.d.ts.map +1 -1
  250. package/dist/components/tabs/Tabs.js +9 -43
  251. package/dist/components/tabs/Tabs.js.map +1 -1
  252. package/dist/components/tabs/types.d.ts +8 -21
  253. package/dist/components/tabs/types.d.ts.map +1 -1
  254. package/dist/components/tags-input/TagsInput.d.ts.map +1 -1
  255. package/dist/components/tags-input/TagsInput.js +16 -27
  256. package/dist/components/tags-input/TagsInput.js.map +1 -1
  257. package/dist/components/tags-input/types.d.ts +8 -23
  258. package/dist/components/tags-input/types.d.ts.map +1 -1
  259. package/dist/components/toast/Toast.d.ts.map +1 -1
  260. package/dist/components/toast/Toast.js +13 -62
  261. package/dist/components/toast/Toast.js.map +1 -1
  262. package/dist/components/toast/ToastElements.d.ts.map +1 -1
  263. package/dist/components/toast/ToastElements.js +20 -57
  264. package/dist/components/toast/ToastElements.js.map +1 -1
  265. package/dist/components/toast/types.d.ts +9 -36
  266. package/dist/components/toast/types.d.ts.map +1 -1
  267. package/dist/components/toggle/Toggle.d.ts +1 -1
  268. package/dist/components/toggle/Toggle.d.ts.map +1 -1
  269. package/dist/components/toggle/Toggle.js +36 -61
  270. package/dist/components/toggle/Toggle.js.map +1 -1
  271. package/dist/components/toggle/types.d.ts +5 -24
  272. package/dist/components/toggle/types.d.ts.map +1 -1
  273. package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
  274. package/dist/components/tooltip/Tooltip.js +4 -4
  275. package/dist/components/tooltip/Tooltip.js.map +1 -1
  276. package/dist/components/virtual-scroll/VirtualScroll.d.ts.map +1 -1
  277. package/dist/components/virtual-scroll/VirtualScroll.js +65 -43
  278. package/dist/components/virtual-scroll/VirtualScroll.js.map +1 -1
  279. package/dist/components/virtual-scroll/VirtualScrollRowShell.js +2 -2
  280. package/dist/components/virtual-scroll/VirtualScrollRowShell.js.map +1 -1
  281. package/dist/components/virtual-scroll/types.d.ts +7 -20
  282. package/dist/components/virtual-scroll/types.d.ts.map +1 -1
  283. package/dist/components/virtual-scroll/types.js.map +1 -1
  284. package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.d.ts +3 -0
  285. package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.d.ts.map +1 -1
  286. package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.js +11 -2
  287. package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.js.map +1 -1
  288. package/dist/core/class-names.d.ts +3 -0
  289. package/dist/core/class-names.d.ts.map +1 -0
  290. package/dist/core/class-names.js +7 -0
  291. package/dist/core/class-names.js.map +1 -0
  292. package/dist/core/part-names.d.ts +8 -0
  293. package/dist/core/part-names.d.ts.map +1 -0
  294. package/dist/core/part-names.js +111 -0
  295. package/dist/core/part-names.js.map +1 -0
  296. package/dist/core/polymorphic.d.ts +10 -3
  297. package/dist/core/polymorphic.d.ts.map +1 -1
  298. package/dist/core/render-native-invoker.d.ts +1 -0
  299. package/dist/core/render-native-invoker.d.ts.map +1 -1
  300. package/dist/core/render-native-invoker.js +6 -6
  301. package/dist/core/render-native-invoker.js.map +1 -1
  302. package/dist/core/roving-focus.d.ts +2 -2
  303. package/dist/core/roving-focus.d.ts.map +1 -1
  304. package/dist/core/roving-focus.js +6 -7
  305. package/dist/core/roving-focus.js.map +1 -1
  306. package/dist/core/slot-props.d.ts +9 -7
  307. package/dist/core/slot-props.d.ts.map +1 -1
  308. package/dist/core/slot-props.js +4 -14
  309. package/dist/core/slot-props.js.map +1 -1
  310. package/dist/elements/choice/Choice.d.ts.map +1 -1
  311. package/dist/elements/choice/Choice.js +5 -42
  312. package/dist/elements/choice/Choice.js.map +1 -1
  313. package/dist/elements/choice/types.d.ts +4 -11
  314. package/dist/elements/choice/types.d.ts.map +1 -1
  315. package/dist/elements/details/Details.d.ts.map +1 -1
  316. package/dist/elements/details/Details.js +4 -5
  317. package/dist/elements/details/Details.js.map +1 -1
  318. package/dist/elements/details/types.d.ts +3 -3
  319. package/dist/elements/details/types.d.ts.map +1 -1
  320. package/dist/elements/dialog/Dialog.d.ts.map +1 -1
  321. package/dist/elements/dialog/Dialog.js +1 -1
  322. package/dist/elements/dialog/Dialog.js.map +1 -1
  323. package/dist/elements/invoker/Invoker.js +3 -3
  324. package/dist/elements/invoker/Invoker.js.map +1 -1
  325. package/dist/elements/popover/Popover.d.ts.map +1 -1
  326. package/dist/elements/popover/Popover.js +3 -3
  327. package/dist/elements/popover/Popover.js.map +1 -1
  328. package/dist/elements/popover/types.d.ts +6 -4
  329. package/dist/elements/popover/types.d.ts.map +1 -1
  330. package/dist/styles/index.css +1 -1
  331. package/dist/styles/tailwind.css +2 -2
  332. package/dist/styles/tokens.css +1 -1
  333. package/package.json +1 -1
  334. package/skills/uiify/references/elements/aspect-ratio.md +1 -1
  335. package/skills/uiify/references/elements/field.md +1 -1
  336. package/skills/uiify/references/elements/toggle.md +1 -0
@@ -1,7 +1,6 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { createElement } from "react";
1
+ import { jsx, jsxs } from "react/jsx-runtime";
3
2
  import { DetailsContent, DetailsRoot, DetailsSummary } from "../../elements/details/index.js";
4
- import { omitProps, resolveRepeatedSlotProps } from "../../core/slot-props.js";
3
+ import { resolveRepeatedSlotProps } from "../../core/slot-props.js";
5
4
  function isDefaultOpen(type, defaultValue, itemValue) {
6
5
  if (type === "single") return defaultValue === itemValue;
7
6
  return Array.isArray(defaultValue) && defaultValue.includes(itemValue);
@@ -14,42 +13,21 @@ function Accordion({
14
13
  slotProps,
15
14
  ...rootProps
16
15
  }) {
17
- return /* @__PURE__ */ jsx(
18
- "div",
19
- {
20
- ...omitProps(rootProps, ["children", "dangerouslySetInnerHTML"]),
21
- id,
22
- "data-kind": type,
23
- "data-uiify-accordion": "",
24
- children: items.map((item) => {
25
- const disabled = item.disabled ?? false;
26
- return /* @__PURE__ */ createElement(
27
- DetailsRoot,
28
- {
29
- ...resolveRepeatedSlotProps(slotProps?.item, item.value, [
30
- "name",
31
- "open",
32
- "disabled",
33
- "data-part",
34
- "data-uiify-details",
35
- "data-uiify-accordion"
36
- ]),
37
- "data-part": "item",
38
- defaultOpen: isDefaultOpen(type, defaultValue, item.value),
39
- disabled,
40
- key: item.value,
41
- ...type === "single" ? { name: id } : {}
42
- },
16
+ return /* @__PURE__ */ jsx("div", { id, "data-kind": type, "data-uiify-accordion": "", ...rootProps, children: items.map((item) => {
17
+ const disabled = item.disabled ?? false;
18
+ return /* @__PURE__ */ jsxs(
19
+ DetailsRoot,
20
+ {
21
+ "data-part": "item",
22
+ defaultOpen: isDefaultOpen(type, defaultValue, item.value),
23
+ disabled,
24
+ ...type === "single" ? { name: id } : {},
25
+ ...resolveRepeatedSlotProps(slotProps?.item, item.value),
26
+ children: [
43
27
  /* @__PURE__ */ jsx(
44
28
  DetailsSummary,
45
29
  {
46
- ...resolveRepeatedSlotProps(slotProps?.trigger, item.value, [
47
- "disabled",
48
- "part",
49
- "data-part",
50
- "data-uiify-details",
51
- "data-uiify-accordion"
52
- ]),
30
+ ...resolveRepeatedSlotProps(slotProps?.trigger, item.value),
53
31
  disabled,
54
32
  part: "trigger",
55
33
  children: item.label
@@ -58,20 +36,16 @@ function Accordion({
58
36
  /* @__PURE__ */ jsx(
59
37
  DetailsContent,
60
38
  {
61
- ...resolveRepeatedSlotProps(slotProps?.panel, item.value, [
62
- "part",
63
- "data-part",
64
- "data-uiify-details",
65
- "data-uiify-accordion"
66
- ]),
39
+ ...resolveRepeatedSlotProps(slotProps?.panel, item.value),
67
40
  part: "panel",
68
41
  children: item.panel
69
42
  }
70
43
  )
71
- );
72
- })
73
- }
74
- );
44
+ ]
45
+ },
46
+ item.value
47
+ );
48
+ }) });
75
49
  }
76
50
  Accordion.displayName = "Accordion";
77
51
  export {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { DetailsContent, DetailsRoot, DetailsSummary } from \"../../elements/details/index.js\";\nimport { omitProps, resolveRepeatedSlotProps } from \"../../core/slot-props.js\";\nimport type { AccordionProps, AccordionType } from \"./types.js\";\n\nfunction isDefaultOpen(\n type: AccordionType,\n defaultValue: string | readonly string[] | undefined,\n itemValue: string,\n): boolean {\n if (type === \"single\") return defaultValue === itemValue;\n return Array.isArray(defaultValue) && defaultValue.includes(itemValue);\n}\n\n/**\n * Built on `@gunkin/uiify/elements/details`: `Details.Root` already owns `data-disabled` (from its own\n * `disabled` prop) and `data-uiify-details`; `Details.Summary`'s `disabled` prop already owns\n * `aria-disabled`/`tabIndex`. This component adds its own identity/anatomy markers and the\n * `name`/`defaultOpen` wiring that makes single-select exclusive.\n */\nexport function Accordion({\n id,\n items,\n type = \"single\",\n defaultValue,\n slotProps,\n ...rootProps\n}: AccordionProps): ReactElement {\n return (\n <div\n {...omitProps(rootProps, [\"children\", \"dangerouslySetInnerHTML\"])}\n id={id}\n data-kind={type}\n data-uiify-accordion=\"\"\n >\n {items.map((item) => {\n const disabled = item.disabled ?? false;\n return (\n <DetailsRoot\n {...resolveRepeatedSlotProps(slotProps?.item, item.value, [\n \"name\",\n \"open\",\n \"disabled\",\n \"data-part\",\n \"data-uiify-details\",\n \"data-uiify-accordion\",\n ])}\n data-part=\"item\"\n defaultOpen={isDefaultOpen(type, defaultValue, item.value)}\n disabled={disabled}\n key={item.value}\n {...(type === \"single\" ? { name: id } : {})}\n >\n <DetailsSummary\n {...resolveRepeatedSlotProps(slotProps?.trigger, item.value, [\n \"disabled\",\n \"part\",\n \"data-part\",\n \"data-uiify-details\",\n \"data-uiify-accordion\",\n ])}\n disabled={disabled}\n part=\"trigger\"\n >\n {item.label}\n </DetailsSummary>\n <DetailsContent\n {...resolveRepeatedSlotProps(slotProps?.panel, item.value, [\n \"part\",\n \"data-part\",\n \"data-uiify-details\",\n \"data-uiify-accordion\",\n ])}\n part=\"panel\"\n >\n {item.panel}\n </DetailsContent>\n </DetailsRoot>\n );\n })}\n </div>\n );\n}\nAccordion.displayName = \"Accordion\";\n"],"mappings":"AAqDY;AAfF;AArCV,SAAS,gBAAgB,aAAa,sBAAsB;AAC5D,SAAS,WAAW,gCAAgC;AAGpD,SAAS,cACP,MACA,cACA,WACS;AACT,MAAI,SAAS,SAAU,QAAO,iBAAiB;AAC/C,SAAO,MAAM,QAAQ,YAAY,KAAK,aAAa,SAAS,SAAS;AACvE;AAQO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,UAAU,WAAW,CAAC,YAAY,yBAAyB,CAAC;AAAA,MAChE;AAAA,MACA,aAAW;AAAA,MACX,wBAAqB;AAAA,MAEpB,gBAAM,IAAI,CAAC,SAAS;AACnB,cAAM,WAAW,KAAK,YAAY;AAClC,eACE;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,yBAAyB,WAAW,MAAM,KAAK,OAAO;AAAA,cACxD;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,YACD,aAAU;AAAA,YACV,aAAa,cAAc,MAAM,cAAc,KAAK,KAAK;AAAA,YACzD;AAAA,YACA,KAAK,KAAK;AAAA,YACT,GAAI,SAAS,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;AAAA;AAAA,UAEzC;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,yBAAyB,WAAW,SAAS,KAAK,OAAO;AAAA,gBAC3D;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF,CAAC;AAAA,cACD;AAAA,cACA,MAAK;AAAA,cAEJ,eAAK;AAAA;AAAA,UACR;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,yBAAyB,WAAW,OAAO,KAAK,OAAO;AAAA,gBACzD;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF,CAAC;AAAA,cACD,MAAK;AAAA,cAEJ,eAAK;AAAA;AAAA,UACR;AAAA,QACF;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;AACA,UAAU,cAAc;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { DetailsContent, DetailsRoot, DetailsSummary } from \"../../elements/details/index.js\";\nimport { resolveRepeatedSlotProps } from \"../../core/slot-props.js\";\nimport type { AccordionProps, AccordionType } from \"./types.js\";\n\nfunction isDefaultOpen(\n type: AccordionType,\n defaultValue: string | readonly string[] | undefined,\n itemValue: string,\n): boolean {\n if (type === \"single\") return defaultValue === itemValue;\n return Array.isArray(defaultValue) && defaultValue.includes(itemValue);\n}\n\n/**\n * Built on `@gunkin/uiify/elements/details`: `Details.Root` already owns `data-disabled` (from its own\n * `disabled` prop) and `data-uiify-details`; `Details.Summary`'s `disabled` prop already owns\n * `aria-disabled`/`tabIndex`. This component adds its own identity/anatomy markers and the\n * `name`/`defaultOpen` wiring that makes single-select exclusive.\n */\nexport function Accordion({\n id,\n items,\n type = \"single\",\n defaultValue,\n slotProps,\n ...rootProps\n}: AccordionProps): ReactElement {\n return (\n <div id={id} data-kind={type} data-uiify-accordion=\"\" {...rootProps}>\n {items.map((item) => {\n const disabled = item.disabled ?? false;\n return (\n <DetailsRoot\n data-part=\"item\"\n defaultOpen={isDefaultOpen(type, defaultValue, item.value)}\n disabled={disabled}\n key={item.value}\n {...(type === \"single\" ? { name: id } : {})}\n {...resolveRepeatedSlotProps(slotProps?.item, item.value)}\n >\n <DetailsSummary\n {...resolveRepeatedSlotProps(slotProps?.trigger, item.value)}\n disabled={disabled}\n part=\"trigger\"\n >\n {item.label}\n </DetailsSummary>\n <DetailsContent\n {...resolveRepeatedSlotProps(slotProps?.panel, item.value)}\n part=\"panel\"\n >\n {item.panel}\n </DetailsContent>\n </DetailsRoot>\n );\n })}\n </div>\n );\n}\nAccordion.displayName = \"Accordion\";\n"],"mappings":"AAiCU,SAQE,KARF;AAhCV,SAAS,gBAAgB,aAAa,sBAAsB;AAC5D,SAAS,gCAAgC;AAGzC,SAAS,cACP,MACA,cACA,WACS;AACT,MAAI,SAAS,SAAU,QAAO,iBAAiB;AAC/C,SAAO,MAAM,QAAQ,YAAY,KAAK,aAAa,SAAS,SAAS;AACvE;AAQO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,SACE,oBAAC,SAAI,IAAQ,aAAW,MAAM,wBAAqB,IAAI,GAAG,WACvD,gBAAM,IAAI,CAAC,SAAS;AACnB,UAAM,WAAW,KAAK,YAAY;AAClC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,aAAa,cAAc,MAAM,cAAc,KAAK,KAAK;AAAA,QACzD;AAAA,QAEC,GAAI,SAAS,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;AAAA,QACxC,GAAG,yBAAyB,WAAW,MAAM,KAAK,KAAK;AAAA,QAExD;AAAA;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,yBAAyB,WAAW,SAAS,KAAK,KAAK;AAAA,cAC3D;AAAA,cACA,MAAK;AAAA,cAEJ,eAAK;AAAA;AAAA,UACR;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,yBAAyB,WAAW,OAAO,KAAK,KAAK;AAAA,cACzD,MAAK;AAAA,cAEJ,eAAK;AAAA;AAAA,UACR;AAAA;AAAA;AAAA,MAhBK,KAAK;AAAA,IAiBZ;AAAA,EAEJ,CAAC,GACH;AAEJ;AACA,UAAU,cAAc;","names":[]}
@@ -1,21 +1,13 @@
1
1
  import type { ComponentPropsWithRef } from "react";
2
2
  import type { ChoicePanelItem } from "../internal/choice-family/types.js";
3
- import type { RepeatedSlotProps } from "../../core/slot-props.js";
3
+ import type { RepeatedSlotProps, SlotProps } from "../../core/slot-props.js";
4
4
  export type AccordionType = "single" | "multiple";
5
5
  export interface AccordionItem extends ChoicePanelItem {
6
6
  }
7
- type AccordionOwnedSlotAttributes = {
8
- readonly name?: never;
9
- readonly open?: never;
10
- readonly disabled?: never;
11
- readonly part?: never;
12
- readonly "data-part"?: never;
13
- readonly "data-uiify-details"?: never;
14
- readonly "data-uiify-accordion"?: never;
15
- };
16
- export type AccordionItemSlotProps = RepeatedSlotProps<Omit<ComponentPropsWithRef<"details">, "name" | "open" | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-details" | "data-uiify-accordion" | "disabled">, AccordionOwnedSlotAttributes>;
17
- export type AccordionTriggerSlotProps = RepeatedSlotProps<Omit<ComponentPropsWithRef<"summary">, "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-details" | "data-uiify-accordion" | "disabled" | "part">, AccordionOwnedSlotAttributes>;
18
- export type AccordionPanelSlotProps = RepeatedSlotProps<Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-details" | "data-uiify-accordion" | "part">, AccordionOwnedSlotAttributes>;
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">>;
19
11
  export interface AccordionSlotProps {
20
12
  readonly item?: AccordionItemSlotProps;
21
13
  readonly trigger?: AccordionTriggerSlotProps;
@@ -28,6 +20,5 @@ export interface AccordionOwnProps {
28
20
  readonly defaultValue?: string | readonly string[];
29
21
  readonly slotProps?: AccordionSlotProps;
30
22
  }
31
- export type AccordionProps = AccordionOwnProps & Omit<ComponentPropsWithRef<"div">, keyof AccordionOwnProps | "children" | "dangerouslySetInnerHTML" | "data-uiify-accordion">;
32
- export {};
23
+ export type AccordionProps = AccordionOwnProps & Omit<ComponentPropsWithRef<"div">, keyof AccordionOwnProps | "children" | "dangerouslySetInnerHTML">;
33
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,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
+ {"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;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
+ {"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"}
@@ -1,6 +1,5 @@
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";
4
3
  const symbols = { secondary: "\u24D8", success: "\u2713", warning: "\u26A0\uFE0E", destructive: "\xD7" };
5
4
  function Alert(props) {
6
5
  const {
@@ -16,19 +15,11 @@ function Alert(props) {
16
15
  as,
17
16
  defaultTag: "div",
18
17
  props: {
19
- ...consumerProps,
20
18
  "data-uiify-alert": "",
21
19
  "data-variant": variant,
20
+ ...consumerProps,
22
21
  children: /* @__PURE__ */ jsxs(Fragment, { children: [
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
+ symbol !== false && /* @__PURE__ */ jsx("span", { "data-part": "symbol", "aria-hidden": "true", ...slotProps?.symbol, children: symbol }),
32
23
  children
33
24
  ] })
34
25
  },
@@ -42,7 +33,7 @@ function AlertTitle(props) {
42
33
  return useRenderElement({
43
34
  as,
44
35
  defaultTag: "div",
45
- props: { ...consumerProps, "data-uiify-alert-title": "", "data-part": "title" },
36
+ props: { "data-uiify-alert-title": "", "data-part": "title", ...consumerProps },
46
37
  render,
47
38
  state: {}
48
39
  });
@@ -53,9 +44,9 @@ function AlertDescription(props) {
53
44
  as,
54
45
  defaultTag: "div",
55
46
  props: {
56
- ...consumerProps,
57
47
  "data-uiify-alert-description": "",
58
- "data-part": "description"
48
+ "data-part": "description",
49
+ ...consumerProps
59
50
  },
60
51
  render,
61
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 { 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
+ {"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,5 +1,5 @@
1
- import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
2
- import type { ConsumerDataAttributes } from "../../core/slot-props.js";
1
+ import type { ElementType, ReactNode } from "react";
2
+ import type { SlotProps } from "../../core/slot-props.js";
3
3
  import type { RenderableProps } from "@gunkin/uiify/core/render";
4
4
  export type AlertVariant = "secondary" | "success" | "warning" | "destructive";
5
5
  export interface AlertOwnProps {
@@ -19,11 +19,7 @@ export interface AlertDescriptionOwnProps {
19
19
  readonly children?: ReactNode;
20
20
  }
21
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;
22
+ export type AlertSymbolSlotProps = SlotProps<"span">;
27
23
  export interface AlertSlotProps {
28
24
  readonly symbol?: AlertSymbolSlotProps;
29
25
  }
@@ -1 +1 @@
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
+ {"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 +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;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
+ {"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"}
@@ -1,5 +1,4 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { omitProps } from "../../core/slot-props.js";
3
2
  import {
4
3
  AlertModalAction,
5
4
  AlertModalCancel,
@@ -19,142 +18,34 @@ function AlertModal({
19
18
  }) {
20
19
  const titleId = `${id}-title`;
21
20
  const descriptionId = `${id}-description`;
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
- );
21
+ return /* @__PURE__ */ jsxs("div", { "data-part": "root", "data-uiify-alert-modal": "", ...rootProps, children: [
22
+ /* @__PURE__ */ jsx(AlertModalTrigger, { target: id, ...slotProps?.trigger, children: trigger }),
23
+ /* @__PURE__ */ jsxs(
24
+ AlertModalContent,
25
+ {
26
+ "aria-describedby": description === void 0 ? void 0 : descriptionId,
27
+ "aria-labelledby": titleId,
28
+ id,
29
+ ...slotProps?.content,
30
+ children: [
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
+ ),
42
+ children,
43
+ /* @__PURE__ */ jsx(AlertModalCancel, { target: id, value: "cancel", ...slotProps?.cancel, children: cancelLabel }),
44
+ /* @__PURE__ */ jsx(AlertModalAction, { target: id, value: "confirm", ...slotProps?.action, children: actionLabel })
45
+ ]
46
+ }
47
+ )
48
+ ] });
158
49
  }
159
50
  AlertModal.displayName = "AlertModal";
160
51
  export {
@@ -1 +1 @@
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
+ {"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;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
+ {"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"}
@@ -1,22 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { omitProps } from "../../core/slot-props.js";
3
2
  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
- ];
20
3
  function AlertModalTrigger(props) {
21
4
  const { as, target, ...consumerProps } = props;
22
5
  return renderNativeInvoker(
@@ -25,30 +8,14 @@ function AlertModalTrigger(props) {
25
8
  "trigger",
26
9
  "show-modal",
27
10
  target,
28
- omitProps(consumerProps, ALERT_MODAL_TRIGGER_OWNED_PROPS),
11
+ consumerProps,
29
12
  { button: true }
30
13
  );
31
14
  }
32
15
  AlertModalTrigger.displayName = "AlertModalTrigger";
33
16
  function AlertModalContent(props) {
34
17
  const { children, ...dialogProps } = props;
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
- );
18
+ return /* @__PURE__ */ jsx("dialog", { "data-part": "content", "data-uiify-alert-modal": "", role: "alertdialog", ...dialogProps, children });
52
19
  }
53
20
  AlertModalContent.displayName = "AlertModalContent";
54
21
  function AlertModalAction(props) {
@@ -59,7 +26,7 @@ function AlertModalAction(props) {
59
26
  "action",
60
27
  "request-close",
61
28
  target,
62
- omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS),
29
+ consumerProps,
63
30
  { button: true, variant: "destructive" }
64
31
  );
65
32
  }
@@ -72,7 +39,7 @@ function AlertModalCancel(props) {
72
39
  "cancel",
73
40
  "request-close",
74
41
  target,
75
- omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS),
42
+ consumerProps,
76
43
  { button: true, variant: "secondary" }
77
44
  );
78
45
  }
@@ -1 +1 @@
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
+ {"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":[]}