@bl33dz/fa814698dcde12f86a37ac31dd3aedf9 1.0.5 → 1.0.7
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 +80 -95
- package/dist/fa814698dcde12f86a37ac31dd3aedf9.css +1 -1
- package/dist/perisai-ui.es.js +864 -847
- package/dist/perisai-ui.umd.js +1 -1
- package/package.json +45 -45
- package/src/{global.css → globals.css} +575 -575
- package/src/index.ts +178 -176
- package/src/lib/utils.ts +6 -6
- package/src/shadcn/accordion/Accordion.vue +19 -19
- package/src/shadcn/accordion/AccordionContent.vue +23 -23
- package/src/shadcn/accordion/AccordionItem.vue +23 -23
- package/src/shadcn/accordion/AccordionTrigger.vue +38 -38
- package/src/shadcn/accordion/index.ts +4 -4
- package/src/shadcn/avatar/Avatar.vue +18 -18
- package/src/shadcn/avatar/AvatarFallback.vue +21 -21
- package/src/shadcn/avatar/AvatarImage.vue +16 -16
- package/src/shadcn/avatar/index.ts +3 -3
- package/src/shadcn/breadcrumb/Breadcrumb.vue +8 -8
- package/src/shadcn/breadcrumb/BreadcrumbEllipsis.vue +9 -9
- package/src/shadcn/breadcrumb/BreadcrumbItem.vue +8 -8
- package/src/shadcn/breadcrumb/BreadcrumbLink.vue +8 -8
- package/src/shadcn/breadcrumb/BreadcrumbList.vue +8 -8
- package/src/shadcn/breadcrumb/BreadcrumbPage.vue +8 -8
- package/src/shadcn/breadcrumb/BreadcrumbSeparator.vue +8 -8
- package/src/shadcn/breadcrumb/index.ts +7 -7
- package/src/shadcn/button/Button.vue +29 -29
- package/src/shadcn/button/index.ts +38 -38
- package/src/shadcn/calendar/Calendar.vue +64 -64
- package/src/shadcn/calendar/CalendarCell.vue +23 -23
- package/src/shadcn/calendar/CalendarCellTrigger.vue +39 -39
- package/src/shadcn/calendar/CalendarGrid.vue +23 -23
- package/src/shadcn/calendar/CalendarGridBody.vue +15 -15
- package/src/shadcn/calendar/CalendarGridHead.vue +16 -16
- package/src/shadcn/calendar/CalendarGridRow.vue +22 -22
- package/src/shadcn/calendar/CalendarHeadCell.vue +23 -23
- package/src/shadcn/calendar/CalendarHeader.vue +23 -23
- package/src/shadcn/calendar/CalendarHeading.vue +30 -30
- package/src/shadcn/calendar/CalendarNextButton.vue +32 -32
- package/src/shadcn/calendar/CalendarPrevButton.vue +32 -32
- package/src/shadcn/calendar/index.ts +12 -12
- package/src/shadcn/card/Card.vue +8 -8
- package/src/shadcn/card/CardContent.vue +8 -8
- package/src/shadcn/card/CardDescription.vue +8 -8
- package/src/shadcn/card/CardHeader.vue +8 -8
- package/src/shadcn/card/CardTitle.vue +8 -8
- package/src/shadcn/card/index.ts +5 -5
- package/src/shadcn/checkbox/Checkbox.vue +38 -38
- package/src/shadcn/checkbox/index.ts +1 -1
- package/src/shadcn/command/Command.vue +87 -87
- package/src/shadcn/command/CommandDialog.vue +31 -31
- package/src/shadcn/command/CommandEmpty.vue +27 -27
- package/src/shadcn/command/CommandGroup.vue +45 -45
- package/src/shadcn/command/CommandInput.vue +39 -39
- package/src/shadcn/command/CommandItem.vue +76 -76
- package/src/shadcn/command/CommandList.vue +25 -25
- package/src/shadcn/command/CommandSeparator.vue +21 -21
- package/src/shadcn/command/CommandShortcut.vue +17 -17
- package/src/shadcn/command/index.ts +25 -25
- package/src/shadcn/context-menu/ContextMenu.vue +18 -18
- package/src/shadcn/context-menu/ContextMenuCheckboxItem.vue +38 -38
- package/src/shadcn/context-menu/ContextMenuContent.vue +34 -34
- package/src/shadcn/context-menu/ContextMenuGroup.vue +15 -15
- package/src/shadcn/context-menu/ContextMenuItem.vue +39 -39
- package/src/shadcn/context-menu/ContextMenuLabel.vue +22 -22
- package/src/shadcn/context-menu/ContextMenuPortal.vue +15 -15
- package/src/shadcn/context-menu/ContextMenuRadioGroup.vue +22 -22
- package/src/shadcn/context-menu/ContextMenuRadioItem.vue +38 -38
- package/src/shadcn/context-menu/ContextMenuSeparator.vue +22 -22
- package/src/shadcn/context-menu/ContextMenuShortcut.vue +17 -17
- package/src/shadcn/context-menu/ContextMenuSub.vue +22 -22
- package/src/shadcn/context-menu/ContextMenuSubContent.vue +33 -33
- package/src/shadcn/context-menu/ContextMenuSubTrigger.vue +33 -33
- package/src/shadcn/context-menu/ContextMenuTrigger.vue +17 -17
- package/src/shadcn/context-menu/index.ts +15 -15
- package/src/shadcn/dialog/Dialog.vue +18 -18
- package/src/shadcn/dialog/DialogClose.vue +15 -15
- package/src/shadcn/dialog/DialogContent.vue +46 -46
- package/src/shadcn/dialog/DialogDescription.vue +23 -23
- package/src/shadcn/dialog/DialogFooter.vue +15 -15
- package/src/shadcn/dialog/DialogHeader.vue +17 -17
- package/src/shadcn/dialog/DialogOverlay.vue +21 -21
- package/src/shadcn/dialog/DialogScrollContent.vue +56 -56
- package/src/shadcn/dialog/DialogTitle.vue +23 -23
- package/src/shadcn/dialog/DialogTrigger.vue +15 -15
- package/src/shadcn/dialog/index.ts +10 -10
- package/src/shadcn/dropdown-menu/DropdownMenu.vue +18 -18
- package/src/shadcn/dropdown-menu/DropdownMenuCheckboxItem.vue +38 -38
- package/src/shadcn/dropdown-menu/DropdownMenuContent.vue +36 -36
- package/src/shadcn/dropdown-menu/DropdownMenuGroup.vue +15 -15
- package/src/shadcn/dropdown-menu/DropdownMenuItem.vue +31 -31
- package/src/shadcn/dropdown-menu/DropdownMenuLabel.vue +23 -23
- package/src/shadcn/dropdown-menu/DropdownMenuRadioGroup.vue +22 -22
- package/src/shadcn/dropdown-menu/DropdownMenuRadioItem.vue +39 -39
- package/src/shadcn/dropdown-menu/DropdownMenuSeparator.vue +24 -24
- package/src/shadcn/dropdown-menu/DropdownMenuShortcut.vue +17 -17
- package/src/shadcn/dropdown-menu/DropdownMenuSub.vue +19 -19
- package/src/shadcn/dropdown-menu/DropdownMenuSubContent.vue +28 -28
- package/src/shadcn/dropdown-menu/DropdownMenuSubTrigger.vue +31 -31
- package/src/shadcn/dropdown-menu/DropdownMenuTrigger.vue +17 -17
- package/src/shadcn/dropdown-menu/index.ts +16 -16
- package/src/shadcn/menubar/Menubar.vue +33 -33
- package/src/shadcn/menubar/MenubarCheckboxItem.vue +38 -38
- package/src/shadcn/menubar/MenubarContent.vue +42 -42
- package/src/shadcn/menubar/MenubarGroup.vue +15 -15
- package/src/shadcn/menubar/MenubarItem.vue +37 -37
- package/src/shadcn/menubar/MenubarLabel.vue +20 -20
- package/src/shadcn/menubar/MenubarMenu.vue +15 -15
- package/src/shadcn/menubar/MenubarPortal.vue +5 -5
- package/src/shadcn/menubar/MenubarRadioGroup.vue +22 -22
- package/src/shadcn/menubar/MenubarRadioItem.vue +38 -38
- package/src/shadcn/menubar/MenubarSeparator.vue +21 -21
- package/src/shadcn/menubar/MenubarShortcut.vue +17 -17
- package/src/shadcn/menubar/MenubarSub.vue +23 -23
- package/src/shadcn/menubar/MenubarSubContent.vue +36 -36
- package/src/shadcn/menubar/MenubarSubTrigger.vue +28 -28
- package/src/shadcn/menubar/MenubarTrigger.vue +28 -28
- package/src/shadcn/menubar/index.ts +15 -15
- package/src/shadcn/navigation-menu/NavigationMenu.vue +35 -35
- package/src/shadcn/navigation-menu/NavigationMenuContent.vue +31 -31
- package/src/shadcn/navigation-menu/NavigationMenuIndicator.vue +23 -23
- package/src/shadcn/navigation-menu/NavigationMenuItem.vue +21 -21
- package/src/shadcn/navigation-menu/NavigationMenuLink.vue +26 -26
- package/src/shadcn/navigation-menu/NavigationMenuList.vue +28 -28
- package/src/shadcn/navigation-menu/NavigationMenuTrigger.vue +24 -24
- package/src/shadcn/navigation-menu/NavigationMenuViewport.vue +31 -31
- package/src/shadcn/navigation-menu/index.ts +14 -14
- package/src/shadcn/pagination/Pagination.vue +151 -151
- package/src/shadcn/pagination/PaginationContent.vue +22 -22
- package/src/shadcn/pagination/PaginationEllipsis.vue +25 -25
- package/src/shadcn/pagination/PaginationFirst.vue +33 -33
- package/src/shadcn/pagination/PaginationItem.vue +31 -31
- package/src/shadcn/pagination/PaginationLast.vue +33 -33
- package/src/shadcn/pagination/PaginationLink.vue +13 -13
- package/src/shadcn/pagination/PaginationNext.vue +22 -22
- package/src/shadcn/pagination/PaginationPrevious.vue +33 -33
- package/src/shadcn/pagination/index.ts +9 -9
- package/src/shadcn/popover/Popover.vue +18 -18
- package/src/shadcn/popover/PopoverAnchor.vue +15 -15
- package/src/shadcn/popover/PopoverContent.vue +46 -46
- package/src/shadcn/popover/PopoverTrigger.vue +15 -15
- package/src/shadcn/popover/index.ts +4 -4
- package/src/shadcn/radio-group/RadioGroup.vue +24 -24
- package/src/shadcn/radio-group/RadioGroupItem.vue +39 -39
- package/src/shadcn/radio-group/index.ts +2 -2
- package/src/shadcn/range-calendar/RangeCalendar.vue +71 -71
- package/src/shadcn/range-calendar/RangeCalendarCell.vue +23 -23
- package/src/shadcn/range-calendar/RangeCalendarCellTrigger.vue +41 -41
- package/src/shadcn/range-calendar/RangeCalendarGrid.vue +23 -23
- package/src/shadcn/range-calendar/RangeCalendarGridBody.vue +15 -15
- package/src/shadcn/range-calendar/RangeCalendarGridHead.vue +15 -15
- package/src/shadcn/range-calendar/RangeCalendarGridRow.vue +22 -22
- package/src/shadcn/range-calendar/RangeCalendarHeadCell.vue +23 -23
- package/src/shadcn/range-calendar/RangeCalendarHeader.vue +23 -23
- package/src/shadcn/range-calendar/RangeCalendarHeading.vue +30 -30
- package/src/shadcn/range-calendar/RangeCalendarNextButton.vue +32 -32
- package/src/shadcn/range-calendar/RangeCalendarPrevButton.vue +32 -32
- package/src/shadcn/range-calendar/index.ts +12 -12
- package/src/shadcn/select/Select.vue +18 -18
- package/src/shadcn/select/SelectContent.vue +52 -52
- package/src/shadcn/select/SelectGroup.vue +15 -15
- package/src/shadcn/select/SelectItem.vue +43 -43
- package/src/shadcn/select/SelectItemText.vue +15 -15
- package/src/shadcn/select/SelectLabel.vue +17 -17
- package/src/shadcn/select/SelectScrollDownButton.vue +26 -26
- package/src/shadcn/select/SelectScrollUpButton.vue +26 -26
- package/src/shadcn/select/SelectSeparator.vue +19 -19
- package/src/shadcn/select/SelectTrigger.vue +33 -33
- package/src/shadcn/select/SelectValue.vue +15 -15
- package/src/shadcn/select/index.ts +11 -11
- package/src/shadcn/separator/Separator.vue +31 -31
- package/src/shadcn/separator/index.ts +1 -1
- package/src/shadcn/sidebar/MenuGroup.vue +28 -28
- package/src/shadcn/sidebar/MenuItemRenderer.vue +23 -23
- package/src/shadcn/sidebar/Sidebar.vue +14 -14
- package/src/shadcn/sidebar/SidebarDemoContent.vue +26 -26
- package/src/shadcn/sidebar/SidebarMenuGroupWithLabel.vue +29 -29
- package/src/shadcn/sidebar/SidebarMenuItemWithIcon.vue +103 -103
- package/src/shadcn/sidebar/SidebarMenuSub.vue +10 -10
- package/src/shadcn/sidebar/SidebarMenuSubItemStyled.vue +38 -38
- package/src/shadcn/sidebar/SidebarTrigger.vue +8 -8
- package/src/shadcn/sidebar/index.ts +5 -5
- package/src/shadcn/slider/Slider.vue +43 -43
- package/src/shadcn/slider/index.ts +1 -1
- package/src/shadcn/sonner/Sonner.vue +19 -19
- package/src/shadcn/sonner/index.ts +1 -1
- package/src/shadcn/spinner/Spinner.vue +17 -0
- package/src/shadcn/spinner/index.ts +1 -0
- package/src/shadcn/switch/Switch.vue +38 -38
- package/src/shadcn/switch/index.ts +1 -1
- package/src/shadcn/tabs/CardTabsContent.vue +16 -16
- package/src/shadcn/tabs/CornerCutTabsTrigger.vue +102 -102
- package/src/shadcn/tabs/GridTabsList.vue +30 -30
- package/src/shadcn/tabs/ScrollableTabsList.vue +8 -8
- package/src/shadcn/tabs/Tabs.vue +23 -23
- package/src/shadcn/tabs/TabsContent.vue +21 -21
- package/src/shadcn/tabs/TabsList.vue +24 -24
- package/src/shadcn/tabs/TabsTrigger.vue +30 -30
- package/src/shadcn/tabs/VerticalTabsList.vue +28 -28
- package/src/shadcn/tabs/VerticalTabsTrigger.vue +16 -16
- package/src/shadcn/tabs/index.ts +10 -10
- package/src/shadcn/toggle/Toggle.vue +35 -35
- package/src/shadcn/toggle/index.ts +28 -28
- package/src/shadcn/tooltip/Tooltip.vue +18 -18
- package/src/shadcn/tooltip/TooltipContent.vue +34 -34
- package/src/shadcn/tooltip/TooltipProvider.vue +14 -14
- package/src/shadcn/tooltip/TooltipTrigger.vue +15 -15
- package/src/shadcn/tooltip/index.ts +4 -4
- package/src/shadcn/tree/index.ts +2 -0
- package/src/ui/InputOTP.vue +69 -69
- package/src/ui/InputOTPContext.ts +9 -9
- package/src/ui/InputOTPGroup.vue +7 -7
- package/src/ui/InputOTPSeparator.vue +8 -8
- package/src/ui/InputOTPSlot.vue +61 -61
- package/src/ui/PopoverContent.vue +27 -27
- package/src/ui/PopoverTrigger.vue +9 -9
- package/src/ui/SelectContent.vue +23 -23
- package/src/ui/SelectGroup.vue +12 -12
- package/src/ui/SelectItem.vue +25 -25
- package/src/ui/SelectLabel.vue +16 -16
- package/src/ui/SelectSeparator.vue +17 -17
- package/src/ui/SelectTrigger.vue +22 -22
- package/src/ui/SelectValue.vue +9 -9
- package/src/ui/SheetContent.vue +34 -34
- package/src/ui/SheetDescription.vue +9 -9
- package/src/ui/SheetHeader.vue +11 -11
- package/src/ui/SheetTitle.vue +9 -9
- package/src/ui/accordion-content.vue +21 -21
- package/src/ui/accordion-item.vue +18 -18
- package/src/ui/accordion-trigger.vue +14 -14
- package/src/ui/accordion.vue +9 -9
- package/src/ui/alert-actions.vue +13 -13
- package/src/ui/alert-description.vue +13 -13
- package/src/ui/alert-title.vue +13 -13
- package/src/ui/alert.vue +63 -63
- package/src/ui/avatar-fallback.vue +38 -38
- package/src/ui/avatar-group.vue +32 -32
- package/src/ui/avatar-image.vue +19 -19
- package/src/ui/avatar.vue +32 -32
- package/src/ui/badge.vue +90 -90
- package/src/ui/breadcrumb-item.vue +11 -11
- package/src/ui/breadcrumb-separator.vue +9 -9
- package/src/ui/breadcrumb.vue +11 -11
- package/src/ui/button.vue +76 -76
- package/src/ui/card-content.vue +16 -16
- package/src/ui/card-description.vue +16 -16
- package/src/ui/card-footer.vue +13 -13
- package/src/ui/card-header.vue +19 -19
- package/src/ui/card-title.vue +16 -16
- package/src/ui/card.vue +73 -73
- package/src/ui/category-breakdown-metric.vue +205 -205
- package/src/ui/checkbox.vue +84 -84
- package/src/ui/cn.ts +6 -6
- package/src/ui/dialog-body.vue +13 -13
- package/src/ui/dialog-close.vue +9 -9
- package/src/ui/dialog-content.vue +36 -36
- package/src/ui/dialog-description.vue +13 -13
- package/src/ui/dialog-footer.vue +13 -13
- package/src/ui/dialog-header.vue +13 -13
- package/src/ui/dialog-overlay.vue +14 -14
- package/src/ui/dialog-portal.vue +9 -9
- package/src/ui/dialog-title.vue +13 -13
- package/src/ui/dialog-trigger.vue +9 -9
- package/src/ui/dialog.vue +9 -9
- package/src/ui/dismissible-badges-demo.vue +94 -94
- package/src/ui/drawer-content.vue +53 -53
- package/src/ui/drawer-description.vue +23 -23
- package/src/ui/drawer-footer.vue +22 -22
- package/src/ui/drawer-header.vue +22 -22
- package/src/ui/drawer-title.vue +23 -23
- package/src/ui/drawer-trigger.vue +23 -23
- package/src/ui/drawer.vue +34 -34
- package/src/ui/dropdown-menu-checkbox-item.vue +27 -27
- package/src/ui/dropdown-menu-content.vue +23 -23
- package/src/ui/dropdown-menu-group.vue +7 -7
- package/src/ui/dropdown-menu-item.vue +19 -19
- package/src/ui/dropdown-menu-label.vue +17 -17
- package/src/ui/dropdown-menu-portal.vue +8 -8
- package/src/ui/dropdown-menu-radio-group.vue +14 -14
- package/src/ui/dropdown-menu-radio-item.vue +30 -30
- package/src/ui/dropdown-menu-separator.vue +13 -13
- package/src/ui/dropdown-menu-shortcut.vue +15 -15
- package/src/ui/dropdown-menu-sub-content.vue +8 -8
- package/src/ui/dropdown-menu-sub-trigger.vue +8 -8
- package/src/ui/dropdown-menu-sub.vue +8 -8
- package/src/ui/dropdown-menu-trigger.vue +8 -8
- package/src/ui/dropdown-menu.vue +9 -9
- package/src/ui/grouped-avatar.vue +19 -19
- package/src/ui/icons/Accessibility.vue +7 -7
- package/src/ui/icons/AlignLeft.vue +6 -6
- package/src/ui/icons/ArrowDown.vue +7 -7
- package/src/ui/icons/ArrowUp.vue +7 -7
- package/src/ui/icons/ArrowUpDown.vue +8 -8
- package/src/ui/icons/BookOpen.vue +6 -6
- package/src/ui/icons/Calendar.vue +9 -9
- package/src/ui/icons/Check.vue +6 -6
- package/src/ui/icons/ChevronRight.vue +6 -6
- package/src/ui/icons/Circle.vue +6 -6
- package/src/ui/icons/Copy.vue +7 -7
- package/src/ui/icons/Dot.vue +6 -6
- package/src/ui/icons/Edit.vue +6 -6
- package/src/ui/icons/FileText.vue +9 -9
- package/src/ui/icons/Folder.vue +6 -6
- package/src/ui/icons/FolderOpen.vue +7 -7
- package/src/ui/icons/Hash.vue +6 -6
- package/src/ui/icons/Home.vue +6 -6
- package/src/ui/icons/Minus.vue +6 -6
- package/src/ui/icons/MoreHorizontal.vue +8 -8
- package/src/ui/icons/Settings.vue +7 -7
- package/src/ui/icons/Slash.vue +6 -6
- package/src/ui/icons/Trash2.vue +6 -6
- package/src/ui/icons/Type.vue +6 -6
- package/src/ui/icons/User.vue +7 -7
- package/src/ui/input-otp.vue +52 -52
- package/src/ui/input.vue +98 -98
- package/src/ui/label.vue +19 -19
- package/src/ui/pagination.vue +41 -41
- package/src/ui/popover.vue +9 -9
- package/src/ui/progress.vue +67 -67
- package/src/ui/radio-group-item.vue +53 -53
- package/src/ui/radio-group.vue +27 -27
- package/src/ui/scrollable-tabs-list.vue +148 -148
- package/src/ui/select-multiple.vue +135 -135
- package/src/ui/select.vue +77 -77
- package/src/ui/separator.vue +60 -60
- package/src/ui/sheet.vue +50 -50
- package/src/ui/sidebar/BaseSidebar.vue +97 -97
- package/src/ui/sidebar/BasicSearch.vue +27 -27
- package/src/ui/sidebar/ResponsiveSearch.vue +54 -54
- package/src/ui/sidebar/Sidebar.vue +227 -227
- package/src/ui/sidebar/SidebarCollapseButton.vue +10 -10
- package/src/ui/sidebar/SidebarContent.vue +31 -31
- package/src/ui/sidebar/SidebarDescription.vue +10 -10
- package/src/ui/sidebar/SidebarExpandButton.vue +10 -10
- package/src/ui/sidebar/SidebarFooter.vue +10 -10
- package/src/ui/sidebar/SidebarGroup.vue +11 -11
- package/src/ui/sidebar/SidebarGroupContent.vue +10 -10
- package/src/ui/sidebar/SidebarGroupLabel.vue +7 -7
- package/src/ui/sidebar/SidebarHeader.vue +10 -10
- package/src/ui/sidebar/SidebarInset.vue +19 -19
- package/src/ui/sidebar/SidebarMenu.vue +7 -7
- package/src/ui/sidebar/SidebarMenuBadge.vue +7 -7
- package/src/ui/sidebar/SidebarMenuButton.vue +17 -17
- package/src/ui/sidebar/SidebarMenuItem.vue +10 -10
- package/src/ui/sidebar/SidebarMenuSub.vue +18 -18
- package/src/ui/sidebar/SidebarMenuSubContent.vue +10 -10
- package/src/ui/sidebar/SidebarMenuSubItem.vue +10 -10
- package/src/ui/sidebar/SidebarMenuSubTrigger.vue +10 -10
- package/src/ui/sidebar/SidebarProvider.vue +108 -108
- package/src/ui/sidebar/SidebarScrollArea.vue +10 -10
- package/src/ui/sidebar/SidebarSection.vue +10 -10
- package/src/ui/sidebar/SidebarSeparator.vue +8 -8
- package/src/ui/sidebar/SidebarShortcut.vue +10 -10
- package/src/ui/sidebar/SidebarTitle.vue +10 -10
- package/src/ui/sidebar/SidebarTrigger.vue +27 -27
- package/src/ui/sidebar/Wrapper.vue +12 -12
- package/src/ui/sidebar/context.ts +8 -8
- package/src/ui/sidebar/index.ts +27 -27
- package/src/ui/sidebar/sidebarStore.ts +40 -40
- package/src/ui/sidebar/types.ts +30 -30
- package/src/ui/sidebar/useAutoCollapse.ts +81 -81
- package/src/ui/sidebar.vue +24 -24
- package/src/ui/skeleton.vue +15 -15
- package/src/ui/slider.vue +32 -32
- package/src/ui/sonner.vue +67 -67
- package/src/ui/switch.vue +33 -33
- package/src/ui/tab-content.vue +28 -28
- package/src/ui/tab-list.vue +31 -31
- package/src/ui/tab-panel.vue +19 -19
- package/src/ui/tab-trigger.vue +34 -34
- package/src/ui/tab.vue +30 -30
- package/src/ui/table-body.vue +16 -16
- package/src/ui/table-caption.vue +20 -20
- package/src/ui/table-cell.vue +16 -16
- package/src/ui/table-footer.vue +16 -16
- package/src/ui/table-header.vue +132 -132
- package/src/ui/table-row.vue +16 -16
- package/src/ui/table.vue +55 -55
- package/src/ui/tabs.vue +33 -33
- package/src/ui/textarea.vue +91 -91
- package/src/ui/threat-gauge.vue +137 -137
- package/src/ui/toggle.vue +69 -69
- package/src/ui/tooltip-content.vue +52 -52
- package/src/ui/tooltip-provider.vue +13 -13
- package/src/ui/tooltip-root.vue +9 -9
- package/src/ui/tooltip-trigger.vue +13 -13
- package/src/ui/tooltip.vue +22 -22
- package/src/ui/utils.ts +6 -6
- package/vite.config.ts +39 -39
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import type { CalendarCellTriggerProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import { CalendarCellTrigger, useForwardProps } from "reka-ui"
|
|
6
|
-
import { cn } from "@/lib/utils"
|
|
7
|
-
import { buttonVariants } from '@/shadcn/button'
|
|
8
|
-
|
|
9
|
-
const props = withDefaults(defineProps<CalendarCellTriggerProps & { class?: HTMLAttributes["class"] }>(), {
|
|
10
|
-
as: "button",
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
14
|
-
|
|
15
|
-
const forwardedProps = useForwardProps(delegatedProps)
|
|
16
|
-
</script>
|
|
17
|
-
|
|
18
|
-
<template>
|
|
19
|
-
<CalendarCellTrigger
|
|
20
|
-
data-slot="calendar-cell-trigger"
|
|
21
|
-
:class="cn(
|
|
22
|
-
buttonVariants({ variant: 'ghost' }),
|
|
23
|
-
'size-8 p-0 font-normal aria-selected:opacity-100 cursor-default',
|
|
24
|
-
'[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground',
|
|
25
|
-
// Selected
|
|
26
|
-
'data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:opacity-100 data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground',
|
|
27
|
-
// Disabled
|
|
28
|
-
'data-[disabled]:text-muted-foreground data-[disabled]:opacity-50',
|
|
29
|
-
// Unavailable
|
|
30
|
-
'data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through',
|
|
31
|
-
// Outside months
|
|
32
|
-
'data-[outside-view]:text-muted-foreground',
|
|
33
|
-
props.class,
|
|
34
|
-
)"
|
|
35
|
-
v-bind="forwardedProps"
|
|
36
|
-
>
|
|
37
|
-
<slot />
|
|
38
|
-
</CalendarCellTrigger>
|
|
39
|
-
</template>
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import type { CalendarCellTriggerProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import { CalendarCellTrigger, useForwardProps } from "reka-ui"
|
|
6
|
+
import { cn } from "@/lib/utils"
|
|
7
|
+
import { buttonVariants } from '@/shadcn/button'
|
|
8
|
+
|
|
9
|
+
const props = withDefaults(defineProps<CalendarCellTriggerProps & { class?: HTMLAttributes["class"] }>(), {
|
|
10
|
+
as: "button",
|
|
11
|
+
})
|
|
12
|
+
|
|
13
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
14
|
+
|
|
15
|
+
const forwardedProps = useForwardProps(delegatedProps)
|
|
16
|
+
</script>
|
|
17
|
+
|
|
18
|
+
<template>
|
|
19
|
+
<CalendarCellTrigger
|
|
20
|
+
data-slot="calendar-cell-trigger"
|
|
21
|
+
:class="cn(
|
|
22
|
+
buttonVariants({ variant: 'ghost' }),
|
|
23
|
+
'size-8 p-0 font-normal aria-selected:opacity-100 cursor-default',
|
|
24
|
+
'[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground',
|
|
25
|
+
// Selected
|
|
26
|
+
'data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:opacity-100 data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground',
|
|
27
|
+
// Disabled
|
|
28
|
+
'data-[disabled]:text-muted-foreground data-[disabled]:opacity-50',
|
|
29
|
+
// Unavailable
|
|
30
|
+
'data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through',
|
|
31
|
+
// Outside months
|
|
32
|
+
'data-[outside-view]:text-muted-foreground',
|
|
33
|
+
props.class,
|
|
34
|
+
)"
|
|
35
|
+
v-bind="forwardedProps"
|
|
36
|
+
>
|
|
37
|
+
<slot />
|
|
38
|
+
</CalendarCellTrigger>
|
|
39
|
+
</template>
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import type { CalendarGridProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import { CalendarGrid, useForwardProps } from "reka-ui"
|
|
6
|
-
import { cn } from "@/lib/utils"
|
|
7
|
-
|
|
8
|
-
const props = defineProps<CalendarGridProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
-
|
|
10
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
11
|
-
|
|
12
|
-
const forwardedProps = useForwardProps(delegatedProps)
|
|
13
|
-
</script>
|
|
14
|
-
|
|
15
|
-
<template>
|
|
16
|
-
<CalendarGrid
|
|
17
|
-
data-slot="calendar-grid"
|
|
18
|
-
:class="cn('w-full border-collapse space-x-1', props.class)"
|
|
19
|
-
v-bind="forwardedProps"
|
|
20
|
-
>
|
|
21
|
-
<slot />
|
|
22
|
-
</CalendarGrid>
|
|
23
|
-
</template>
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import type { CalendarGridProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import { CalendarGrid, useForwardProps } from "reka-ui"
|
|
6
|
+
import { cn } from "@/lib/utils"
|
|
7
|
+
|
|
8
|
+
const props = defineProps<CalendarGridProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
+
|
|
10
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
11
|
+
|
|
12
|
+
const forwardedProps = useForwardProps(delegatedProps)
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
<template>
|
|
16
|
+
<CalendarGrid
|
|
17
|
+
data-slot="calendar-grid"
|
|
18
|
+
:class="cn('w-full border-collapse space-x-1', props.class)"
|
|
19
|
+
v-bind="forwardedProps"
|
|
20
|
+
>
|
|
21
|
+
<slot />
|
|
22
|
+
</CalendarGrid>
|
|
23
|
+
</template>
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import type { CalendarGridBodyProps } from "reka-ui"
|
|
3
|
-
import { CalendarGridBody } from "reka-ui"
|
|
4
|
-
|
|
5
|
-
const props = defineProps<CalendarGridBodyProps>()
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<template>
|
|
9
|
-
<CalendarGridBody
|
|
10
|
-
data-slot="calendar-grid-body"
|
|
11
|
-
v-bind="props"
|
|
12
|
-
>
|
|
13
|
-
<slot />
|
|
14
|
-
</CalendarGridBody>
|
|
15
|
-
</template>
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import type { CalendarGridBodyProps } from "reka-ui"
|
|
3
|
+
import { CalendarGridBody } from "reka-ui"
|
|
4
|
+
|
|
5
|
+
const props = defineProps<CalendarGridBodyProps>()
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<template>
|
|
9
|
+
<CalendarGridBody
|
|
10
|
+
data-slot="calendar-grid-body"
|
|
11
|
+
v-bind="props"
|
|
12
|
+
>
|
|
13
|
+
<slot />
|
|
14
|
+
</CalendarGridBody>
|
|
15
|
+
</template>
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import type { CalendarGridHeadProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { CalendarGridHead } from "reka-ui"
|
|
5
|
-
|
|
6
|
-
const props = defineProps<CalendarGridHeadProps & { class?: HTMLAttributes["class"] }>()
|
|
7
|
-
</script>
|
|
8
|
-
|
|
9
|
-
<template>
|
|
10
|
-
<CalendarGridHead
|
|
11
|
-
data-slot="calendar-grid-head"
|
|
12
|
-
v-bind="props"
|
|
13
|
-
>
|
|
14
|
-
<slot />
|
|
15
|
-
</CalendarGridHead>
|
|
16
|
-
</template>
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import type { CalendarGridHeadProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { CalendarGridHead } from "reka-ui"
|
|
5
|
+
|
|
6
|
+
const props = defineProps<CalendarGridHeadProps & { class?: HTMLAttributes["class"] }>()
|
|
7
|
+
</script>
|
|
8
|
+
|
|
9
|
+
<template>
|
|
10
|
+
<CalendarGridHead
|
|
11
|
+
data-slot="calendar-grid-head"
|
|
12
|
+
v-bind="props"
|
|
13
|
+
>
|
|
14
|
+
<slot />
|
|
15
|
+
</CalendarGridHead>
|
|
16
|
+
</template>
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import type { CalendarGridRowProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import { CalendarGridRow, useForwardProps } from "reka-ui"
|
|
6
|
-
import { cn } from "@/lib/utils"
|
|
7
|
-
|
|
8
|
-
const props = defineProps<CalendarGridRowProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
-
|
|
10
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
11
|
-
|
|
12
|
-
const forwardedProps = useForwardProps(delegatedProps)
|
|
13
|
-
</script>
|
|
14
|
-
|
|
15
|
-
<template>
|
|
16
|
-
<CalendarGridRow
|
|
17
|
-
data-slot="calendar-grid-row"
|
|
18
|
-
:class="cn('flex', props.class)" v-bind="forwardedProps"
|
|
19
|
-
>
|
|
20
|
-
<slot />
|
|
21
|
-
</CalendarGridRow>
|
|
22
|
-
</template>
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import type { CalendarGridRowProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import { CalendarGridRow, useForwardProps } from "reka-ui"
|
|
6
|
+
import { cn } from "@/lib/utils"
|
|
7
|
+
|
|
8
|
+
const props = defineProps<CalendarGridRowProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
+
|
|
10
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
11
|
+
|
|
12
|
+
const forwardedProps = useForwardProps(delegatedProps)
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
<template>
|
|
16
|
+
<CalendarGridRow
|
|
17
|
+
data-slot="calendar-grid-row"
|
|
18
|
+
:class="cn('flex', props.class)" v-bind="forwardedProps"
|
|
19
|
+
>
|
|
20
|
+
<slot />
|
|
21
|
+
</CalendarGridRow>
|
|
22
|
+
</template>
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import type { CalendarHeadCellProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import { CalendarHeadCell, useForwardProps } from "reka-ui"
|
|
6
|
-
import { cn } from "@/lib/utils"
|
|
7
|
-
|
|
8
|
-
const props = defineProps<CalendarHeadCellProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
-
|
|
10
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
11
|
-
|
|
12
|
-
const forwardedProps = useForwardProps(delegatedProps)
|
|
13
|
-
</script>
|
|
14
|
-
|
|
15
|
-
<template>
|
|
16
|
-
<CalendarHeadCell
|
|
17
|
-
data-slot="calendar-head-cell"
|
|
18
|
-
:class="cn('text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]', props.class)"
|
|
19
|
-
v-bind="forwardedProps"
|
|
20
|
-
>
|
|
21
|
-
<slot />
|
|
22
|
-
</CalendarHeadCell>
|
|
23
|
-
</template>
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import type { CalendarHeadCellProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import { CalendarHeadCell, useForwardProps } from "reka-ui"
|
|
6
|
+
import { cn } from "@/lib/utils"
|
|
7
|
+
|
|
8
|
+
const props = defineProps<CalendarHeadCellProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
+
|
|
10
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
11
|
+
|
|
12
|
+
const forwardedProps = useForwardProps(delegatedProps)
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
<template>
|
|
16
|
+
<CalendarHeadCell
|
|
17
|
+
data-slot="calendar-head-cell"
|
|
18
|
+
:class="cn('text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]', props.class)"
|
|
19
|
+
v-bind="forwardedProps"
|
|
20
|
+
>
|
|
21
|
+
<slot />
|
|
22
|
+
</CalendarHeadCell>
|
|
23
|
+
</template>
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import type { CalendarHeaderProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import { CalendarHeader, useForwardProps } from "reka-ui"
|
|
6
|
-
import { cn } from "@/lib/utils"
|
|
7
|
-
|
|
8
|
-
const props = defineProps<CalendarHeaderProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
-
|
|
10
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
11
|
-
|
|
12
|
-
const forwardedProps = useForwardProps(delegatedProps)
|
|
13
|
-
</script>
|
|
14
|
-
|
|
15
|
-
<template>
|
|
16
|
-
<CalendarHeader
|
|
17
|
-
data-slot="calendar-header"
|
|
18
|
-
:class="cn('flex justify-center pt-1 relative items-center w-full', props.class)"
|
|
19
|
-
v-bind="forwardedProps"
|
|
20
|
-
>
|
|
21
|
-
<slot />
|
|
22
|
-
</CalendarHeader>
|
|
23
|
-
</template>
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import type { CalendarHeaderProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import { CalendarHeader, useForwardProps } from "reka-ui"
|
|
6
|
+
import { cn } from "@/lib/utils"
|
|
7
|
+
|
|
8
|
+
const props = defineProps<CalendarHeaderProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
+
|
|
10
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
11
|
+
|
|
12
|
+
const forwardedProps = useForwardProps(delegatedProps)
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
<template>
|
|
16
|
+
<CalendarHeader
|
|
17
|
+
data-slot="calendar-header"
|
|
18
|
+
:class="cn('flex justify-center pt-1 relative items-center w-full', props.class)"
|
|
19
|
+
v-bind="forwardedProps"
|
|
20
|
+
>
|
|
21
|
+
<slot />
|
|
22
|
+
</CalendarHeader>
|
|
23
|
+
</template>
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import type { CalendarHeadingProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import { CalendarHeading, useForwardProps } from "reka-ui"
|
|
6
|
-
import { cn } from "@/lib/utils"
|
|
7
|
-
|
|
8
|
-
const props = defineProps<CalendarHeadingProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
-
|
|
10
|
-
defineSlots<{
|
|
11
|
-
default: (props: { headingValue: string }) => any
|
|
12
|
-
}>()
|
|
13
|
-
|
|
14
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
15
|
-
|
|
16
|
-
const forwardedProps = useForwardProps(delegatedProps)
|
|
17
|
-
</script>
|
|
18
|
-
|
|
19
|
-
<template>
|
|
20
|
-
<CalendarHeading
|
|
21
|
-
v-slot="{ headingValue }"
|
|
22
|
-
data-slot="calendar-heading"
|
|
23
|
-
:class="cn('text-sm font-medium', props.class)"
|
|
24
|
-
v-bind="forwardedProps"
|
|
25
|
-
>
|
|
26
|
-
<slot :heading-value>
|
|
27
|
-
{{ headingValue }}
|
|
28
|
-
</slot>
|
|
29
|
-
</CalendarHeading>
|
|
30
|
-
</template>
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import type { CalendarHeadingProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import { CalendarHeading, useForwardProps } from "reka-ui"
|
|
6
|
+
import { cn } from "@/lib/utils"
|
|
7
|
+
|
|
8
|
+
const props = defineProps<CalendarHeadingProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
+
|
|
10
|
+
defineSlots<{
|
|
11
|
+
default: (props: { headingValue: string }) => any
|
|
12
|
+
}>()
|
|
13
|
+
|
|
14
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
15
|
+
|
|
16
|
+
const forwardedProps = useForwardProps(delegatedProps)
|
|
17
|
+
</script>
|
|
18
|
+
|
|
19
|
+
<template>
|
|
20
|
+
<CalendarHeading
|
|
21
|
+
v-slot="{ headingValue }"
|
|
22
|
+
data-slot="calendar-heading"
|
|
23
|
+
:class="cn('text-sm font-medium', props.class)"
|
|
24
|
+
v-bind="forwardedProps"
|
|
25
|
+
>
|
|
26
|
+
<slot :heading-value>
|
|
27
|
+
{{ headingValue }}
|
|
28
|
+
</slot>
|
|
29
|
+
</CalendarHeading>
|
|
30
|
+
</template>
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import type { CalendarNextProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import { ChevronRight } from "lucide-vue-next"
|
|
6
|
-
import { CalendarNext, useForwardProps } from "reka-ui"
|
|
7
|
-
import { cn } from "@/lib/utils"
|
|
8
|
-
import { buttonVariants } from '@/shadcn/button'
|
|
9
|
-
|
|
10
|
-
const props = defineProps<CalendarNextProps & { class?: HTMLAttributes["class"] }>()
|
|
11
|
-
|
|
12
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
13
|
-
|
|
14
|
-
const forwardedProps = useForwardProps(delegatedProps)
|
|
15
|
-
</script>
|
|
16
|
-
|
|
17
|
-
<template>
|
|
18
|
-
<CalendarNext
|
|
19
|
-
data-slot="calendar-next-button"
|
|
20
|
-
:class="cn(
|
|
21
|
-
buttonVariants({ variant: 'outline' }),
|
|
22
|
-
'absolute right-1',
|
|
23
|
-
'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',
|
|
24
|
-
props.class,
|
|
25
|
-
)"
|
|
26
|
-
v-bind="forwardedProps"
|
|
27
|
-
>
|
|
28
|
-
<slot>
|
|
29
|
-
<ChevronRight class="size-4" />
|
|
30
|
-
</slot>
|
|
31
|
-
</CalendarNext>
|
|
32
|
-
</template>
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import type { CalendarNextProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import { ChevronRight } from "lucide-vue-next"
|
|
6
|
+
import { CalendarNext, useForwardProps } from "reka-ui"
|
|
7
|
+
import { cn } from "@/lib/utils"
|
|
8
|
+
import { buttonVariants } from '@/shadcn/button'
|
|
9
|
+
|
|
10
|
+
const props = defineProps<CalendarNextProps & { class?: HTMLAttributes["class"] }>()
|
|
11
|
+
|
|
12
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
13
|
+
|
|
14
|
+
const forwardedProps = useForwardProps(delegatedProps)
|
|
15
|
+
</script>
|
|
16
|
+
|
|
17
|
+
<template>
|
|
18
|
+
<CalendarNext
|
|
19
|
+
data-slot="calendar-next-button"
|
|
20
|
+
:class="cn(
|
|
21
|
+
buttonVariants({ variant: 'outline' }),
|
|
22
|
+
'absolute right-1',
|
|
23
|
+
'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',
|
|
24
|
+
props.class,
|
|
25
|
+
)"
|
|
26
|
+
v-bind="forwardedProps"
|
|
27
|
+
>
|
|
28
|
+
<slot>
|
|
29
|
+
<ChevronRight class="size-4" />
|
|
30
|
+
</slot>
|
|
31
|
+
</CalendarNext>
|
|
32
|
+
</template>
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import type { CalendarPrevProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import { ChevronLeft } from "lucide-vue-next"
|
|
6
|
-
import { CalendarPrev, useForwardProps } from "reka-ui"
|
|
7
|
-
import { cn } from "@/lib/utils"
|
|
8
|
-
import { buttonVariants } from '@/shadcn/button'
|
|
9
|
-
|
|
10
|
-
const props = defineProps<CalendarPrevProps & { class?: HTMLAttributes["class"] }>()
|
|
11
|
-
|
|
12
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
13
|
-
|
|
14
|
-
const forwardedProps = useForwardProps(delegatedProps)
|
|
15
|
-
</script>
|
|
16
|
-
|
|
17
|
-
<template>
|
|
18
|
-
<CalendarPrev
|
|
19
|
-
data-slot="calendar-prev-button"
|
|
20
|
-
:class="cn(
|
|
21
|
-
buttonVariants({ variant: 'outline' }),
|
|
22
|
-
'absolute left-1',
|
|
23
|
-
'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',
|
|
24
|
-
props.class,
|
|
25
|
-
)"
|
|
26
|
-
v-bind="forwardedProps"
|
|
27
|
-
>
|
|
28
|
-
<slot>
|
|
29
|
-
<ChevronLeft class="size-4" />
|
|
30
|
-
</slot>
|
|
31
|
-
</CalendarPrev>
|
|
32
|
-
</template>
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import type { CalendarPrevProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import { ChevronLeft } from "lucide-vue-next"
|
|
6
|
+
import { CalendarPrev, useForwardProps } from "reka-ui"
|
|
7
|
+
import { cn } from "@/lib/utils"
|
|
8
|
+
import { buttonVariants } from '@/shadcn/button'
|
|
9
|
+
|
|
10
|
+
const props = defineProps<CalendarPrevProps & { class?: HTMLAttributes["class"] }>()
|
|
11
|
+
|
|
12
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
13
|
+
|
|
14
|
+
const forwardedProps = useForwardProps(delegatedProps)
|
|
15
|
+
</script>
|
|
16
|
+
|
|
17
|
+
<template>
|
|
18
|
+
<CalendarPrev
|
|
19
|
+
data-slot="calendar-prev-button"
|
|
20
|
+
:class="cn(
|
|
21
|
+
buttonVariants({ variant: 'outline' }),
|
|
22
|
+
'absolute left-1',
|
|
23
|
+
'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',
|
|
24
|
+
props.class,
|
|
25
|
+
)"
|
|
26
|
+
v-bind="forwardedProps"
|
|
27
|
+
>
|
|
28
|
+
<slot>
|
|
29
|
+
<ChevronLeft class="size-4" />
|
|
30
|
+
</slot>
|
|
31
|
+
</CalendarPrev>
|
|
32
|
+
</template>
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export { default as Calendar } from "./Calendar.vue"
|
|
2
|
-
export { default as CalendarCell } from "./CalendarCell.vue"
|
|
3
|
-
export { default as CalendarCellTrigger } from "./CalendarCellTrigger.vue"
|
|
4
|
-
export { default as CalendarGrid } from "./CalendarGrid.vue"
|
|
5
|
-
export { default as CalendarGridBody } from "./CalendarGridBody.vue"
|
|
6
|
-
export { default as CalendarGridHead } from "./CalendarGridHead.vue"
|
|
7
|
-
export { default as CalendarGridRow } from "./CalendarGridRow.vue"
|
|
8
|
-
export { default as CalendarHeadCell } from "./CalendarHeadCell.vue"
|
|
9
|
-
export { default as CalendarHeader } from "./CalendarHeader.vue"
|
|
10
|
-
export { default as CalendarHeading } from "./CalendarHeading.vue"
|
|
11
|
-
export { default as CalendarNextButton } from "./CalendarNextButton.vue"
|
|
12
|
-
export { default as CalendarPrevButton } from "./CalendarPrevButton.vue"
|
|
1
|
+
export { default as Calendar } from "./Calendar.vue"
|
|
2
|
+
export { default as CalendarCell } from "./CalendarCell.vue"
|
|
3
|
+
export { default as CalendarCellTrigger } from "./CalendarCellTrigger.vue"
|
|
4
|
+
export { default as CalendarGrid } from "./CalendarGrid.vue"
|
|
5
|
+
export { default as CalendarGridBody } from "./CalendarGridBody.vue"
|
|
6
|
+
export { default as CalendarGridHead } from "./CalendarGridHead.vue"
|
|
7
|
+
export { default as CalendarGridRow } from "./CalendarGridRow.vue"
|
|
8
|
+
export { default as CalendarHeadCell } from "./CalendarHeadCell.vue"
|
|
9
|
+
export { default as CalendarHeader } from "./CalendarHeader.vue"
|
|
10
|
+
export { default as CalendarHeading } from "./CalendarHeading.vue"
|
|
11
|
+
export { default as CalendarNextButton } from "./CalendarNextButton.vue"
|
|
12
|
+
export { default as CalendarPrevButton } from "./CalendarPrevButton.vue"
|
package/src/shadcn/card/Card.vue
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="bg-card border rounded-lg shadow-sm">
|
|
3
|
-
<slot />
|
|
4
|
-
</div>
|
|
5
|
-
</template>
|
|
6
|
-
<script setup lang="ts">
|
|
7
|
-
// No props needed
|
|
8
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="bg-card border rounded-lg shadow-sm">
|
|
3
|
+
<slot />
|
|
4
|
+
</div>
|
|
5
|
+
</template>
|
|
6
|
+
<script setup lang="ts">
|
|
7
|
+
// No props needed
|
|
8
|
+
</script>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="p-4">
|
|
3
|
-
<slot />
|
|
4
|
-
</div>
|
|
5
|
-
</template>
|
|
6
|
-
<script setup lang="ts">
|
|
7
|
-
// No props needed
|
|
8
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="p-4">
|
|
3
|
+
<slot />
|
|
4
|
+
</div>
|
|
5
|
+
</template>
|
|
6
|
+
<script setup lang="ts">
|
|
7
|
+
// No props needed
|
|
8
|
+
</script>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<p class="text-muted-foreground text-sm">
|
|
3
|
-
<slot />
|
|
4
|
-
</p>
|
|
5
|
-
</template>
|
|
6
|
-
<script setup lang="ts">
|
|
7
|
-
// No props needed
|
|
8
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<p class="text-muted-foreground text-sm">
|
|
3
|
+
<slot />
|
|
4
|
+
</p>
|
|
5
|
+
</template>
|
|
6
|
+
<script setup lang="ts">
|
|
7
|
+
// No props needed
|
|
8
|
+
</script>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="p-4 border-b">
|
|
3
|
-
<slot />
|
|
4
|
-
</div>
|
|
5
|
-
</template>
|
|
6
|
-
<script setup lang="ts">
|
|
7
|
-
// No props needed
|
|
8
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="p-4 border-b">
|
|
3
|
+
<slot />
|
|
4
|
+
</div>
|
|
5
|
+
</template>
|
|
6
|
+
<script setup lang="ts">
|
|
7
|
+
// No props needed
|
|
8
|
+
</script>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<h3 class="text-lg font-semibold">
|
|
3
|
-
<slot />
|
|
4
|
-
</h3>
|
|
5
|
-
</template>
|
|
6
|
-
<script setup lang="ts">
|
|
7
|
-
// No props needed
|
|
8
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<h3 class="text-lg font-semibold">
|
|
3
|
+
<slot />
|
|
4
|
+
</h3>
|
|
5
|
+
</template>
|
|
6
|
+
<script setup lang="ts">
|
|
7
|
+
// No props needed
|
|
8
|
+
</script>
|
package/src/shadcn/card/index.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default as Card } from './Card.vue';
|
|
2
|
-
export { default as CardHeader } from './CardHeader.vue';
|
|
3
|
-
export { default as CardContent } from './CardContent.vue';
|
|
4
|
-
export { default as CardTitle } from './CardTitle.vue';
|
|
5
|
-
export { default as CardDescription } from './CardDescription.vue';
|
|
1
|
+
export { default as Card } from './Card.vue';
|
|
2
|
+
export { default as CardHeader } from './CardHeader.vue';
|
|
3
|
+
export { default as CardContent } from './CardContent.vue';
|
|
4
|
+
export { default as CardTitle } from './CardTitle.vue';
|
|
5
|
+
export { default as CardDescription } from './CardDescription.vue';
|