@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.
- package/README.md +6 -4
- package/dist/components/accordion/Accordion/Accordion.context.d.ts +9 -10
- package/dist/components/accordion/Accordion/Accordion.context.js +23 -25
- package/dist/components/accordion/Accordion/Accordion.context.js.map +1 -0
- package/dist/components/accordion/Accordion/Accordion.d.ts +1 -1
- package/dist/components/accordion/Accordion/Accordion.js +25 -21
- package/dist/components/accordion/Accordion/Accordion.js.map +1 -0
- package/dist/components/accordion/Accordion/Accordion.types.d.ts +8 -7
- package/dist/components/accordion/Accordion/index.d.ts +2 -0
- package/dist/components/accordion/Accordion/useAccordion.d.ts +3 -0
- package/dist/components/accordion/Accordion/useAccordion.js +34 -0
- package/dist/components/accordion/Accordion/useAccordion.js.map +1 -0
- package/dist/components/accordion/AccordionContent/AccordionContent.js +25 -32
- package/dist/components/accordion/AccordionContent/AccordionContent.js.map +1 -0
- package/dist/components/accordion/AccordionItem/AccordionItem.context.d.ts +5 -7
- package/dist/components/accordion/AccordionItem/AccordionItem.context.js +6 -20
- package/dist/components/accordion/AccordionItem/AccordionItem.context.js.map +1 -0
- package/dist/components/accordion/AccordionItem/AccordionItem.d.ts +1 -1
- package/dist/components/accordion/AccordionItem/AccordionItem.js +20 -19
- package/dist/components/accordion/AccordionItem/AccordionItem.js.map +1 -0
- package/dist/components/accordion/AccordionItem/AccordionItem.types.d.ts +4 -3
- package/dist/components/accordion/AccordionTrigger/AccordionTrigger.js +18 -21
- package/dist/components/accordion/AccordionTrigger/AccordionTrigger.js.map +1 -0
- package/dist/components/accordion/index.js +5 -0
- package/dist/components/aspect-ratio/AspectRatio.js +3 -1
- package/dist/components/aspect-ratio/AspectRatio.js.map +1 -0
- package/dist/components/aspect-ratio/AspectRatio.styles.js +3 -1
- package/dist/components/aspect-ratio/AspectRatio.styles.js.map +1 -0
- package/dist/components/aspect-ratio/index.js +2 -0
- package/dist/components/avatar/Avatar/Avatar.context.js +2 -0
- package/dist/components/avatar/Avatar/Avatar.context.js.map +1 -0
- package/dist/components/avatar/Avatar/Avatar.js +3 -1
- package/dist/components/avatar/Avatar/Avatar.js.map +1 -0
- package/dist/components/avatar/AvatarBadge/AvatarBadge.js +3 -1
- package/dist/components/avatar/AvatarBadge/AvatarBadge.js.map +1 -0
- package/dist/components/avatar/AvatarFallback/AvatarFallback.js +3 -1
- package/dist/components/avatar/AvatarFallback/AvatarFallback.js.map +1 -0
- package/dist/components/avatar/AvatarGroup/AvatarGroup.js +3 -1
- package/dist/components/avatar/AvatarGroup/AvatarGroup.js.map +1 -0
- package/dist/components/avatar/AvatarGroupCount/AvatarGroupCount.js +3 -1
- package/dist/components/avatar/AvatarGroupCount/AvatarGroupCount.js.map +1 -0
- package/dist/components/avatar/AvatarImage/AvatarImage.js +3 -1
- package/dist/components/avatar/AvatarImage/AvatarImage.js.map +1 -0
- package/dist/components/avatar/index.js +7 -0
- package/dist/components/badge/Badge.js +3 -1
- package/dist/components/badge/Badge.js.map +1 -0
- package/dist/components/badge/Badge.styles.js +3 -1
- package/dist/components/badge/Badge.styles.js.map +1 -0
- package/dist/components/badge/index.js +2 -0
- package/dist/components/button/Button.js +28 -25
- package/dist/components/button/Button.js.map +1 -0
- package/dist/components/button/Button.styles.js +3 -1
- package/dist/components/button/Button.styles.js.map +1 -0
- package/dist/components/button/Button.types.d.ts +1 -0
- package/dist/components/button/index.js +2 -0
- package/dist/components/button-group/ButtonGroup/ButtonGroup.js +3 -1
- package/dist/components/button-group/ButtonGroup/ButtonGroup.js.map +1 -0
- package/dist/components/button-group/ButtonGroup/ButtonGroup.styles.js +2 -0
- package/dist/components/button-group/ButtonGroup/ButtonGroup.styles.js.map +1 -0
- package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.js +3 -1
- package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.js.map +1 -0
- package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.styles.js +3 -1
- package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.styles.js.map +1 -0
- package/dist/components/button-group/ButtonGroupText/ButtonGroupText.js +3 -1
- package/dist/components/button-group/ButtonGroupText/ButtonGroupText.js.map +1 -0
- package/dist/components/button-group/ButtonGroupText/ButtonGroupText.styles.js +3 -1
- package/dist/components/button-group/ButtonGroupText/ButtonGroupText.styles.js.map +1 -0
- package/dist/components/button-group/index.js +4 -0
- package/dist/components/card/Card/Card.js +3 -1
- package/dist/components/card/Card/Card.js.map +1 -0
- package/dist/components/card/Card/Card.styles.d.ts +1 -1
- package/dist/components/card/Card/Card.styles.js +3 -1
- package/dist/components/card/Card/Card.styles.js.map +1 -0
- package/dist/components/card/CardAction/CardAction.js +3 -1
- package/dist/components/card/CardAction/CardAction.js.map +1 -0
- package/dist/components/card/CardAction/CardAction.styles.js +2 -0
- package/dist/components/card/CardAction/CardAction.styles.js.map +1 -0
- package/dist/components/card/CardContent/CardContent.js +3 -1
- package/dist/components/card/CardContent/CardContent.js.map +1 -0
- package/dist/components/card/CardContent/CardContent.styles.d.ts +1 -1
- package/dist/components/card/CardContent/CardContent.styles.js +3 -1
- package/dist/components/card/CardContent/CardContent.styles.js.map +1 -0
- package/dist/components/card/CardDescription/CardDescription.js +3 -1
- package/dist/components/card/CardDescription/CardDescription.js.map +1 -0
- package/dist/components/card/CardDescription/CardDescription.styles.js +2 -0
- package/dist/components/card/CardDescription/CardDescription.styles.js.map +1 -0
- package/dist/components/card/CardFooter/CardFooter.js +3 -1
- package/dist/components/card/CardFooter/CardFooter.js.map +1 -0
- package/dist/components/card/CardFooter/CardFooter.styles.js +2 -0
- package/dist/components/card/CardFooter/CardFooter.styles.js.map +1 -0
- package/dist/components/card/CardHeader/CardHeader.js +3 -1
- package/dist/components/card/CardHeader/CardHeader.js.map +1 -0
- package/dist/components/card/CardHeader/CardHeader.styles.js +2 -0
- package/dist/components/card/CardHeader/CardHeader.styles.js.map +1 -0
- package/dist/components/card/CardTitle/CardTitle.js +3 -1
- package/dist/components/card/CardTitle/CardTitle.js.map +1 -0
- package/dist/components/card/CardTitle/CardTitle.styles.js +2 -0
- package/dist/components/card/CardTitle/CardTitle.styles.js.map +1 -0
- package/dist/components/card/index.js +8 -0
- package/dist/components/carousel/Carousel/Carousel.context.js +2 -0
- package/dist/components/carousel/Carousel/Carousel.context.js.map +1 -0
- package/dist/components/carousel/Carousel/Carousel.js +3 -1
- package/dist/components/carousel/Carousel/Carousel.js.map +1 -0
- package/dist/components/carousel/Carousel/useAutoPlay.js +2 -0
- package/dist/components/carousel/Carousel/useAutoPlay.js.map +1 -0
- package/dist/components/carousel/Carousel/useCarousel.js +2 -0
- package/dist/components/carousel/Carousel/useCarousel.js.map +1 -0
- package/dist/components/carousel/Carousel/useKeyboardNavigation.js +2 -0
- package/dist/components/carousel/Carousel/useKeyboardNavigation.js.map +1 -0
- package/dist/components/carousel/CarouselContent/CarouselContent.js +3 -1
- package/dist/components/carousel/CarouselContent/CarouselContent.js.map +1 -0
- package/dist/components/carousel/CarouselContent/useItemSizeMeasure.js +2 -0
- package/dist/components/carousel/CarouselContent/useItemSizeMeasure.js.map +1 -0
- package/dist/components/carousel/CarouselDots/CarouselDots.js +2 -0
- package/dist/components/carousel/CarouselDots/CarouselDots.js.map +1 -0
- package/dist/components/carousel/CarouselItem/CarouselItem.js +3 -1
- package/dist/components/carousel/CarouselItem/CarouselItem.js.map +1 -0
- package/dist/components/carousel/CarouselNext/CarouselNext.js +3 -1
- package/dist/components/carousel/CarouselNext/CarouselNext.js.map +1 -0
- package/dist/components/carousel/CarouselPrevious/CarouselPrevious.js +3 -1
- package/dist/components/carousel/CarouselPrevious/CarouselPrevious.js.map +1 -0
- package/dist/components/carousel/index.js +7 -0
- package/dist/components/field/Field/Field.js +3 -1
- package/dist/components/field/Field/Field.js.map +1 -0
- package/dist/components/field/Field/Field.styles.js +2 -0
- package/dist/components/field/Field/Field.styles.js.map +1 -0
- package/dist/components/field/FieldContent/FieldContent.js +3 -1
- package/dist/components/field/FieldContent/FieldContent.js.map +1 -0
- package/dist/components/field/FieldDescription/FieldDescription.js +3 -1
- package/dist/components/field/FieldDescription/FieldDescription.js.map +1 -0
- package/dist/components/field/FieldError/FieldError.js +3 -1
- package/dist/components/field/FieldError/FieldError.js.map +1 -0
- package/dist/components/field/FieldGroup/FieldGroup.js +3 -1
- package/dist/components/field/FieldGroup/FieldGroup.js.map +1 -0
- package/dist/components/field/FieldLabel/FieldLabel.js +3 -1
- package/dist/components/field/FieldLabel/FieldLabel.js.map +1 -0
- package/dist/components/field/FieldLegend/FieldLegend.js +3 -1
- package/dist/components/field/FieldLegend/FieldLegend.js.map +1 -0
- package/dist/components/field/FieldSeparator/FieldSeparator.js +3 -1
- package/dist/components/field/FieldSeparator/FieldSeparator.js.map +1 -0
- package/dist/components/field/FieldSet/FieldSet.js +3 -1
- package/dist/components/field/FieldSet/FieldSet.js.map +1 -0
- package/dist/components/field/FieldTitle/FieldTitle.js +3 -1
- package/dist/components/field/FieldTitle/FieldTitle.js.map +1 -0
- package/dist/components/field/index.js +11 -0
- package/dist/components/image/Image.config.js +2 -0
- package/dist/components/image/Image.config.js.map +1 -0
- package/dist/components/image/Image.js +2 -0
- package/dist/components/image/Image.js.map +1 -0
- package/dist/components/image/Image.utils.js +2 -0
- package/dist/components/image/Image.utils.js.map +1 -0
- package/dist/components/image/ImageElement.js +2 -0
- package/dist/components/image/ImageElement.js.map +1 -0
- package/dist/components/image/ImagePreload.js +2 -0
- package/dist/components/image/ImagePreload.js.map +1 -0
- package/dist/components/image/index.js +2 -0
- package/dist/components/input/Input.js +3 -1
- package/dist/components/input/Input.js.map +1 -0
- package/dist/components/input/index.js +2 -0
- package/dist/components/input-group/InputGroup/InputGroup.js +3 -1
- package/dist/components/input-group/InputGroup/InputGroup.js.map +1 -0
- package/dist/components/input-group/InputGroupAddon/InputGroupAddon.js +3 -1
- package/dist/components/input-group/InputGroupAddon/InputGroupAddon.js.map +1 -0
- package/dist/components/input-group/InputGroupAddon/InputGroupAddon.styles.js +2 -0
- package/dist/components/input-group/InputGroupAddon/InputGroupAddon.styles.js.map +1 -0
- package/dist/components/input-group/InputGroupButton/InputGroupButton.js +3 -1
- package/dist/components/input-group/InputGroupButton/InputGroupButton.js.map +1 -0
- package/dist/components/input-group/InputGroupButton/InputGroupButton.styles.js +2 -0
- package/dist/components/input-group/InputGroupButton/InputGroupButton.styles.js.map +1 -0
- package/dist/components/input-group/InputGroupInput/InputGroupInput.js +3 -1
- package/dist/components/input-group/InputGroupInput/InputGroupInput.js.map +1 -0
- package/dist/components/input-group/InputGroupText/InputGroupText.js +3 -1
- package/dist/components/input-group/InputGroupText/InputGroupText.js.map +1 -0
- package/dist/components/input-group/InputGroupTextarea/InputGroupTextarea.js +3 -1
- package/dist/components/input-group/InputGroupTextarea/InputGroupTextarea.js.map +1 -0
- package/dist/components/input-group/index.js +7 -0
- package/dist/components/item/Item/Item.js +3 -1
- package/dist/components/item/Item/Item.js.map +1 -0
- package/dist/components/item/Item/Item.styles.js +2 -0
- package/dist/components/item/Item/Item.styles.js.map +1 -0
- package/dist/components/item/ItemActions/ItemActions.js +3 -1
- package/dist/components/item/ItemActions/ItemActions.js.map +1 -0
- package/dist/components/item/ItemContent/ItemContent.js +3 -1
- package/dist/components/item/ItemContent/ItemContent.js.map +1 -0
- package/dist/components/item/ItemDescription/ItemDescription.js +3 -1
- package/dist/components/item/ItemDescription/ItemDescription.js.map +1 -0
- package/dist/components/item/ItemFooter/ItemFooter.js +3 -1
- package/dist/components/item/ItemFooter/ItemFooter.js.map +1 -0
- package/dist/components/item/ItemGroup/ItemGroup.js +3 -1
- package/dist/components/item/ItemGroup/ItemGroup.js.map +1 -0
- package/dist/components/item/ItemHeader/ItemHeader.js +3 -1
- package/dist/components/item/ItemHeader/ItemHeader.js.map +1 -0
- package/dist/components/item/ItemMedia/ItemMedia.js +3 -1
- package/dist/components/item/ItemMedia/ItemMedia.js.map +1 -0
- package/dist/components/item/ItemMedia/ItemMedia.styles.js +2 -0
- package/dist/components/item/ItemMedia/ItemMedia.styles.js.map +1 -0
- package/dist/components/item/ItemSeparator/ItemSeparator.js +3 -1
- package/dist/components/item/ItemSeparator/ItemSeparator.js.map +1 -0
- package/dist/components/item/ItemTitle/ItemTitle.js +3 -1
- package/dist/components/item/ItemTitle/ItemTitle.js.map +1 -0
- package/dist/components/item/index.js +11 -0
- package/dist/components/kbd/Kbd.js +3 -1
- package/dist/components/kbd/Kbd.js.map +1 -0
- package/dist/components/kbd/index.js +2 -0
- package/dist/components/label/Label.js +3 -1
- package/dist/components/label/Label.js.map +1 -0
- package/dist/components/label/index.js +2 -0
- package/dist/components/pagination/Pagination/Pagination.js +3 -1
- package/dist/components/pagination/Pagination/Pagination.js.map +1 -0
- package/dist/components/pagination/PaginationContent/PaginationContent.js +3 -1
- package/dist/components/pagination/PaginationContent/PaginationContent.js.map +1 -0
- package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.js +3 -1
- package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.js.map +1 -0
- package/dist/components/pagination/PaginationItem/PaginationItem.js +2 -0
- package/dist/components/pagination/PaginationItem/PaginationItem.js.map +1 -0
- package/dist/components/pagination/PaginationLink/PaginationLink.js +3 -1
- package/dist/components/pagination/PaginationLink/PaginationLink.js.map +1 -0
- package/dist/components/pagination/PaginationNext/PaginationNext.js +3 -1
- package/dist/components/pagination/PaginationNext/PaginationNext.js.map +1 -0
- package/dist/components/pagination/PaginationPrevious/PaginationPrevious.js +3 -1
- package/dist/components/pagination/PaginationPrevious/PaginationPrevious.js.map +1 -0
- package/dist/components/pagination/index.js +8 -0
- package/dist/components/scroll-area/ScrollArea/ScrollArea.context.d.ts +1 -1
- package/dist/components/scroll-area/ScrollArea/ScrollArea.context.js +2 -0
- package/dist/components/scroll-area/ScrollArea/ScrollArea.context.js.map +1 -0
- package/dist/components/scroll-area/ScrollArea/ScrollArea.js +32 -30
- package/dist/components/scroll-area/ScrollArea/ScrollArea.js.map +1 -0
- package/dist/components/scroll-area/ScrollArea/ScrollArea.utils.js +2 -0
- package/dist/components/scroll-area/ScrollArea/ScrollArea.utils.js.map +1 -0
- package/dist/components/scroll-area/ScrollBar/ScrollBar.js +3 -1
- package/dist/components/scroll-area/ScrollBar/ScrollBar.js.map +1 -0
- package/dist/components/scroll-area/index.js +3 -0
- package/dist/components/separator/Separator.js +3 -1
- package/dist/components/separator/Separator.js.map +1 -0
- package/dist/components/separator/Separator.styles.js +3 -1
- package/dist/components/separator/Separator.styles.js.map +1 -0
- package/dist/components/separator/index.js +2 -0
- package/dist/components/sidebar/Sidebar/Sidebar.js +3 -1
- package/dist/components/sidebar/Sidebar/Sidebar.js.map +1 -0
- package/dist/components/sidebar/SidebarContent/SidebarContent.js +3 -1
- package/dist/components/sidebar/SidebarContent/SidebarContent.js.map +1 -0
- package/dist/components/sidebar/SidebarFooter/SidebarFooter.js +3 -1
- package/dist/components/sidebar/SidebarFooter/SidebarFooter.js.map +1 -0
- package/dist/components/sidebar/SidebarGroup/SidebarGroup.js +3 -1
- package/dist/components/sidebar/SidebarGroup/SidebarGroup.js.map +1 -0
- package/dist/components/sidebar/SidebarGroupAction/SidebarGroupAction.js +3 -1
- package/dist/components/sidebar/SidebarGroupAction/SidebarGroupAction.js.map +1 -0
- package/dist/components/sidebar/SidebarGroupContent/SidebarGroupContent.js +3 -1
- package/dist/components/sidebar/SidebarGroupContent/SidebarGroupContent.js.map +1 -0
- package/dist/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.js +3 -1
- package/dist/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.js.map +1 -0
- package/dist/components/sidebar/SidebarHeader/SidebarHeader.js +3 -1
- package/dist/components/sidebar/SidebarHeader/SidebarHeader.js.map +1 -0
- package/dist/components/sidebar/SidebarInput/SidebarInput.js +3 -1
- package/dist/components/sidebar/SidebarInput/SidebarInput.js.map +1 -0
- package/dist/components/sidebar/SidebarInset/SidebarInset.js +3 -1
- package/dist/components/sidebar/SidebarInset/SidebarInset.js.map +1 -0
- package/dist/components/sidebar/SidebarMenu/SidebarMenu.js +3 -1
- package/dist/components/sidebar/SidebarMenu/SidebarMenu.js.map +1 -0
- package/dist/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.js +3 -1
- package/dist/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.js.map +1 -0
- package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.js +3 -1
- package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.js.map +1 -0
- package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.js +8 -5
- package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.js.map +1 -0
- package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.types.d.ts +1 -1
- package/dist/components/sidebar/SidebarMenuItem/SidebarMenuItem.js +3 -1
- package/dist/components/sidebar/SidebarMenuItem/SidebarMenuItem.js.map +1 -0
- package/dist/components/sidebar/SidebarMenuSkeleton/SidebarMenuSkeleton.js +3 -1
- package/dist/components/sidebar/SidebarMenuSkeleton/SidebarMenuSkeleton.js.map +1 -0
- package/dist/components/sidebar/SidebarMenuSub/SidebarMenuSub.js +3 -1
- package/dist/components/sidebar/SidebarMenuSub/SidebarMenuSub.js.map +1 -0
- package/dist/components/sidebar/SidebarMenuSubButton/SidebarMenuSubButton.js +3 -1
- package/dist/components/sidebar/SidebarMenuSubButton/SidebarMenuSubButton.js.map +1 -0
- package/dist/components/sidebar/SidebarMenuSubItem/SidebarMenuSubItem.js +3 -1
- package/dist/components/sidebar/SidebarMenuSubItem/SidebarMenuSubItem.js.map +1 -0
- package/dist/components/sidebar/SidebarProvider/SidebarProvider.consts.js +2 -0
- package/dist/components/sidebar/SidebarProvider/SidebarProvider.consts.js.map +1 -0
- package/dist/components/sidebar/SidebarProvider/SidebarProvider.context.js +2 -0
- package/dist/components/sidebar/SidebarProvider/SidebarProvider.context.js.map +1 -0
- package/dist/components/sidebar/SidebarProvider/SidebarProvider.js +3 -1
- package/dist/components/sidebar/SidebarProvider/SidebarProvider.js.map +1 -0
- package/dist/components/sidebar/SidebarRail/SidebarRail.js +3 -1
- package/dist/components/sidebar/SidebarRail/SidebarRail.js.map +1 -0
- package/dist/components/sidebar/SidebarSeparator/SidebarSeparator.js +3 -1
- package/dist/components/sidebar/SidebarSeparator/SidebarSeparator.js.map +1 -0
- package/dist/components/sidebar/SidebarTrigger/SidebarTrigger.js +2 -0
- package/dist/components/sidebar/SidebarTrigger/SidebarTrigger.js.map +1 -0
- package/dist/components/sidebar/index.js +23 -0
- package/dist/components/skeleton/Skeleton.js +3 -1
- package/dist/components/skeleton/Skeleton.js.map +1 -0
- package/dist/components/skeleton/index.js +2 -0
- package/dist/components/spinner/Spinner.js +3 -1
- package/dist/components/spinner/Spinner.js.map +1 -0
- package/dist/components/spinner/Spinner.styles.js +3 -1
- package/dist/components/spinner/Spinner.styles.js.map +1 -0
- package/dist/components/spinner/index.js +2 -0
- package/dist/components/switch/Switch.js +3 -1
- package/dist/components/switch/Switch.js.map +1 -0
- package/dist/components/switch/Switch.styles.js +3 -1
- package/dist/components/switch/Switch.styles.js.map +1 -0
- package/dist/components/switch/index.js +2 -0
- package/dist/components/textarea/Textarea.js +3 -1
- package/dist/components/textarea/Textarea.js.map +1 -0
- package/dist/components/textarea/index.js +2 -0
- package/dist/components/toast/components/Assets.js +2 -0
- package/dist/components/toast/components/Assets.js.map +1 -0
- package/dist/components/toast/components/Toast.js +3 -1
- package/dist/components/toast/components/Toast.js.map +1 -0
- package/dist/components/toast/components/ToastActions.js +3 -1
- package/dist/components/toast/components/ToastActions.js.map +1 -0
- package/dist/components/toast/components/ToastContent.js +3 -1
- package/dist/components/toast/components/ToastContent.js.map +1 -0
- package/dist/components/toast/components/ToastIcon.js +3 -1
- package/dist/components/toast/components/ToastIcon.js.map +1 -0
- package/dist/components/toast/components/Toaster.js +2 -0
- package/dist/components/toast/components/Toaster.js.map +1 -0
- package/dist/components/toast/constants.js +2 -0
- package/dist/components/toast/constants.js.map +1 -0
- package/dist/components/toast/hooks/useSwipe.js +2 -0
- package/dist/components/toast/hooks/useSwipe.js.map +1 -0
- package/dist/components/toast/hooks/useTheme.js +2 -0
- package/dist/components/toast/hooks/useTheme.js.map +1 -0
- package/dist/components/toast/hooks/useToastHeight.js +2 -0
- package/dist/components/toast/hooks/useToastHeight.js.map +1 -0
- package/dist/components/toast/hooks/useToastSubscription.js +2 -0
- package/dist/components/toast/hooks/useToastSubscription.js.map +1 -0
- package/dist/components/toast/hooks/useToastTimer.js +2 -0
- package/dist/components/toast/hooks/useToastTimer.js.map +1 -0
- package/dist/components/toast/hooks/useToasterKeyboard.js +2 -0
- package/dist/components/toast/hooks/useToasterKeyboard.js.map +1 -0
- package/dist/components/toast/hooks.js +2 -0
- package/dist/components/toast/hooks.js.map +1 -0
- package/dist/components/toast/index.js +5 -0
- package/dist/components/toast/state.js +2 -0
- package/dist/components/toast/state.js.map +1 -0
- package/dist/components/toast/types.js +2 -0
- package/dist/components/toast/types.js.map +1 -0
- package/dist/components/toast/utils.js +2 -0
- package/dist/components/toast/utils.js.map +1 -0
- package/dist/components/tooltip/Tooltip/Tooltip.context.d.ts +1 -1
- package/dist/components/tooltip/Tooltip/Tooltip.context.js +2 -0
- package/dist/components/tooltip/Tooltip/Tooltip.context.js.map +1 -0
- package/dist/components/tooltip/Tooltip/Tooltip.js +24 -16
- package/dist/components/tooltip/Tooltip/Tooltip.js.map +1 -0
- package/dist/components/tooltip/TooltipArrow/TooltipArrow.js +13 -10
- package/dist/components/tooltip/TooltipArrow/TooltipArrow.js.map +1 -0
- package/dist/components/tooltip/TooltipContent/TooltipContent.context.d.ts +2 -1
- package/dist/components/tooltip/TooltipContent/TooltipContent.context.js +2 -0
- package/dist/components/tooltip/TooltipContent/TooltipContent.context.js.map +1 -0
- package/dist/components/tooltip/TooltipContent/TooltipContent.js +29 -19
- package/dist/components/tooltip/TooltipContent/TooltipContent.js.map +1 -0
- package/dist/components/tooltip/TooltipContent/TooltipContent.utils.js +2 -0
- package/dist/components/tooltip/TooltipContent/TooltipContent.utils.js.map +1 -0
- package/dist/components/tooltip/TooltipContent/useTooltipContent.js +28 -31
- package/dist/components/tooltip/TooltipContent/useTooltipContent.js.map +1 -0
- package/dist/components/tooltip/TooltipTrigger/TooltipTrigger.d.ts +2 -2
- package/dist/components/tooltip/TooltipTrigger/TooltipTrigger.js +7 -5
- package/dist/components/tooltip/TooltipTrigger/TooltipTrigger.js.map +1 -0
- package/dist/components/tooltip/TooltipTrigger/useTooltipTrigger.js +21 -7
- package/dist/components/tooltip/TooltipTrigger/useTooltipTrigger.js.map +1 -0
- package/dist/components/tooltip/index.js +5 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/useFontLoader.d.ts +86 -0
- package/dist/hooks/useFontLoader.js +89 -0
- package/dist/hooks/useFontLoader.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +108 -104
- package/dist/ui.css +3 -0
- package/dist/{lib/utils → utils}/clsx.js +3 -1
- package/dist/utils/clsx.js.map +1 -0
- package/dist/utils/index.js +3 -0
- package/dist/utils/warn-once.js +6 -0
- package/dist/utils/warn-once.js.map +1 -0
- package/package.json +54 -9
- package/dist/styles/animate.css +0 -250
- package/dist/styles/index.css +0 -100
- package/dist/styles/toast.css +0 -745
- /package/dist/{lib/utils → utils}/clsx.d.ts +0 -0
- /package/dist/{lib/utils → utils}/get-style.d.ts +0 -0
- /package/dist/{lib/utils → utils}/index.d.ts +0 -0
- /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 @
|
|
82
|
+
bun i @neut/ui
|
|
83
83
|
```
|
|
84
84
|
|
|
85
85
|
安装后需要在根样式文件中导入样式及注册样式资源:
|
|
86
86
|
|
|
87
87
|
```css
|
|
88
|
-
@import "
|
|
89
|
-
@
|
|
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 "@
|
|
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
|
-
|
|
2
|
+
import { AccordionValue } from './Accordion.types';
|
|
3
|
+
interface AccordionContextValue {
|
|
3
4
|
orientation: "horizontal" | "vertical";
|
|
4
|
-
isOpen: (
|
|
5
|
-
toggle: (
|
|
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
|
|
8
|
+
export declare function AccordionProvider(props: ParentProps & {
|
|
10
9
|
orientation: "horizontal" | "vertical";
|
|
11
|
-
defaultValue?:
|
|
12
|
-
value?:
|
|
10
|
+
defaultValue?: AccordionValue[];
|
|
11
|
+
value?: AccordionValue[];
|
|
13
12
|
multiple?: boolean;
|
|
14
|
-
onValueChange?: (value:
|
|
13
|
+
onValueChange?: (value: (string | number)[]) => void;
|
|
15
14
|
}): import("solid-js").JSX.Element;
|
|
16
|
-
export declare const useAccordionContext:
|
|
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([]),
|
|
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
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
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:
|
|
2
|
+
export declare const Accordion: (props: AccordionProps) => import("solid-js").JSX.Element;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { clsx as e } from "../../../
|
|
1
|
+
import { clsx as e } from "../../../utils/clsx.js";
|
|
2
2
|
import { AccordionProvider as t } from "./Accordion.context.js";
|
|
3
|
-
import {
|
|
4
|
-
import { mergeProps as s,
|
|
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
|
|
7
|
-
let [
|
|
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
|
-
},
|
|
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
|
|
32
|
-
return
|
|
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",
|
|
35
|
+
return e("flex", "w-full", "flex-col", "max-w-lg", l.class);
|
|
35
36
|
},
|
|
36
37
|
get "data-orientation"() {
|
|
37
|
-
return
|
|
38
|
+
return l.orientation;
|
|
38
39
|
},
|
|
39
40
|
get dir() {
|
|
40
|
-
return
|
|
41
|
+
return l.dir;
|
|
41
42
|
}
|
|
42
|
-
},
|
|
43
|
+
}, p), !1, !0), o(n, i(t, {
|
|
43
44
|
get orientation() {
|
|
44
|
-
return
|
|
45
|
+
return l.orientation;
|
|
45
46
|
},
|
|
46
47
|
get defaultValue() {
|
|
47
|
-
return
|
|
48
|
+
return a.defaultValue;
|
|
48
49
|
},
|
|
49
50
|
get value() {
|
|
50
|
-
return
|
|
51
|
+
return a.value;
|
|
51
52
|
},
|
|
52
53
|
get multiple() {
|
|
53
|
-
return
|
|
54
|
+
return a.multiple;
|
|
54
55
|
},
|
|
55
56
|
get onValueChange() {
|
|
56
|
-
return
|
|
57
|
+
return a.onValueChange;
|
|
57
58
|
},
|
|
58
59
|
get children() {
|
|
59
|
-
return
|
|
60
|
+
return l.children;
|
|
60
61
|
}
|
|
61
|
-
})),
|
|
62
|
+
})), n;
|
|
62
63
|
})();
|
|
63
64
|
};
|
|
65
|
+
a(["keydown"]);
|
|
64
66
|
//#endregion
|
|
65
|
-
export {
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
|
14
|
-
export interface ItemEntry
|
|
14
|
+
export type AccordionProps = PolymorphicProps<"section", BaseAccordionProps, false>;
|
|
15
|
+
export interface ItemEntry {
|
|
15
16
|
id: symbol;
|
|
16
|
-
value?:
|
|
17
|
+
value?: AccordionValue;
|
|
17
18
|
isOpen: boolean;
|
|
18
19
|
}
|
|
19
20
|
export {};
|
|
@@ -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 "../../../
|
|
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,
|
|
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
|
|
8
|
-
let { orientation:
|
|
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
|
-
]), [
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}), p(() => {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
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
|
|
26
|
+
return T();
|
|
33
27
|
},
|
|
34
28
|
get children() {
|
|
35
|
-
var t =
|
|
36
|
-
|
|
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
|
|
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":
|
|
35
|
+
return { "--accordion-panel-height": D() === null ? "auto" : `${D()}px` };
|
|
45
36
|
}
|
|
46
|
-
},
|
|
47
|
-
var
|
|
48
|
-
return typeof
|
|
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 {
|
|
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 {
|
|
1
|
+
import { AccordionValue } from '../Accordion';
|
|
2
2
|
interface AccordionItemContextValue {
|
|
3
|
-
|
|
3
|
+
value: AccordionValue;
|
|
4
|
+
triggerId: string;
|
|
5
|
+
contentId: string;
|
|
4
6
|
open: () => boolean;
|
|
5
7
|
disabled?: boolean;
|
|
6
8
|
}
|
|
7
|
-
export declare
|
|
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 {
|
|
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 =
|
|
5
|
-
|
|
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 {
|
|
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:
|
|
2
|
+
export declare const AccordionItem: (props: AccordionItemProps) => import("solid-js").JSX.Element;
|
|
@@ -1,46 +1,47 @@
|
|
|
1
|
-
import { clsx as e } from "../../../
|
|
1
|
+
import { clsx as e } from "../../../utils/clsx.js";
|
|
2
2
|
import { useAccordionContext as t } from "../Accordion/Accordion.context.js";
|
|
3
|
-
import {
|
|
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 {
|
|
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
|
|
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
|
|
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),
|
|
18
|
+
return o(t, "data-orientation", f), s(t, a({
|
|
21
19
|
get class() {
|
|
22
|
-
return e("not-last:border-b",
|
|
20
|
+
return e("not-last:border-b", m.class);
|
|
23
21
|
},
|
|
24
22
|
get "data-open"() {
|
|
25
|
-
return
|
|
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
|
-
},
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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
|
|
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
|
-
|
|
3
|
-
|
|
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
|
|
8
|
+
export type AccordionItemProps = PolymorphicProps<"div", BaseAccordionItemProps, false>;
|
|
8
9
|
export {};
|
|
@@ -1,37 +1,32 @@
|
|
|
1
|
-
import { clsx as e } from "../../../
|
|
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
|
|
6
|
+
import { ChevronDown as p } from "lucide-solid";
|
|
7
7
|
//#region src/components/accordion/AccordionTrigger/AccordionTrigger.tsx
|
|
8
|
-
var
|
|
9
|
-
let { orientation: d, toggle:
|
|
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
|
-
]),
|
|
15
|
-
g
|
|
14
|
+
]), C = () => {
|
|
15
|
+
v || h(g);
|
|
16
16
|
};
|
|
17
17
|
return (() => {
|
|
18
|
-
var t =
|
|
19
|
-
return l(t, "data-orientation", d), l(t, "data-disabled",
|
|
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
|
|
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",
|
|
34
|
-
return i !== t.e &&
|
|
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 {
|
|
39
|
+
export { h as AccordionTrigger };
|
|
40
|
+
|
|
41
|
+
//# sourceMappingURL=AccordionTrigger.js.map
|