@neut/ui 0.0.1 → 0.0.3

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 (383) hide show
  1. package/README.md +6 -4
  2. package/dist/components/accordion/Accordion/Accordion.context.d.ts +9 -10
  3. package/dist/components/accordion/Accordion/Accordion.context.js +23 -25
  4. package/dist/components/accordion/Accordion/Accordion.context.js.map +1 -0
  5. package/dist/components/accordion/Accordion/Accordion.d.ts +1 -1
  6. package/dist/components/accordion/Accordion/Accordion.js +25 -21
  7. package/dist/components/accordion/Accordion/Accordion.js.map +1 -0
  8. package/dist/components/accordion/Accordion/Accordion.types.d.ts +8 -7
  9. package/dist/components/accordion/Accordion/index.d.ts +2 -0
  10. package/dist/components/accordion/Accordion/useAccordion.d.ts +3 -0
  11. package/dist/components/accordion/Accordion/useAccordion.js +34 -0
  12. package/dist/components/accordion/Accordion/useAccordion.js.map +1 -0
  13. package/dist/components/accordion/AccordionContent/AccordionContent.js +25 -32
  14. package/dist/components/accordion/AccordionContent/AccordionContent.js.map +1 -0
  15. package/dist/components/accordion/AccordionItem/AccordionItem.context.d.ts +5 -7
  16. package/dist/components/accordion/AccordionItem/AccordionItem.context.js +6 -20
  17. package/dist/components/accordion/AccordionItem/AccordionItem.context.js.map +1 -0
  18. package/dist/components/accordion/AccordionItem/AccordionItem.d.ts +1 -1
  19. package/dist/components/accordion/AccordionItem/AccordionItem.js +20 -19
  20. package/dist/components/accordion/AccordionItem/AccordionItem.js.map +1 -0
  21. package/dist/components/accordion/AccordionItem/AccordionItem.types.d.ts +4 -3
  22. package/dist/components/accordion/AccordionTrigger/AccordionTrigger.js +18 -21
  23. package/dist/components/accordion/AccordionTrigger/AccordionTrigger.js.map +1 -0
  24. package/dist/components/accordion/index.js +5 -0
  25. package/dist/components/aspect-ratio/AspectRatio.js +3 -1
  26. package/dist/components/aspect-ratio/AspectRatio.js.map +1 -0
  27. package/dist/components/aspect-ratio/AspectRatio.styles.js +3 -1
  28. package/dist/components/aspect-ratio/AspectRatio.styles.js.map +1 -0
  29. package/dist/components/aspect-ratio/index.js +2 -0
  30. package/dist/components/avatar/Avatar/Avatar.context.js +2 -0
  31. package/dist/components/avatar/Avatar/Avatar.context.js.map +1 -0
  32. package/dist/components/avatar/Avatar/Avatar.js +3 -1
  33. package/dist/components/avatar/Avatar/Avatar.js.map +1 -0
  34. package/dist/components/avatar/AvatarBadge/AvatarBadge.js +3 -1
  35. package/dist/components/avatar/AvatarBadge/AvatarBadge.js.map +1 -0
  36. package/dist/components/avatar/AvatarFallback/AvatarFallback.js +3 -1
  37. package/dist/components/avatar/AvatarFallback/AvatarFallback.js.map +1 -0
  38. package/dist/components/avatar/AvatarGroup/AvatarGroup.js +3 -1
  39. package/dist/components/avatar/AvatarGroup/AvatarGroup.js.map +1 -0
  40. package/dist/components/avatar/AvatarGroupCount/AvatarGroupCount.js +3 -1
  41. package/dist/components/avatar/AvatarGroupCount/AvatarGroupCount.js.map +1 -0
  42. package/dist/components/avatar/AvatarImage/AvatarImage.js +3 -1
  43. package/dist/components/avatar/AvatarImage/AvatarImage.js.map +1 -0
  44. package/dist/components/avatar/index.js +7 -0
  45. package/dist/components/badge/Badge.js +3 -1
  46. package/dist/components/badge/Badge.js.map +1 -0
  47. package/dist/components/badge/Badge.styles.js +3 -1
  48. package/dist/components/badge/Badge.styles.js.map +1 -0
  49. package/dist/components/badge/index.js +2 -0
  50. package/dist/components/button/Button.js +28 -25
  51. package/dist/components/button/Button.js.map +1 -0
  52. package/dist/components/button/Button.styles.js +3 -1
  53. package/dist/components/button/Button.styles.js.map +1 -0
  54. package/dist/components/button/Button.types.d.ts +1 -0
  55. package/dist/components/button/index.js +2 -0
  56. package/dist/components/button-group/ButtonGroup/ButtonGroup.js +3 -1
  57. package/dist/components/button-group/ButtonGroup/ButtonGroup.js.map +1 -0
  58. package/dist/components/button-group/ButtonGroup/ButtonGroup.styles.js +2 -0
  59. package/dist/components/button-group/ButtonGroup/ButtonGroup.styles.js.map +1 -0
  60. package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.js +3 -1
  61. package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.js.map +1 -0
  62. package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.styles.js +3 -1
  63. package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.styles.js.map +1 -0
  64. package/dist/components/button-group/ButtonGroupText/ButtonGroupText.js +3 -1
  65. package/dist/components/button-group/ButtonGroupText/ButtonGroupText.js.map +1 -0
  66. package/dist/components/button-group/ButtonGroupText/ButtonGroupText.styles.js +3 -1
  67. package/dist/components/button-group/ButtonGroupText/ButtonGroupText.styles.js.map +1 -0
  68. package/dist/components/button-group/index.js +4 -0
  69. package/dist/components/card/Card/Card.js +3 -1
  70. package/dist/components/card/Card/Card.js.map +1 -0
  71. package/dist/components/card/Card/Card.styles.d.ts +1 -1
  72. package/dist/components/card/Card/Card.styles.js +3 -1
  73. package/dist/components/card/Card/Card.styles.js.map +1 -0
  74. package/dist/components/card/CardAction/CardAction.js +3 -1
  75. package/dist/components/card/CardAction/CardAction.js.map +1 -0
  76. package/dist/components/card/CardAction/CardAction.styles.js +2 -0
  77. package/dist/components/card/CardAction/CardAction.styles.js.map +1 -0
  78. package/dist/components/card/CardContent/CardContent.js +3 -1
  79. package/dist/components/card/CardContent/CardContent.js.map +1 -0
  80. package/dist/components/card/CardContent/CardContent.styles.d.ts +1 -1
  81. package/dist/components/card/CardContent/CardContent.styles.js +3 -1
  82. package/dist/components/card/CardContent/CardContent.styles.js.map +1 -0
  83. package/dist/components/card/CardDescription/CardDescription.js +3 -1
  84. package/dist/components/card/CardDescription/CardDescription.js.map +1 -0
  85. package/dist/components/card/CardDescription/CardDescription.styles.js +2 -0
  86. package/dist/components/card/CardDescription/CardDescription.styles.js.map +1 -0
  87. package/dist/components/card/CardFooter/CardFooter.js +3 -1
  88. package/dist/components/card/CardFooter/CardFooter.js.map +1 -0
  89. package/dist/components/card/CardFooter/CardFooter.styles.js +2 -0
  90. package/dist/components/card/CardFooter/CardFooter.styles.js.map +1 -0
  91. package/dist/components/card/CardHeader/CardHeader.js +3 -1
  92. package/dist/components/card/CardHeader/CardHeader.js.map +1 -0
  93. package/dist/components/card/CardHeader/CardHeader.styles.js +2 -0
  94. package/dist/components/card/CardHeader/CardHeader.styles.js.map +1 -0
  95. package/dist/components/card/CardTitle/CardTitle.js +3 -1
  96. package/dist/components/card/CardTitle/CardTitle.js.map +1 -0
  97. package/dist/components/card/CardTitle/CardTitle.styles.js +2 -0
  98. package/dist/components/card/CardTitle/CardTitle.styles.js.map +1 -0
  99. package/dist/components/card/index.js +8 -0
  100. package/dist/components/carousel/Carousel/Carousel.context.js +2 -0
  101. package/dist/components/carousel/Carousel/Carousel.context.js.map +1 -0
  102. package/dist/components/carousel/Carousel/Carousel.js +3 -1
  103. package/dist/components/carousel/Carousel/Carousel.js.map +1 -0
  104. package/dist/components/carousel/Carousel/useAutoPlay.js +2 -0
  105. package/dist/components/carousel/Carousel/useAutoPlay.js.map +1 -0
  106. package/dist/components/carousel/Carousel/useCarousel.js +2 -0
  107. package/dist/components/carousel/Carousel/useCarousel.js.map +1 -0
  108. package/dist/components/carousel/Carousel/useKeyboardNavigation.js +2 -0
  109. package/dist/components/carousel/Carousel/useKeyboardNavigation.js.map +1 -0
  110. package/dist/components/carousel/CarouselContent/CarouselContent.js +3 -1
  111. package/dist/components/carousel/CarouselContent/CarouselContent.js.map +1 -0
  112. package/dist/components/carousel/CarouselContent/useItemSizeMeasure.js +2 -0
  113. package/dist/components/carousel/CarouselContent/useItemSizeMeasure.js.map +1 -0
  114. package/dist/components/carousel/CarouselDots/CarouselDots.js +2 -0
  115. package/dist/components/carousel/CarouselDots/CarouselDots.js.map +1 -0
  116. package/dist/components/carousel/CarouselItem/CarouselItem.js +3 -1
  117. package/dist/components/carousel/CarouselItem/CarouselItem.js.map +1 -0
  118. package/dist/components/carousel/CarouselNext/CarouselNext.js +3 -1
  119. package/dist/components/carousel/CarouselNext/CarouselNext.js.map +1 -0
  120. package/dist/components/carousel/CarouselPrevious/CarouselPrevious.js +3 -1
  121. package/dist/components/carousel/CarouselPrevious/CarouselPrevious.js.map +1 -0
  122. package/dist/components/carousel/index.js +7 -0
  123. package/dist/components/field/Field/Field.js +3 -1
  124. package/dist/components/field/Field/Field.js.map +1 -0
  125. package/dist/components/field/Field/Field.styles.js +2 -0
  126. package/dist/components/field/Field/Field.styles.js.map +1 -0
  127. package/dist/components/field/FieldContent/FieldContent.js +3 -1
  128. package/dist/components/field/FieldContent/FieldContent.js.map +1 -0
  129. package/dist/components/field/FieldDescription/FieldDescription.js +3 -1
  130. package/dist/components/field/FieldDescription/FieldDescription.js.map +1 -0
  131. package/dist/components/field/FieldError/FieldError.js +3 -1
  132. package/dist/components/field/FieldError/FieldError.js.map +1 -0
  133. package/dist/components/field/FieldGroup/FieldGroup.js +3 -1
  134. package/dist/components/field/FieldGroup/FieldGroup.js.map +1 -0
  135. package/dist/components/field/FieldLabel/FieldLabel.js +3 -1
  136. package/dist/components/field/FieldLabel/FieldLabel.js.map +1 -0
  137. package/dist/components/field/FieldLegend/FieldLegend.js +3 -1
  138. package/dist/components/field/FieldLegend/FieldLegend.js.map +1 -0
  139. package/dist/components/field/FieldSeparator/FieldSeparator.js +3 -1
  140. package/dist/components/field/FieldSeparator/FieldSeparator.js.map +1 -0
  141. package/dist/components/field/FieldSet/FieldSet.js +3 -1
  142. package/dist/components/field/FieldSet/FieldSet.js.map +1 -0
  143. package/dist/components/field/FieldTitle/FieldTitle.js +3 -1
  144. package/dist/components/field/FieldTitle/FieldTitle.js.map +1 -0
  145. package/dist/components/field/index.js +11 -0
  146. package/dist/components/image/Image.config.js +2 -0
  147. package/dist/components/image/Image.config.js.map +1 -0
  148. package/dist/components/image/Image.js +2 -0
  149. package/dist/components/image/Image.js.map +1 -0
  150. package/dist/components/image/Image.utils.js +2 -0
  151. package/dist/components/image/Image.utils.js.map +1 -0
  152. package/dist/components/image/ImageElement.js +2 -0
  153. package/dist/components/image/ImageElement.js.map +1 -0
  154. package/dist/components/image/ImagePreload.js +2 -0
  155. package/dist/components/image/ImagePreload.js.map +1 -0
  156. package/dist/components/image/index.js +2 -0
  157. package/dist/components/input/Input.js +3 -1
  158. package/dist/components/input/Input.js.map +1 -0
  159. package/dist/components/input/index.js +2 -0
  160. package/dist/components/input-group/InputGroup/InputGroup.js +3 -1
  161. package/dist/components/input-group/InputGroup/InputGroup.js.map +1 -0
  162. package/dist/components/input-group/InputGroupAddon/InputGroupAddon.js +3 -1
  163. package/dist/components/input-group/InputGroupAddon/InputGroupAddon.js.map +1 -0
  164. package/dist/components/input-group/InputGroupAddon/InputGroupAddon.styles.js +2 -0
  165. package/dist/components/input-group/InputGroupAddon/InputGroupAddon.styles.js.map +1 -0
  166. package/dist/components/input-group/InputGroupButton/InputGroupButton.js +3 -1
  167. package/dist/components/input-group/InputGroupButton/InputGroupButton.js.map +1 -0
  168. package/dist/components/input-group/InputGroupButton/InputGroupButton.styles.js +2 -0
  169. package/dist/components/input-group/InputGroupButton/InputGroupButton.styles.js.map +1 -0
  170. package/dist/components/input-group/InputGroupInput/InputGroupInput.js +3 -1
  171. package/dist/components/input-group/InputGroupInput/InputGroupInput.js.map +1 -0
  172. package/dist/components/input-group/InputGroupText/InputGroupText.js +3 -1
  173. package/dist/components/input-group/InputGroupText/InputGroupText.js.map +1 -0
  174. package/dist/components/input-group/InputGroupTextarea/InputGroupTextarea.js +3 -1
  175. package/dist/components/input-group/InputGroupTextarea/InputGroupTextarea.js.map +1 -0
  176. package/dist/components/input-group/index.js +7 -0
  177. package/dist/components/item/Item/Item.js +3 -1
  178. package/dist/components/item/Item/Item.js.map +1 -0
  179. package/dist/components/item/Item/Item.styles.js +2 -0
  180. package/dist/components/item/Item/Item.styles.js.map +1 -0
  181. package/dist/components/item/ItemActions/ItemActions.js +3 -1
  182. package/dist/components/item/ItemActions/ItemActions.js.map +1 -0
  183. package/dist/components/item/ItemContent/ItemContent.js +3 -1
  184. package/dist/components/item/ItemContent/ItemContent.js.map +1 -0
  185. package/dist/components/item/ItemDescription/ItemDescription.js +3 -1
  186. package/dist/components/item/ItemDescription/ItemDescription.js.map +1 -0
  187. package/dist/components/item/ItemFooter/ItemFooter.js +3 -1
  188. package/dist/components/item/ItemFooter/ItemFooter.js.map +1 -0
  189. package/dist/components/item/ItemGroup/ItemGroup.js +3 -1
  190. package/dist/components/item/ItemGroup/ItemGroup.js.map +1 -0
  191. package/dist/components/item/ItemHeader/ItemHeader.js +3 -1
  192. package/dist/components/item/ItemHeader/ItemHeader.js.map +1 -0
  193. package/dist/components/item/ItemMedia/ItemMedia.js +3 -1
  194. package/dist/components/item/ItemMedia/ItemMedia.js.map +1 -0
  195. package/dist/components/item/ItemMedia/ItemMedia.styles.js +2 -0
  196. package/dist/components/item/ItemMedia/ItemMedia.styles.js.map +1 -0
  197. package/dist/components/item/ItemSeparator/ItemSeparator.js +3 -1
  198. package/dist/components/item/ItemSeparator/ItemSeparator.js.map +1 -0
  199. package/dist/components/item/ItemTitle/ItemTitle.js +3 -1
  200. package/dist/components/item/ItemTitle/ItemTitle.js.map +1 -0
  201. package/dist/components/item/index.js +11 -0
  202. package/dist/components/kbd/Kbd.js +3 -1
  203. package/dist/components/kbd/Kbd.js.map +1 -0
  204. package/dist/components/kbd/index.js +2 -0
  205. package/dist/components/label/Label.js +3 -1
  206. package/dist/components/label/Label.js.map +1 -0
  207. package/dist/components/label/index.js +2 -0
  208. package/dist/components/pagination/Pagination/Pagination.js +3 -1
  209. package/dist/components/pagination/Pagination/Pagination.js.map +1 -0
  210. package/dist/components/pagination/PaginationContent/PaginationContent.js +3 -1
  211. package/dist/components/pagination/PaginationContent/PaginationContent.js.map +1 -0
  212. package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.js +3 -1
  213. package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.js.map +1 -0
  214. package/dist/components/pagination/PaginationItem/PaginationItem.js +2 -0
  215. package/dist/components/pagination/PaginationItem/PaginationItem.js.map +1 -0
  216. package/dist/components/pagination/PaginationLink/PaginationLink.js +3 -1
  217. package/dist/components/pagination/PaginationLink/PaginationLink.js.map +1 -0
  218. package/dist/components/pagination/PaginationNext/PaginationNext.js +3 -1
  219. package/dist/components/pagination/PaginationNext/PaginationNext.js.map +1 -0
  220. package/dist/components/pagination/PaginationPrevious/PaginationPrevious.js +3 -1
  221. package/dist/components/pagination/PaginationPrevious/PaginationPrevious.js.map +1 -0
  222. package/dist/components/pagination/index.js +8 -0
  223. package/dist/components/scroll-area/ScrollArea/ScrollArea.context.d.ts +1 -1
  224. package/dist/components/scroll-area/ScrollArea/ScrollArea.context.js +2 -0
  225. package/dist/components/scroll-area/ScrollArea/ScrollArea.context.js.map +1 -0
  226. package/dist/components/scroll-area/ScrollArea/ScrollArea.js +32 -30
  227. package/dist/components/scroll-area/ScrollArea/ScrollArea.js.map +1 -0
  228. package/dist/components/scroll-area/ScrollArea/ScrollArea.utils.js +2 -0
  229. package/dist/components/scroll-area/ScrollArea/ScrollArea.utils.js.map +1 -0
  230. package/dist/components/scroll-area/ScrollBar/ScrollBar.js +3 -1
  231. package/dist/components/scroll-area/ScrollBar/ScrollBar.js.map +1 -0
  232. package/dist/components/scroll-area/index.js +3 -0
  233. package/dist/components/separator/Separator.js +3 -1
  234. package/dist/components/separator/Separator.js.map +1 -0
  235. package/dist/components/separator/Separator.styles.js +3 -1
  236. package/dist/components/separator/Separator.styles.js.map +1 -0
  237. package/dist/components/separator/index.js +2 -0
  238. package/dist/components/sidebar/Sidebar/Sidebar.js +3 -1
  239. package/dist/components/sidebar/Sidebar/Sidebar.js.map +1 -0
  240. package/dist/components/sidebar/SidebarContent/SidebarContent.js +3 -1
  241. package/dist/components/sidebar/SidebarContent/SidebarContent.js.map +1 -0
  242. package/dist/components/sidebar/SidebarFooter/SidebarFooter.js +3 -1
  243. package/dist/components/sidebar/SidebarFooter/SidebarFooter.js.map +1 -0
  244. package/dist/components/sidebar/SidebarGroup/SidebarGroup.js +3 -1
  245. package/dist/components/sidebar/SidebarGroup/SidebarGroup.js.map +1 -0
  246. package/dist/components/sidebar/SidebarGroupAction/SidebarGroupAction.js +3 -1
  247. package/dist/components/sidebar/SidebarGroupAction/SidebarGroupAction.js.map +1 -0
  248. package/dist/components/sidebar/SidebarGroupContent/SidebarGroupContent.js +3 -1
  249. package/dist/components/sidebar/SidebarGroupContent/SidebarGroupContent.js.map +1 -0
  250. package/dist/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.js +3 -1
  251. package/dist/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.js.map +1 -0
  252. package/dist/components/sidebar/SidebarHeader/SidebarHeader.js +3 -1
  253. package/dist/components/sidebar/SidebarHeader/SidebarHeader.js.map +1 -0
  254. package/dist/components/sidebar/SidebarInput/SidebarInput.js +3 -1
  255. package/dist/components/sidebar/SidebarInput/SidebarInput.js.map +1 -0
  256. package/dist/components/sidebar/SidebarInset/SidebarInset.js +3 -1
  257. package/dist/components/sidebar/SidebarInset/SidebarInset.js.map +1 -0
  258. package/dist/components/sidebar/SidebarMenu/SidebarMenu.js +3 -1
  259. package/dist/components/sidebar/SidebarMenu/SidebarMenu.js.map +1 -0
  260. package/dist/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.js +3 -1
  261. package/dist/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.js.map +1 -0
  262. package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.js +3 -1
  263. package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.js.map +1 -0
  264. package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.js +8 -5
  265. package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.js.map +1 -0
  266. package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.types.d.ts +1 -1
  267. package/dist/components/sidebar/SidebarMenuItem/SidebarMenuItem.js +3 -1
  268. package/dist/components/sidebar/SidebarMenuItem/SidebarMenuItem.js.map +1 -0
  269. package/dist/components/sidebar/SidebarMenuSkeleton/SidebarMenuSkeleton.js +3 -1
  270. package/dist/components/sidebar/SidebarMenuSkeleton/SidebarMenuSkeleton.js.map +1 -0
  271. package/dist/components/sidebar/SidebarMenuSub/SidebarMenuSub.js +3 -1
  272. package/dist/components/sidebar/SidebarMenuSub/SidebarMenuSub.js.map +1 -0
  273. package/dist/components/sidebar/SidebarMenuSubButton/SidebarMenuSubButton.js +3 -1
  274. package/dist/components/sidebar/SidebarMenuSubButton/SidebarMenuSubButton.js.map +1 -0
  275. package/dist/components/sidebar/SidebarMenuSubItem/SidebarMenuSubItem.js +3 -1
  276. package/dist/components/sidebar/SidebarMenuSubItem/SidebarMenuSubItem.js.map +1 -0
  277. package/dist/components/sidebar/SidebarProvider/SidebarProvider.consts.js +2 -0
  278. package/dist/components/sidebar/SidebarProvider/SidebarProvider.consts.js.map +1 -0
  279. package/dist/components/sidebar/SidebarProvider/SidebarProvider.context.js +2 -0
  280. package/dist/components/sidebar/SidebarProvider/SidebarProvider.context.js.map +1 -0
  281. package/dist/components/sidebar/SidebarProvider/SidebarProvider.js +3 -1
  282. package/dist/components/sidebar/SidebarProvider/SidebarProvider.js.map +1 -0
  283. package/dist/components/sidebar/SidebarRail/SidebarRail.js +3 -1
  284. package/dist/components/sidebar/SidebarRail/SidebarRail.js.map +1 -0
  285. package/dist/components/sidebar/SidebarSeparator/SidebarSeparator.js +3 -1
  286. package/dist/components/sidebar/SidebarSeparator/SidebarSeparator.js.map +1 -0
  287. package/dist/components/sidebar/SidebarTrigger/SidebarTrigger.js +2 -0
  288. package/dist/components/sidebar/SidebarTrigger/SidebarTrigger.js.map +1 -0
  289. package/dist/components/sidebar/index.js +23 -0
  290. package/dist/components/skeleton/Skeleton.js +3 -1
  291. package/dist/components/skeleton/Skeleton.js.map +1 -0
  292. package/dist/components/skeleton/index.js +2 -0
  293. package/dist/components/spinner/Spinner.js +3 -1
  294. package/dist/components/spinner/Spinner.js.map +1 -0
  295. package/dist/components/spinner/Spinner.styles.js +3 -1
  296. package/dist/components/spinner/Spinner.styles.js.map +1 -0
  297. package/dist/components/spinner/index.js +2 -0
  298. package/dist/components/switch/Switch.js +3 -1
  299. package/dist/components/switch/Switch.js.map +1 -0
  300. package/dist/components/switch/Switch.styles.js +3 -1
  301. package/dist/components/switch/Switch.styles.js.map +1 -0
  302. package/dist/components/switch/index.js +2 -0
  303. package/dist/components/textarea/Textarea.js +3 -1
  304. package/dist/components/textarea/Textarea.js.map +1 -0
  305. package/dist/components/textarea/index.js +2 -0
  306. package/dist/components/toast/components/Assets.js +2 -0
  307. package/dist/components/toast/components/Assets.js.map +1 -0
  308. package/dist/components/toast/components/Toast.js +3 -1
  309. package/dist/components/toast/components/Toast.js.map +1 -0
  310. package/dist/components/toast/components/ToastActions.js +3 -1
  311. package/dist/components/toast/components/ToastActions.js.map +1 -0
  312. package/dist/components/toast/components/ToastContent.js +3 -1
  313. package/dist/components/toast/components/ToastContent.js.map +1 -0
  314. package/dist/components/toast/components/ToastIcon.js +3 -1
  315. package/dist/components/toast/components/ToastIcon.js.map +1 -0
  316. package/dist/components/toast/components/Toaster.js +2 -0
  317. package/dist/components/toast/components/Toaster.js.map +1 -0
  318. package/dist/components/toast/constants.js +2 -0
  319. package/dist/components/toast/constants.js.map +1 -0
  320. package/dist/components/toast/hooks/useSwipe.js +2 -0
  321. package/dist/components/toast/hooks/useSwipe.js.map +1 -0
  322. package/dist/components/toast/hooks/useTheme.js +2 -0
  323. package/dist/components/toast/hooks/useTheme.js.map +1 -0
  324. package/dist/components/toast/hooks/useToastHeight.js +2 -0
  325. package/dist/components/toast/hooks/useToastHeight.js.map +1 -0
  326. package/dist/components/toast/hooks/useToastSubscription.js +2 -0
  327. package/dist/components/toast/hooks/useToastSubscription.js.map +1 -0
  328. package/dist/components/toast/hooks/useToastTimer.js +2 -0
  329. package/dist/components/toast/hooks/useToastTimer.js.map +1 -0
  330. package/dist/components/toast/hooks/useToasterKeyboard.js +2 -0
  331. package/dist/components/toast/hooks/useToasterKeyboard.js.map +1 -0
  332. package/dist/components/toast/hooks.js +2 -0
  333. package/dist/components/toast/hooks.js.map +1 -0
  334. package/dist/components/toast/index.js +5 -0
  335. package/dist/components/toast/state.js +2 -0
  336. package/dist/components/toast/state.js.map +1 -0
  337. package/dist/components/toast/types.js +2 -0
  338. package/dist/components/toast/types.js.map +1 -0
  339. package/dist/components/toast/utils.js +2 -0
  340. package/dist/components/toast/utils.js.map +1 -0
  341. package/dist/components/tooltip/Tooltip/Tooltip.context.d.ts +1 -1
  342. package/dist/components/tooltip/Tooltip/Tooltip.context.js +2 -0
  343. package/dist/components/tooltip/Tooltip/Tooltip.context.js.map +1 -0
  344. package/dist/components/tooltip/Tooltip/Tooltip.js +24 -16
  345. package/dist/components/tooltip/Tooltip/Tooltip.js.map +1 -0
  346. package/dist/components/tooltip/TooltipArrow/TooltipArrow.js +13 -10
  347. package/dist/components/tooltip/TooltipArrow/TooltipArrow.js.map +1 -0
  348. package/dist/components/tooltip/TooltipContent/TooltipContent.context.d.ts +2 -1
  349. package/dist/components/tooltip/TooltipContent/TooltipContent.context.js +2 -0
  350. package/dist/components/tooltip/TooltipContent/TooltipContent.context.js.map +1 -0
  351. package/dist/components/tooltip/TooltipContent/TooltipContent.js +29 -19
  352. package/dist/components/tooltip/TooltipContent/TooltipContent.js.map +1 -0
  353. package/dist/components/tooltip/TooltipContent/TooltipContent.utils.js +2 -0
  354. package/dist/components/tooltip/TooltipContent/TooltipContent.utils.js.map +1 -0
  355. package/dist/components/tooltip/TooltipContent/useTooltipContent.js +28 -31
  356. package/dist/components/tooltip/TooltipContent/useTooltipContent.js.map +1 -0
  357. package/dist/components/tooltip/TooltipTrigger/TooltipTrigger.d.ts +2 -2
  358. package/dist/components/tooltip/TooltipTrigger/TooltipTrigger.js +7 -5
  359. package/dist/components/tooltip/TooltipTrigger/TooltipTrigger.js.map +1 -0
  360. package/dist/components/tooltip/TooltipTrigger/useTooltipTrigger.js +21 -7
  361. package/dist/components/tooltip/TooltipTrigger/useTooltipTrigger.js.map +1 -0
  362. package/dist/components/tooltip/index.js +5 -0
  363. package/dist/hooks/index.d.ts +1 -0
  364. package/dist/hooks/index.js +2 -0
  365. package/dist/hooks/useFontLoader.d.ts +86 -0
  366. package/dist/hooks/useFontLoader.js +89 -0
  367. package/dist/hooks/useFontLoader.js.map +1 -0
  368. package/dist/index.d.ts +2 -0
  369. package/dist/index.js +108 -104
  370. package/dist/ui.css +3 -0
  371. package/dist/{lib/utils → utils}/clsx.js +3 -1
  372. package/dist/utils/clsx.js.map +1 -0
  373. package/dist/utils/index.js +3 -0
  374. package/dist/utils/warn-once.js +6 -0
  375. package/dist/utils/warn-once.js.map +1 -0
  376. package/package.json +54 -9
  377. package/dist/styles/animate.css +0 -250
  378. package/dist/styles/index.css +0 -100
  379. package/dist/styles/toast.css +0 -745
  380. /package/dist/{lib/utils → utils}/clsx.d.ts +0 -0
  381. /package/dist/{lib/utils → utils}/get-style.d.ts +0 -0
  382. /package/dist/{lib/utils → utils}/index.d.ts +0 -0
  383. /package/dist/{lib/utils → utils}/warn-once.d.ts +0 -0
package/README.md CHANGED
@@ -79,26 +79,28 @@ bun i lucide-solid
79
79
  本组件库也支持作为依赖安装:
80
80
 
81
81
  ```bash
82
- bun i @dome/ui
82
+ bun i @neut/ui
83
83
  ```
84
84
 
85
85
  安装后需要在根样式文件中导入样式及注册样式资源:
86
86
 
87
87
  ```css
88
- @import "../node_modules/@dome/ui/dist/styles/index.css";
89
- @source "../node_modules/@dome/ui/dist";
88
+ @import "tailwindcss";
89
+ @import "../node_modules/@neut/ui/dist/ui.css";
90
90
  ```
91
91
 
92
92
  然后即可如同其他组件库一样导入并使用组件:
93
93
 
94
94
  ```tsx
95
- import { Button } from "@dome/ui";
95
+ import { Button } from "@neut/ui";
96
96
 
97
97
  const App = () => {
98
98
  return <Button>Click me</Button>;
99
99
  };
100
100
  ```
101
101
 
102
+ 组件库的安装可以参考示例:https://github.com/thep0y/neut/tree/main/example
103
+
102
104
  ## 参考项目
103
105
 
104
106
  - shadcn: https://ui.shadcn.com/docs/installation
@@ -1,17 +1,16 @@
1
1
  import { ParentProps } from 'solid-js';
2
- interface AccordionContextValue<T> {
2
+ import { AccordionValue } from './Accordion.types';
3
+ interface AccordionContextValue {
3
4
  orientation: "horizontal" | "vertical";
4
- isOpen: (index: number) => boolean;
5
- toggle: (index: number) => void;
6
- registerItem: (value?: T) => number;
7
- unregisterItem: (index: number) => void;
5
+ isOpen: (value: string | number) => boolean;
6
+ toggle: (value: string | number) => void;
8
7
  }
9
- export declare function AccordionProvider<T>(props: ParentProps & {
8
+ export declare function AccordionProvider(props: ParentProps & {
10
9
  orientation: "horizontal" | "vertical";
11
- defaultValue?: T[];
12
- value?: T[];
10
+ defaultValue?: AccordionValue[];
11
+ value?: AccordionValue[];
13
12
  multiple?: boolean;
14
- onValueChange?: (value: T[]) => void;
13
+ onValueChange?: (value: (string | number)[]) => void;
15
14
  }): import("solid-js").JSX.Element;
16
- export declare const useAccordionContext: <T extends string | number>() => AccordionContextValue<T>;
15
+ export declare const useAccordionContext: () => AccordionContextValue;
17
16
  export {};
@@ -4,32 +4,28 @@ import { createStore as r, produce as i } from "solid-js/store";
4
4
  //#region src/components/accordion/Accordion/Accordion.context.tsx
5
5
  var a = t();
6
6
  function o(t) {
7
- let [n, o] = r([]), s = (e) => {
8
- let r = Symbol(), i = e === void 0 ? !1 : (t.defaultValue ?? []).includes(e), a = n.length;
9
- return o(n.length, {
10
- id: r,
11
- value: e,
12
- isOpen: i
13
- }), a;
14
- }, c = (e) => n[e].isOpen ?? !1, l = (e) => {
15
- o((t) => t.filter((t, n) => n !== e));
16
- }, u = (e) => {
17
- t.multiple ? o(e, "isOpen", (e) => !e) : o(i((n) => {
18
- let r = n[e], i = !r.isOpen;
19
- r.isOpen = i, i && n.forEach((t, n) => {
20
- n !== e && (t.isOpen = !1);
21
- }), t.onValueChange?.(n.filter((e) => e.isOpen && e.value).map(({ value: e }) => e));
22
- }));
23
- };
7
+ let [n, o] = r((t.defaultValue ?? []).reduce((e, t) => (e[String(t)] = t, e), {}));
24
8
  return e(a.Provider, {
25
- get value() {
26
- return {
27
- orientation: t.orientation,
28
- isOpen: c,
29
- toggle: u,
30
- registerItem: s,
31
- unregisterItem: l
32
- };
9
+ value: {
10
+ get orientation() {
11
+ return t.orientation;
12
+ },
13
+ isOpen: (e) => t.value ? t.value.includes(e) : n[String(e)] !== void 0,
14
+ toggle: (e) => {
15
+ if (t.value) {
16
+ let n = t.value, r = n.includes(e) ? n.filter((t) => t !== e) : t.multiple ? [...n, e] : [e];
17
+ t.onValueChange?.(r);
18
+ return;
19
+ }
20
+ let r = String(e);
21
+ t.multiple ? o(r, (t) => t === void 0 ? e : void 0) : o(i((t) => {
22
+ let n = t[r] !== void 0;
23
+ for (let e in t) t[e] = void 0;
24
+ n || (t[r] = e);
25
+ }));
26
+ let a = Object.values(n).filter((e) => e !== void 0);
27
+ t.onValueChange?.(a);
28
+ }
33
29
  },
34
30
  get children() {
35
31
  return t.children;
@@ -43,3 +39,5 @@ var s = () => {
43
39
  };
44
40
  //#endregion
45
41
  export { o as AccordionProvider, s as useAccordionContext };
42
+
43
+ //# sourceMappingURL=Accordion.context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Accordion.context.js","names":["createContext","ParentProps","useContext","AccordionValue","createStore","produce","AccordionContextValue","orientation","isOpen","value","toggle","AccordionContext","AccordionProvider","props","defaultValue","multiple","onValueChange","openMap","setOpenMap","Record","reduce","acc","val","String","includes","undefined","current","next","filter","v","key","draft","isCurrentlyOpen","k","prev","Object","values","contextValue","_$createComponent","Provider","children","useAccordionContext","context","Error"],"sources":["../../../../src/components/accordion/Accordion/Accordion.context.tsx"],"sourcesContent":["import { createContext, type ParentProps, useContext } from \"solid-js\";\nimport type { AccordionValue } from \"./Accordion.types\";\nimport { createStore, produce } from \"solid-js/store\";\n\ninterface AccordionContextValue {\n orientation: \"horizontal\" | \"vertical\";\n isOpen: (value: string | number) => boolean;\n toggle: (value: string | number) => void;\n}\n\nconst AccordionContext = createContext<AccordionContextValue>();\n\nexport function AccordionProvider(\n props: ParentProps & {\n orientation: \"horizontal\" | \"vertical\";\n defaultValue?: AccordionValue[];\n value?: AccordionValue[];\n multiple?: boolean;\n onValueChange?: (value: (string | number)[]) => void;\n },\n) {\n const [openMap, setOpenMap] = createStore<\n Record<string, AccordionValue | undefined>\n >(\n (props.defaultValue ?? []).reduce(\n (acc, val) => {\n acc[String(val)] = val;\n return acc;\n },\n {} as Record<string, AccordionValue | undefined>,\n ),\n );\n\n const isOpen = (value: AccordionValue) => {\n if (props.value) {\n // 受控模式:依赖外部传入的数据\n return props.value.includes(value);\n }\n // 非受控模式:O(1) 的细粒度追踪,只订阅该 value 对应的 key\n return openMap[String(value)] !== undefined;\n };\n\n const toggle = (value: string | number) => {\n // 【受控模式】只通知外部,不改本地状态\n if (props.value) {\n const current = props.value;\n const next = current.includes(value)\n ? current.filter((v) => v !== value)\n : props.multiple\n ? [...current, value]\n : [value];\n props.onValueChange?.(next);\n return;\n }\n\n // 非受控模式:细粒度更新,只改动涉及的 key\n const key = String(value);\n\n if (!props.multiple) {\n // 单选:关闭其他,切换自己\n setOpenMap(\n produce((draft) => {\n const isCurrentlyOpen = draft[key] !== undefined;\n\n for (const k in draft) {\n draft[k] = undefined;\n }\n\n if (!isCurrentlyOpen) {\n draft[key] = value;\n }\n }),\n );\n } else {\n // 多选:切换自己\n setOpenMap(key, (prev) => (prev !== undefined ? undefined : value));\n }\n\n // 通知外部\n const next = Object.values(openMap).filter(\n (v): v is AccordionValue => v !== undefined,\n );\n props.onValueChange?.(next);\n };\n\n const contextValue: AccordionContextValue = {\n // 使用 getter 确保 props.orientation 改变时能响应\n get orientation() {\n return props.orientation;\n },\n isOpen,\n toggle,\n };\n\n return (\n <AccordionContext.Provider value={contextValue}>\n {props.children}\n </AccordionContext.Provider>\n );\n}\n\nexport const useAccordionContext = () => {\n const context = useContext(AccordionContext);\n if (!context)\n throw new Error(\"useAccordionContext must be used in AccordionProvider\");\n\n return context;\n};\n"],"mappings":";;;;AAUA,IAAMW,IAAmBX,GAAsC;AAE/D,SAAgBY,EACdC,GAOA;CACA,IAAM,CAACI,GAASC,KAAcd,GAG3BS,EAAMC,gBAAgB,EAAE,EAAEM,QACxBC,GAAKC,OACJD,EAAIE,OAAOD,EAAI,IAAIA,GACZD,IAET,EAAE,CAEN,CAAC;AA+DD,QAAAiB,EACG3B,EAAiB4B,UAAQ;EAAC9B,OAVe;GAE1C,IAAIF,cAAc;AAChB,WAAOM,EAAMN;;GAEfC,SAzDcC,MACVI,EAAMJ,QAEDI,EAAMJ,MAAMe,SAASf,EAAM,GAG7BQ,EAAQM,OAAOd,EAAM,MAAMgB,KAAAA;GAoDlCf,SAjDcD,MAA2B;AAEzC,QAAII,EAAMJ,OAAO;KACf,IAAMiB,IAAUb,EAAMJ,OAChBkB,IAAOD,EAAQF,SAASf,EAAM,GAChCiB,EAAQE,QAAQC,MAAMA,MAAMpB,EAAM,GAClCI,EAAME,WACJ,CAAC,GAAGW,GAASjB,EAAM,GACnB,CAACA,EAAM;AACbI,OAAMG,gBAAgBW,EAAK;AAC3B;;IAIF,IAAMG,IAAMP,OAAOd,EAAM;AAEzB,IAAKI,EAAME,WAiBTG,EAAWY,IAAMI,MAAUA,MAAST,KAAAA,IAAwBhB,IAAZgB,KAAAA,EAAmB,GAfnEP,EACEb,GAAS0B,MAAU;KACjB,IAAMC,IAAkBD,EAAMD,OAASL,KAAAA;AAEvC,UAAK,IAAMQ,KAAKF,EACdA,GAAME,KAAKR,KAAAA;AAGb,KAAKO,MACHD,EAAMD,KAAOrB;MAGnB,CAAC;IAOH,IAAMkB,IAAOQ,OAAOC,OAAOnB,EAAQ,CAACW,QACjCC,MAA2BA,MAAMJ,KAAAA,EACnC;AACDZ,MAAMG,gBAAgBW,EAAK;;GAU5B;EAG+C,IAAAa,WAAA;AAAA,UAC3C3B,EAAM2B;;EAAQ,CAAA;;AAKrB,IAAaC,UAA4B;CACvC,IAAMC,IAAUxC,EAAWS,EAAiB;AAC5C,KAAI,CAAC+B,EACH,OAAUC,MAAM,wDAAwD;AAE1E,QAAOD"}
@@ -1,2 +1,2 @@
1
1
  import { AccordionProps } from './Accordion.types';
2
- export declare const Accordion: <T extends string | number>(props: AccordionProps<T>) => import("solid-js").JSX.Element;
2
+ export declare const Accordion: (props: AccordionProps) => import("solid-js").JSX.Element;
@@ -1,10 +1,11 @@
1
- import { clsx as e } from "../../../lib/utils/clsx.js";
1
+ import { clsx as e } from "../../../utils/clsx.js";
2
2
  import { AccordionProvider as t } from "./Accordion.context.js";
3
- import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
4
- import { mergeProps as s, splitProps as c } from "solid-js";
3
+ import { useAccordion as n } from "./useAccordion.js";
4
+ import { addEventListener as r, createComponent as i, delegateEvents as a, insert as o, mergeProps as s, spread as c, template as l } from "solid-js/web";
5
+ import { mergeProps as u, splitProps as d } from "solid-js";
5
6
  //#region src/components/accordion/Accordion/Accordion.tsx
6
- var l = /* @__PURE__ */ o("<section data-slot=accordion>"), u = (o) => {
7
- let [u, d] = c(s({
7
+ var f = /* @__PURE__ */ l("<section data-slot=accordion>"), p = (a) => {
8
+ let [l, p] = d(u({
8
9
  hiddenUntilFound: !1,
9
10
  loopFocus: !0,
10
11
  multiple: !1,
@@ -12,7 +13,7 @@ var l = /* @__PURE__ */ o("<section data-slot=accordion>"), u = (o) => {
12
13
  orientation: "vertical",
13
14
  keepMounted: !1,
14
15
  dir: "ltr"
15
- }, o), [
16
+ }, a), [
16
17
  "defaultValue",
17
18
  "value",
18
19
  "onValueChange",
@@ -26,40 +27,43 @@ var l = /* @__PURE__ */ o("<section data-slot=accordion>"), u = (o) => {
26
27
  "keepMounted",
27
28
  "dir",
28
29
  "children"
29
- ]);
30
+ ]), { handleKeyDown: m } = n();
30
31
  return (() => {
31
- var s = l();
32
- return a(s, i({
32
+ var n = f();
33
+ return r(n, "keydown", m, !0), c(n, s({
33
34
  get class() {
34
- return e("flex", "w-full", "flex-col", "max-w-lg", u.class);
35
+ return e("flex", "w-full", "flex-col", "max-w-lg", l.class);
35
36
  },
36
37
  get "data-orientation"() {
37
- return u.orientation;
38
+ return l.orientation;
38
39
  },
39
40
  get dir() {
40
- return u.dir;
41
+ return l.dir;
41
42
  }
42
- }, d), !1, !0), r(s, n(t, {
43
+ }, p), !1, !0), o(n, i(t, {
43
44
  get orientation() {
44
- return u.orientation;
45
+ return l.orientation;
45
46
  },
46
47
  get defaultValue() {
47
- return o.defaultValue;
48
+ return a.defaultValue;
48
49
  },
49
50
  get value() {
50
- return o.value;
51
+ return a.value;
51
52
  },
52
53
  get multiple() {
53
- return o.multiple;
54
+ return a.multiple;
54
55
  },
55
56
  get onValueChange() {
56
- return o.onValueChange;
57
+ return a.onValueChange;
57
58
  },
58
59
  get children() {
59
- return u.children;
60
+ return l.children;
60
61
  }
61
- })), s;
62
+ })), n;
62
63
  })();
63
64
  };
65
+ a(["keydown"]);
64
66
  //#endregion
65
- export { u as Accordion };
67
+ export { p as Accordion };
68
+
69
+ //# sourceMappingURL=Accordion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Accordion.js","names":["mergeProps","splitProps","clsx","AccordionProvider","AccordionProps","useAccordion","Accordion","props","merged","hiddenUntilFound","loopFocus","multiple","disabled","orientation","keepMounted","dir","const","local","others","handleKeyDown","_el$","_tmpl$","_$addEventListener","_$spread","_$mergeProps","class","data-orientation","_$insert","_$createComponent","defaultValue","value","onValueChange","children","_$delegateEvents"],"sources":["../../../../src/components/accordion/Accordion/Accordion.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { AccordionProvider } from \"./Accordion.context\";\nimport type { AccordionProps } from \"./Accordion.types\";\nimport { useAccordion } from \"./useAccordion\";\n\nexport const Accordion = (props: AccordionProps) => {\n const merged = mergeProps(\n {\n hiddenUntilFound: false,\n loopFocus: true,\n multiple: false,\n disabled: false,\n orientation: \"vertical\",\n keepMounted: false,\n dir: \"ltr\",\n } as const,\n props,\n );\n\n const [local, others] = splitProps(merged, [\n \"defaultValue\",\n \"value\",\n \"onValueChange\",\n \"hiddenUntilFound\",\n \"loopFocus\",\n \"multiple\",\n \"disabled\",\n \"orientation\",\n \"class\",\n \"classList\",\n \"keepMounted\",\n \"dir\",\n \"children\",\n ]);\n\n const { handleKeyDown } = useAccordion();\n\n return (\n <section\n class={clsx(\"flex\", \"w-full\", \"flex-col\", \"max-w-lg\", local.class)}\n data-orientation={local.orientation}\n data-slot=\"accordion\"\n dir={local.dir}\n onKeyDown={handleKeyDown}\n {...others}\n >\n <AccordionProvider\n orientation={local.orientation}\n defaultValue={props.defaultValue}\n value={props.value}\n multiple={props.multiple}\n onValueChange={props.onValueChange}\n >\n {/* children 是1个以上 AccordionItem */}\n {local.children}\n </AccordionProvider>\n </section>\n );\n};\n"],"mappings":";;;;;;4DAMaM,KAAaC,MAA0B;CAclD,IAAM,CAACU,GAAOC,KAAUjB,EAbTD,EACb;EACES,kBAAkB;EAClBC,WAAW;EACXC,UAAU;EACVC,UAAU;EACVC,aAAa;EACbC,aAAa;EACbC,KAAK;EACN,EACDR,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,EAAEY,qBAAkBd,GAAc;AAExC,eAAA;EAAA,IAAAe,IAAAC,GAAA;AAiBqB,SAjBrBC,EAAAF,GAAA,WAMeD,GAAa,GAAA,EAAAI,EAAAH,GAAAI,EAAA;GAAA,IAAA,QAAA;AAAA,WAJjBtB,EAAK,QAAQ,UAAU,YAAY,YAAYe,EAAMQ,MAAM;;GAAA,IAAA,qBAAA;AAAA,WAChDR,EAAMJ;;GAAW,IAEnCE,MAAG;AAAA,WAAEE,EAAMF;;GAAG,EAEVG,EAAM,EAAA,IAAA,GAAA,EAAAS,EAAAP,GAAAQ,EAETzB,GAAiB;GAAA,IAChBU,cAAW;AAAA,WAAEI,EAAMJ;;GAAW,IAC9BgB,eAAY;AAAA,WAAEtB,EAAMsB;;GAAY,IAChCC,QAAK;AAAA,WAAEvB,EAAMuB;;GAAK,IAClBnB,WAAQ;AAAA,WAAEJ,EAAMI;;GAAQ,IACxBoB,gBAAa;AAAA,WAAExB,EAAMwB;;GAAa,IAAAC,WAAA;AAAA,WAGjCf,EAAMe;;GAAQ,CAAA,CAAA,EAAAZ;KAAA;;AAIrBa,EAAA,CAAA,UAAA,CAAA"}
@@ -1,8 +1,9 @@
1
1
  import { BaseProps, PolymorphicProps } from '../../../types';
2
- interface BaseAccordionProps<T> extends BaseProps {
3
- defaultValue?: T[];
4
- value?: T[];
5
- onValueChange?: (value: T[]) => void;
2
+ export type AccordionValue = string | number;
3
+ interface BaseAccordionProps extends BaseProps {
4
+ defaultValue?: AccordionValue[];
5
+ value?: AccordionValue[];
6
+ onValueChange?: (value: AccordionValue[]) => void;
6
7
  hiddenUntilFound?: boolean;
7
8
  loopFocus?: boolean;
8
9
  multiple?: boolean;
@@ -10,10 +11,10 @@ interface BaseAccordionProps<T> extends BaseProps {
10
11
  orientation?: "horizontal" | "vertical";
11
12
  keepMounted?: boolean;
12
13
  }
13
- export type AccordionProps<T> = PolymorphicProps<"section", BaseAccordionProps<T>, false>;
14
- export interface ItemEntry<T> {
14
+ export type AccordionProps = PolymorphicProps<"section", BaseAccordionProps, false>;
15
+ export interface ItemEntry {
15
16
  id: symbol;
16
- value?: T;
17
+ value?: AccordionValue;
17
18
  isOpen: boolean;
18
19
  }
19
20
  export {};
@@ -1 +1,3 @@
1
1
  export { Accordion } from './Accordion';
2
+ export * from './Accordion.types';
3
+ export * from './Accordion.context';
@@ -0,0 +1,3 @@
1
+ export declare const useAccordion: () => {
2
+ handleKeyDown: (e: KeyboardEvent) => void;
3
+ };
@@ -0,0 +1,34 @@
1
+ //#region src/components/accordion/Accordion/useAccordion.ts
2
+ var e = () => ({ handleKeyDown: (e) => {
3
+ if (![
4
+ "ArrowDown",
5
+ "ArrowUp",
6
+ "Home",
7
+ "End"
8
+ ].includes(e.key)) return;
9
+ let t = document.activeElement;
10
+ if (!t || t.getAttribute("data-accordion-trigger") === null) return;
11
+ e.preventDefault();
12
+ let n = e.currentTarget, r = Array.from(n.querySelectorAll("[data-accordion-trigger]:not([disabled])")), i = r.indexOf(t);
13
+ if (i === -1) return;
14
+ let a = i;
15
+ switch (e.key) {
16
+ case "ArrowDown":
17
+ a = (i + 1) % r.length;
18
+ break;
19
+ case "ArrowUp":
20
+ a = (i - 1 + r.length) % r.length;
21
+ break;
22
+ case "Home":
23
+ a = 0;
24
+ break;
25
+ case "End":
26
+ a = r.length - 1;
27
+ break;
28
+ }
29
+ r[a]?.focus();
30
+ } });
31
+ //#endregion
32
+ export { e as useAccordion };
33
+
34
+ //# sourceMappingURL=useAccordion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useAccordion.js","names":[],"sources":["../../../../src/components/accordion/Accordion/useAccordion.ts"],"sourcesContent":["export const useAccordion = () => {\n // 键盘无障碍导航\n const handleKeyDown = (e: KeyboardEvent) => {\n // 只有这四个键需要处理\n if (![\"ArrowDown\", \"ArrowUp\", \"Home\", \"End\"].includes(e.key)) return;\n\n // 确保当前焦点是在一个 Accordion Trigger 上\n const activeEl = document.activeElement as HTMLElement;\n if (!activeEl || activeEl.getAttribute(\"data-accordion-trigger\") === null)\n return;\n\n e.preventDefault(); // 阻止页面的默认滚动\n\n const container = e.currentTarget as HTMLElement;\n // 获取当前 Accordion 下所有未被禁用的 Trigger\n const triggers = Array.from(\n container.querySelectorAll(\"[data-accordion-trigger]:not([disabled])\"),\n ) as HTMLElement[];\n\n const currentIndex = triggers.indexOf(activeEl);\n if (currentIndex === -1) return;\n\n let nextIndex = currentIndex;\n\n switch (e.key) {\n case \"ArrowDown\":\n nextIndex = (currentIndex + 1) % triggers.length; // 循环向下\n break;\n case \"ArrowUp\":\n nextIndex = (currentIndex - 1 + triggers.length) % triggers.length; // 循环向上\n break;\n case \"Home\":\n nextIndex = 0; // 跳到第一个\n break;\n case \"End\":\n nextIndex = triggers.length - 1; // 跳到最后一个\n break;\n }\n\n // 聚焦到下一个元素\n triggers[nextIndex]?.focus();\n };\n\n return { handleKeyDown };\n};\n"],"mappings":";AAAA,IAAa,WA2CJ,EAAE,gBAzCc,MAAqB;AAE1C,KAAI,CAAC;EAAC;EAAa;EAAW;EAAQ;EAAM,CAAC,SAAS,EAAE,IAAI,CAAE;CAG9D,IAAM,IAAW,SAAS;AAC1B,KAAI,CAAC,KAAY,EAAS,aAAa,yBAAyB,KAAK,KACnE;AAEF,GAAE,gBAAgB;CAElB,IAAM,IAAY,EAAE,eAEd,IAAW,MAAM,KACrB,EAAU,iBAAiB,2CAA2C,CACvE,EAEK,IAAe,EAAS,QAAQ,EAAS;AAC/C,KAAI,MAAiB,GAAI;CAEzB,IAAI,IAAY;AAEhB,SAAQ,EAAE,KAAV;EACE,KAAK;AACH,QAAa,IAAe,KAAK,EAAS;AAC1C;EACF,KAAK;AACH,QAAa,IAAe,IAAI,EAAS,UAAU,EAAS;AAC5D;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY,EAAS,SAAS;AAC9B;;AAIJ,GAAS,IAAY,OAAO;GAGN"}
@@ -1,53 +1,46 @@
1
- import { clsx as e } from "../../../lib/utils/clsx.js";
1
+ import { clsx as e } from "../../../utils/clsx.js";
2
2
  import { useAccordionContext as t } from "../Accordion/Accordion.context.js";
3
3
  import { useAccordionItemContext as n } from "../AccordionItem/AccordionItem.context.js";
4
4
  import { className as r, createComponent as i, effect as a, insert as o, mergeProps as s, setAttribute as c, spread as l, template as u, use as d } from "solid-js/web";
5
- import { Show as f, createEffect as p, createSignal as m, onCleanup as h, splitProps as g } from "solid-js";
5
+ import { Show as f, createEffect as p, createSignal as m, on as h, splitProps as g, untrack as _ } from "solid-js";
6
6
  //#region src/components/accordion/AccordionContent/AccordionContent.tsx
7
- var _ = /* @__PURE__ */ u("<div class=\"overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"data-slot=accordion-content><div>"), v = (u) => {
8
- let { orientation: v } = t(), { index: y, open: b } = n(), [x, S] = g(u, [
7
+ var v = /* @__PURE__ */ u("<div role=region class=\"overflow-hidden text-sm data-[open=true]:animate-accordion-down data-[open=false]:animate-accordion-up\"data-slot=accordion-content><div>"), y = (u) => {
8
+ let { orientation: y } = t(), { triggerId: b, open: x, contentId: S } = n(), [C, w] = g(u, [
9
9
  "hiddenUntilFound",
10
10
  "keepMounted",
11
11
  "class",
12
12
  "classList",
13
13
  "children",
14
14
  "style"
15
- ]), [C, w] = m(b()), [T, E] = m(null), D, O;
16
- return p(() => {
17
- b() && w(!0);
18
- }), p(() => {
19
- if (C() && D) {
20
- let e = D.scrollHeight;
21
- E(e);
22
- }
23
- }), p(() => {
24
- if (!b() && O) {
25
- let e = O, t = (e) => {
26
- e.animationName === "accordion-up" && (w(!1), E(null));
27
- };
28
- e.addEventListener("animationend", t), h(() => e.removeEventListener("animationend", t));
29
- }
30
- }), i(f, {
15
+ ]), [T, E] = m(_(x)), [D, O] = m(null), k;
16
+ p(h(x, (e) => {
17
+ e && E(!0);
18
+ })), p(() => {
19
+ T() && k && O(k.scrollHeight);
20
+ });
21
+ let A = (e) => {
22
+ !x() && e.animationName === "accordion-up" && (E(!1), O(null));
23
+ };
24
+ return i(f, {
31
25
  get when() {
32
- return C();
26
+ return T();
33
27
  },
34
28
  get children() {
35
- var t = _(), n = t.firstChild, i = O;
36
- typeof i == "function" ? d(i, t) : O = t, c(t, "data-orientation", v), c(t, "data-index", y), l(t, s({
29
+ var t = v(), n = t.firstChild;
30
+ t.addEventListener("animationend", A), c(t, "id", S), c(t, "aria-labelledby", b), c(t, "data-orientation", y), l(t, s({
37
31
  get "data-open"() {
38
- return b() ? "" : null;
39
- },
40
- get "data-closed"() {
41
- return b() ? null : "";
32
+ return x() ? "true" : "false";
42
33
  },
43
34
  get style() {
44
- return { "--accordion-panel-height": T() ? `${T()}px` : "auto" };
35
+ return { "--accordion-panel-height": D() === null ? "auto" : `${D()}px` };
45
36
  }
46
- }, S), !1, !0);
47
- var u = D;
48
- return typeof u == "function" ? d(u, n) : D = n, o(n, () => x.children), a(() => r(n, e("pb-2.5 pt-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", x.class))), t;
37
+ }, w), !1, !0);
38
+ var i = k;
39
+ return typeof i == "function" ? d(i, n) : k = n, o(n, () => C.children), a(() => r(n, e("pb-2.5 pt-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", C.class))), t;
49
40
  }
50
41
  });
51
42
  };
52
43
  //#endregion
53
- export { v as AccordionContent };
44
+ export { y as AccordionContent };
45
+
46
+ //# sourceMappingURL=AccordionContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AccordionContent.js","names":["createEffect","createSignal","on","Show","splitProps","untrack","clsx","useAccordionContext","useAccordionItemContext","AccordionContentProps","AccordionContent","props","orientation","triggerId","open","contentId","local","others","mounted","setMounted","panelHeight","setPanelHeight","contentRef","HTMLDivElement","isOpen","scrollHeight","handleAnimationEnd","e","AnimationEvent","animationName","_$createComponent","when","children","_el$","_tmpl$","_el$2","firstChild","addEventListener","_$setAttribute","_$spread","_$mergeProps","data-open","style","_ref$","_$use","_$insert","_$effect","_$className","class"],"sources":["../../../../src/components/accordion/AccordionContent/AccordionContent.tsx"],"sourcesContent":["import {\n createEffect,\n createSignal,\n on,\n Show,\n splitProps,\n untrack,\n} from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useAccordionContext } from \"../Accordion/Accordion.context\";\nimport { useAccordionItemContext } from \"../AccordionItem/AccordionItem.context\";\nimport type { AccordionContentProps } from \"./AccordionContent.types\";\n\nexport const AccordionContent = (props: AccordionContentProps) => {\n const { orientation } = useAccordionContext();\n const { triggerId, open, contentId } = useAccordionItemContext();\n\n const [local, others] = splitProps(props, [\n \"hiddenUntilFound\",\n \"keepMounted\",\n \"class\",\n \"classList\",\n \"children\",\n \"style\",\n ]);\n\n // 控制 DOM 是否存在,用untrack避免追踪open变化\n const [mounted, setMounted] = createSignal(untrack(open));\n // 记录测量到的真实高度\n const [panelHeight, setPanelHeight] = createSignal<number | null>(null);\n\n let contentRef: HTMLDivElement | undefined;\n\n createEffect(\n on(open, (isOpen) => {\n if (isOpen) {\n setMounted(true);\n }\n }),\n );\n\n // 挂载后测量高度\n createEffect(() => {\n if (mounted() && contentRef) {\n // 临时让内容可见以测量真实高度\n setPanelHeight(contentRef.scrollHeight);\n }\n });\n\n const handleAnimationEnd = (e: AnimationEvent) => {\n if (!open() && e.animationName === \"accordion-up\") {\n setMounted(false);\n setPanelHeight(null);\n }\n };\n\n return (\n <Show when={mounted()}>\n <div\n id={contentId}\n role=\"region\"\n aria-labelledby={triggerId}\n class=\"overflow-hidden text-sm data-[open=true]:animate-accordion-down data-[open=false]:animate-accordion-up\"\n data-slot=\"accordion-content\"\n data-orientation={orientation}\n data-open={open() ? \"true\" : \"false\"}\n style={{\n \"--accordion-panel-height\":\n panelHeight() !== null ? `${panelHeight()}px` : \"auto\",\n }}\n onAnimationEnd={handleAnimationEnd}\n {...others}\n >\n <div\n ref={contentRef}\n class={clsx(\n \"pb-2.5 pt-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n local.class,\n )}\n >\n {local.children}\n </div>\n </div>\n </Show>\n );\n};\n"],"mappings":";;;;;;iMAaaU,KAAoBC,MAAiC;CAChE,IAAM,EAAEC,mBAAgBL,GAAqB,EACvC,EAAEM,cAAWC,SAAMC,iBAAcP,GAAyB,EAE1D,CAACQ,GAAOC,KAAUb,EAAWO,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAGI,CAACO,GAASC,KAAclB,EAAaI,EAAQS,EAAK,CAAC,EAEnD,CAACM,GAAaC,KAAkBpB,EAA4B,KAAK,EAEnEqB;AAWJtB,CATAA,EACEE,EAAGY,IAAOU,MAAW;AACnB,EAAIA,KACFL,EAAW,GAAK;GAGtB,CAAC,EAGDnB,QAAmB;AACjB,EAAIkB,GAAS,IAAII,KAEfD,EAAeC,EAAWG,aAAa;GAEzC;CAEF,IAAMC,KAAsBC,MAAsB;AAChD,EAAI,CAACb,GAAM,IAAIa,EAAEE,kBAAkB,mBACjCV,EAAW,GAAM,EACjBE,EAAe,KAAK;;AAIxB,QAAAS,EACG3B,GAAI;EAAA,IAAC4B,OAAI;AAAA,UAAEb,GAAS;;EAAA,IAAAc,WAAA;GAAA,IAAAC,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;AAOYG,GAPZN,EAAAI,iBAAA,gBAaDX,EAAkB,EAAAY,EAAAL,GAAA,MAX9BlB,EAAS,EAAAuB,EAAAL,GAAA,mBAEIpB,EAAS,EAAAyB,EAAAL,GAAA,oBAGRrB,EAAW,EAAA2B,EAAAN,GAAAO,EAAA;IAAA,IAAA,cAAA;AAAA,YAClB1B,GAAM,GAAG,SAAS;;IAAO,IACpC4B,QAAK;AAAA,YAAE,EACL,4BACEtB,GAAa,KAAK,OAA8B,SAAvB,GAAGA,GAAa,CAAA,KAC5C;;IAAA,EAEGH,EAAM,EAAA,IAAA,GAAA;GAAA,IAAA0B,IAGHrB;AAIJ,UAJc,OAAAqB,KAAA,aAAAC,EAAAD,GAAAR,EAAA,GAAVb,IAAUa,GAAAU,EAAAV,SAMdnB,EAAMgB,SAAQ,EAAAc,QAAAC,EAAAZ,GALR7B,EACL,gHACAU,EAAMgC,MACP,CAAA,CAAA,EAAAf;;EAAA,CAAA"}
@@ -1,13 +1,11 @@
1
- import { ParentProps } from 'solid-js';
1
+ import { AccordionValue } from '../Accordion';
2
2
  interface AccordionItemContextValue {
3
- index: number;
3
+ value: AccordionValue;
4
+ triggerId: string;
5
+ contentId: string;
4
6
  open: () => boolean;
5
7
  disabled?: boolean;
6
8
  }
7
- export declare function AccordionItemProvider(props: ParentProps & {
8
- index: number;
9
- open: () => boolean;
10
- disabled?: boolean;
11
- }): import("solid-js").JSX.Element;
9
+ export declare const AccordionItemContext: import('solid-js').Context<AccordionItemContextValue | undefined>;
12
10
  export declare const useAccordionItemContext: () => AccordionItemContextValue;
13
11
  export {};
@@ -1,25 +1,11 @@
1
- import { createComponent as e } from "solid-js/web";
2
- import { createContext as t, useContext as n } from "solid-js";
1
+ import { createContext as e, useContext as t } from "solid-js";
3
2
  //#region src/components/accordion/AccordionItem/AccordionItem.context.tsx
4
- var r = t();
5
- function i(t) {
6
- return e(r.Provider, {
7
- get value() {
8
- return {
9
- index: t.index,
10
- open: t.open,
11
- disabled: t.disabled
12
- };
13
- },
14
- get children() {
15
- return t.children;
16
- }
17
- });
18
- }
19
- var a = () => {
20
- let e = n(r);
3
+ var n = e(), r = () => {
4
+ let e = t(n);
21
5
  if (!e) throw Error("useAccordionItemContext must be used in AccordionProvider");
22
6
  return e;
23
7
  };
24
8
  //#endregion
25
- export { i as AccordionItemProvider, a as useAccordionItemContext };
9
+ export { n as AccordionItemContext, r as useAccordionItemContext };
10
+
11
+ //# sourceMappingURL=AccordionItem.context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AccordionItem.context.js","names":["createContext","useContext","AccordionValue","AccordionItemContextValue","value","triggerId","contentId","open","disabled","AccordionItemContext","useAccordionItemContext","context","Error"],"sources":["../../../../src/components/accordion/AccordionItem/AccordionItem.context.tsx"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { AccordionValue } from \"../Accordion\";\n\ninterface AccordionItemContextValue {\n value: AccordionValue;\n triggerId: string;\n contentId: string;\n open: () => boolean;\n disabled?: boolean;\n}\n\nexport const AccordionItemContext = createContext<AccordionItemContextValue>();\n\nexport const useAccordionItemContext = () => {\n const context = useContext(AccordionItemContext);\n if (!context)\n throw new Error(\n \"useAccordionItemContext must be used in AccordionProvider\",\n );\n\n return context;\n};\n"],"mappings":";;AAWA,IAAaS,IAAuBT,GAA0C,EAEjEU,UAAgC;CAC3C,IAAMC,IAAUV,EAAWQ,EAAqB;AAChD,KAAI,CAACE,EACH,OAAUC,MACR,4DACD;AAEH,QAAOD"}
@@ -1,2 +1,2 @@
1
1
  import { AccordionItemProps } from './AccordionItem.types';
2
- export declare const AccordionItem: <T extends string | number>(props: AccordionItemProps<T>) => import("solid-js").JSX.Element;
2
+ export declare const AccordionItem: (props: AccordionItemProps) => import("solid-js").JSX.Element;
@@ -1,46 +1,47 @@
1
- import { clsx as e } from "../../../lib/utils/clsx.js";
1
+ import { clsx as e } from "../../../utils/clsx.js";
2
2
  import { useAccordionContext as t } from "../Accordion/Accordion.context.js";
3
- import { AccordionItemProvider as n } from "./AccordionItem.context.js";
3
+ import { AccordionItemContext as n } from "./AccordionItem.context.js";
4
4
  import { createComponent as r, insert as i, mergeProps as a, setAttribute as o, spread as s, template as c } from "solid-js/web";
5
- import { onCleanup as l, splitProps as u } from "solid-js";
5
+ import { createUniqueId as l, splitProps as u } from "solid-js";
6
6
  //#region src/components/accordion/AccordionItem/AccordionItem.tsx
7
7
  var d = /* @__PURE__ */ c("<div data-slot=accordion-item>"), f = (c) => {
8
- let { orientation: f, isOpen: p, registerItem: m, unregisterItem: h } = t(), [g, _] = u(c, [
8
+ let { orientation: f, isOpen: p } = t(), [m, h] = u(c, [
9
9
  "value",
10
10
  "onOpenChange",
11
11
  "disabled",
12
12
  "class",
13
13
  "classList",
14
14
  "children"
15
- ]), v = m(g.value);
16
- l(() => h(v));
17
- let y = () => p(v);
15
+ ]), g = l(), _ = `accordion-trigger-${g}`, v = `accordion-content-${g}`, y = () => m.value ?? g, b = () => p(y());
18
16
  return (() => {
19
17
  var t = d();
20
- return o(t, "data-orientation", f), o(t, "data-index", v), s(t, a({
18
+ return o(t, "data-orientation", f), s(t, a({
21
19
  get class() {
22
- return e("not-last:border-b", g.class);
20
+ return e("not-last:border-b", m.class);
23
21
  },
24
22
  get "data-open"() {
25
- return y() ? "" : null;
26
- },
27
- get "data-closed"() {
28
- return y() ? null : "";
23
+ return b();
29
24
  },
30
25
  get "data-disabled"() {
31
26
  return c.disabled ? "" : null;
32
27
  }
33
- }, _), !1, !0), i(t, r(n, {
34
- index: v,
35
- open: y,
36
- get disabled() {
37
- return c.disabled;
28
+ }, h), !1, !0), i(t, r(n.Provider, {
29
+ get value() {
30
+ return {
31
+ value: y(),
32
+ triggerId: _,
33
+ contentId: v,
34
+ open: b,
35
+ disabled: c.disabled
36
+ };
38
37
  },
39
38
  get children() {
40
- return g.children;
39
+ return m.children;
41
40
  }
42
41
  })), t;
43
42
  })();
44
43
  };
45
44
  //#endregion
46
45
  export { f as AccordionItem };
46
+
47
+ //# sourceMappingURL=AccordionItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AccordionItem.js","names":["createUniqueId","splitProps","clsx","useAccordionContext","AccordionItemContext","AccordionItemProps","AccordionItem","props","orientation","isOpen","local","others","id","triggerId","contentId","value","open","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","data-open","data-disabled","disabled","_$insert","_$createComponent","Provider","children"],"sources":["../../../../src/components/accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import { createUniqueId, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useAccordionContext } from \"../Accordion/Accordion.context\";\nimport { AccordionItemContext } from \"./AccordionItem.context\";\nimport type { AccordionItemProps } from \"./AccordionItem.types\";\n\nexport const AccordionItem = (props: AccordionItemProps) => {\n const { orientation, isOpen } = useAccordionContext();\n\n const [local, others] = splitProps(props, [\n \"value\",\n \"onOpenChange\",\n \"disabled\",\n \"class\",\n \"classList\",\n \"children\",\n ]);\n\n const id = createUniqueId();\n const triggerId = `accordion-trigger-${id}`;\n const contentId = `accordion-content-${id}`;\n\n const value = () => local.value ?? id;\n\n const open = () => isOpen(value());\n\n return (\n <div\n class={clsx(\"not-last:border-b\", local.class)}\n data-slot=\"accordion-item\"\n data-orientation={orientation}\n data-open={open()}\n data-disabled={props.disabled ? \"\" : null}\n {...others}\n >\n <AccordionItemContext.Provider\n value={{\n value: value(),\n triggerId,\n contentId,\n open,\n disabled: props.disabled,\n }}\n >\n {local.children}\n </AccordionItemContext.Provider>\n </div>\n );\n};\n"],"mappings":";;;;;;6DAMaM,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,gBAAaC,cAAWN,GAAqB,EAE/C,CAACO,GAAOC,KAAUV,EAAWM,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEIK,IAAKZ,GAAgB,EACrBa,IAAY,qBAAqBD,KACjCE,IAAY,qBAAqBF,KAEjCG,UAAcL,EAAMK,SAASH,GAE7BI,UAAaP,EAAOM,GAAO,CAAC;AAElC,eAAA;EAAA,IAAAE,IAAAC,GAAA;AAkBqB,SAlBrBC,EAAAF,GAAA,oBAIsBT,EAAW,EAAAY,EAAAH,GAAAI,EAAA;GAAA,IAAA,QAAA;AAAA,WAFtBnB,EAAK,qBAAqBQ,EAAMY,MAAM;;GAAA,IAAA,cAAA;AAAA,WAGlCN,GAAM;;GAAA,IAAA,kBAAA;AAAA,WACFT,EAAMkB,WAAW,KAAK;;GAAI,EACrCd,EAAM,EAAA,IAAA,GAAA,EAAAe,EAAAT,GAAAU,EAETvB,EAAqBwB,UAAQ;GAAA,IAC5Bb,QAAK;AAAA,WAAE;KACLA,OAAOA,GAAO;KACdF;KACAC;KACAE;KACAS,UAAUlB,EAAMkB;KACjB;;GAAA,IAAAI,WAAA;AAAA,WAEAnB,EAAMmB;;GAAQ,CAAA,CAAA,EAAAZ;KAAA"}
@@ -1,8 +1,9 @@
1
1
  import { BaseProps, PolymorphicProps } from '../../../types';
2
- interface BaseAccordionItemProps<T> extends BaseProps {
3
- value?: T;
2
+ import { AccordionValue } from '../Accordion';
3
+ interface BaseAccordionItemProps extends BaseProps {
4
+ value?: AccordionValue;
4
5
  onOpenChange?: (open: boolean) => void;
5
6
  disabled?: boolean;
6
7
  }
7
- export type AccordionItemProps<T> = PolymorphicProps<"div", BaseAccordionItemProps<T>, false>;
8
+ export type AccordionItemProps = PolymorphicProps<"div", BaseAccordionItemProps, false>;
8
9
  export {};
@@ -1,37 +1,32 @@
1
- import { clsx as e } from "../../../lib/utils/clsx.js";
1
+ import { clsx as e } from "../../../utils/clsx.js";
2
2
  import { useAccordionContext as t } from "../Accordion/Accordion.context.js";
3
3
  import { useAccordionItemContext as n } from "../AccordionItem/AccordionItem.context.js";
4
4
  import { className as r, createComponent as i, delegateEvents as a, effect as o, insert as s, mergeProps as c, setAttribute as l, spread as u, template as d } from "solid-js/web";
5
5
  import { splitProps as f } from "solid-js";
6
- import { ChevronDown as p, ChevronUp as m } from "lucide-solid";
6
+ import { ChevronDown as p } from "lucide-solid";
7
7
  //#region src/components/accordion/AccordionTrigger/AccordionTrigger.tsx
8
- var h = /* @__PURE__ */ d("<h3 class=flex><button type=button>"), g = (a) => {
9
- let { orientation: d, toggle: g } = t(), { index: _, open: v, disabled: y } = n(), [b, x] = f(a, [
8
+ var m = /* @__PURE__ */ d("<h3 class=flex><button type=button data-accordion-trigger>"), h = (a) => {
9
+ let { orientation: d, toggle: h } = t(), { value: g, open: _, disabled: v, triggerId: y, contentId: b } = n(), [x, S] = f(a, [
10
10
  "nativeButton",
11
11
  "class",
12
12
  "classList",
13
13
  "children"
14
- ]), S = () => {
15
- g(_);
14
+ ]), C = () => {
15
+ v || h(g);
16
16
  };
17
17
  return (() => {
18
- var t = h(), n = t.firstChild;
19
- return l(t, "data-orientation", d), l(t, "data-disabled", y ? "" : null), l(t, "data-index", _), u(t, c({
18
+ var t = m(), n = t.firstChild;
19
+ return l(t, "data-orientation", d), l(t, "data-disabled", v ? "" : null), u(t, c({ get "data-open"() {
20
+ return _();
21
+ } }, S), !1, !0), n.$$click = C, l(n, "id", y), l(n, "aria-controls", b), l(n, "aria-disabled", v), l(n, "data-orientation", d), n.disabled = v, s(n, () => x.children, null), s(n, i(p, {
22
+ class: "pointer-events-none shrink-0 data-[open=true]:-rotate-180 transition-[rotate] duration-200",
23
+ "data-slot": "accordion-trigger-icon",
20
24
  get "data-open"() {
21
- return v() ? "" : null;
22
- },
23
- get "data-closed"() {
24
- return v() ? null : "";
25
+ return _();
25
26
  }
26
- }, x), !1, !0), n.$$click = S, l(n, "data-orientation", d), l(n, "aria-disabled", y), l(n, "data-index", _), s(n, () => b.children, null), s(n, i(p, {
27
- class: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden",
28
- "data-slot": "accordion-trigger-icon"
29
- }), null), s(n, i(m, {
30
- class: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline",
31
- "data-slot": "accordion-trigger-icon"
32
27
  }), null), o((t) => {
33
- var i = e("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-neutral-500 dark:**:data-[slot=accordion-trigger-icon]:text-neutral-400", b.class), a = v() ? "" : null, o = v();
34
- return i !== t.e && r(n, t.e = i), a !== t.t && l(n, "data-panel-open", t.t = a), o !== t.a && l(n, "aria-expanded", t.a = o), t;
28
+ var i = _(), a = e("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-neutral-500 dark:**:data-[slot=accordion-trigger-icon]:text-neutral-400", x.class), o = _();
29
+ return i !== t.e && l(n, "aria-expanded", t.e = i), a !== t.t && r(n, t.t = a), o !== t.a && l(n, "data-open", t.a = o), t;
35
30
  }, {
36
31
  e: void 0,
37
32
  t: void 0,
@@ -41,4 +36,6 @@ var h = /* @__PURE__ */ d("<h3 class=flex><button type=button>"), g = (a) => {
41
36
  };
42
37
  a(["click"]);
43
38
  //#endregion
44
- export { g as AccordionTrigger };
39
+ export { h as AccordionTrigger };
40
+
41
+ //# sourceMappingURL=AccordionTrigger.js.map