@invana/ui 0.0.5 → 0.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/dist/index.cjs +78 -117
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +51 -55
- package/dist/index.d.ts +51 -55
- package/dist/index.js +78 -118
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +3 -3
package/dist/index.d.cts
CHANGED
|
@@ -525,6 +525,54 @@ interface MenuItem {
|
|
|
525
525
|
}
|
|
526
526
|
declare const MenuItem: React$1.FC<MenuItemProps>;
|
|
527
527
|
|
|
528
|
+
/**
|
|
529
|
+
* NavItemConfig - Shared configuration for a single navigation item, used by
|
|
530
|
+
* both NavHorizontal and NavVertical. An item renders as an `<a>` (when `href`
|
|
531
|
+
* is set), a `<button>` (when `onClick` is set), or a static `<div>`.
|
|
532
|
+
*/
|
|
533
|
+
interface NavItemConfig {
|
|
534
|
+
/** Optional unique key for React rendering */
|
|
535
|
+
key?: string;
|
|
536
|
+
/** Display name shown in tooltip */
|
|
537
|
+
name: string;
|
|
538
|
+
/** Optional label text to display next to the icon */
|
|
539
|
+
label?: React__default.ReactNode;
|
|
540
|
+
/** Navigation URL (for anchor tag) */
|
|
541
|
+
href?: string;
|
|
542
|
+
/** Click handler (for button behavior) */
|
|
543
|
+
onClick?: () => void;
|
|
544
|
+
/** Additional CSS classes for the item wrapper */
|
|
545
|
+
className?: string;
|
|
546
|
+
/** CSS classes applied when item is active */
|
|
547
|
+
activeClass?: string;
|
|
548
|
+
/** CSS classes for the icon */
|
|
549
|
+
iconClassName?: string;
|
|
550
|
+
/** Stroke width for the icon (default: 2) */
|
|
551
|
+
iconStroke?: number;
|
|
552
|
+
/** Tooltip position */
|
|
553
|
+
tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
|
|
554
|
+
/** Show a separator line after this item */
|
|
555
|
+
showSeperator?: boolean;
|
|
556
|
+
/** Lucide icon component */
|
|
557
|
+
icon: React__default.ElementType | LucideIcon;
|
|
558
|
+
/** Custom tooltip content (overrides name) */
|
|
559
|
+
tooltip?: React__default.ReactNode;
|
|
560
|
+
}
|
|
561
|
+
interface NavItemsProps {
|
|
562
|
+
items: NavItemConfig[];
|
|
563
|
+
/** Layout orientation — drives default icon size, padding, tooltip side and separator. */
|
|
564
|
+
orientation?: 'horizontal' | 'vertical';
|
|
565
|
+
/** Default tooltip side when an item doesn't specify one. */
|
|
566
|
+
tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
|
|
567
|
+
/** Default icon classes when an item doesn't specify `iconClassName`. */
|
|
568
|
+
iconClassName?: string;
|
|
569
|
+
}
|
|
570
|
+
/**
|
|
571
|
+
* NavItems - Shared renderer for navigation items. Renders href / onClick /
|
|
572
|
+
* static items with identical styling so all three share the same padding,
|
|
573
|
+
* primary hover + active highlight, and icon size.
|
|
574
|
+
*/
|
|
575
|
+
declare const NavItems: React__default.FC<NavItemsProps>;
|
|
528
576
|
interface NavSection {
|
|
529
577
|
content?: React__default.ReactNode;
|
|
530
578
|
className?: string;
|
|
@@ -565,34 +613,7 @@ declare const NavBase: React__default.FC<BaseNavProps>;
|
|
|
565
613
|
* ];
|
|
566
614
|
* ```
|
|
567
615
|
*/
|
|
568
|
-
|
|
569
|
-
/** Optional unique key for React rendering */
|
|
570
|
-
key?: string;
|
|
571
|
-
/** Display name shown in tooltip */
|
|
572
|
-
name: string;
|
|
573
|
-
/** Optional label text to display next to the icon */
|
|
574
|
-
label?: React__default.ReactNode;
|
|
575
|
-
/** Navigation URL (for anchor tag) */
|
|
576
|
-
href?: string;
|
|
577
|
-
/** Click handler (for button behavior) */
|
|
578
|
-
onClick?: () => void;
|
|
579
|
-
/** Additional CSS classes for the item wrapper */
|
|
580
|
-
className?: string;
|
|
581
|
-
/** CSS classes applied when item is active */
|
|
582
|
-
activeClass?: string;
|
|
583
|
-
/** CSS classes for the icon */
|
|
584
|
-
iconClassName?: string;
|
|
585
|
-
/** Stroke width for the icon (default: 2) */
|
|
586
|
-
iconStroke?: number;
|
|
587
|
-
/** Tooltip position (default: 'bottom') */
|
|
588
|
-
tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
|
|
589
|
-
/** Show a separator line after this item */
|
|
590
|
-
showSeperator?: boolean;
|
|
591
|
-
/** Lucide icon component */
|
|
592
|
-
icon: React__default.ElementType | LucideIcon;
|
|
593
|
-
/** Custom tooltip content (overrides name) */
|
|
594
|
-
tooltip?: React__default.ReactNode;
|
|
595
|
-
}
|
|
616
|
+
type NavHorizontalItem = NavItemConfig;
|
|
596
617
|
interface NavHorizontalItemsProps {
|
|
597
618
|
items: NavHorizontalItem[];
|
|
598
619
|
}
|
|
@@ -673,32 +694,7 @@ declare const NavHorizontal: React__default.FC<NavHorizontalProps>;
|
|
|
673
694
|
* ];
|
|
674
695
|
* ```
|
|
675
696
|
*/
|
|
676
|
-
|
|
677
|
-
/** Optional unique key for React rendering */
|
|
678
|
-
key?: string;
|
|
679
|
-
/** Display name shown in tooltip */
|
|
680
|
-
name: string;
|
|
681
|
-
/** Navigation URL (for anchor tag) */
|
|
682
|
-
href?: string;
|
|
683
|
-
/** Click handler (for button behavior) */
|
|
684
|
-
onClick?: () => void;
|
|
685
|
-
/** Additional CSS classes for the item wrapper */
|
|
686
|
-
className?: string;
|
|
687
|
-
/** CSS classes applied when item is active */
|
|
688
|
-
activeClass?: string;
|
|
689
|
-
/** CSS classes for the icon */
|
|
690
|
-
iconClassName?: string;
|
|
691
|
-
/** Stroke width for the icon (default: 2) */
|
|
692
|
-
iconStroke?: number;
|
|
693
|
-
/** Tooltip position (default: 'right') */
|
|
694
|
-
tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
|
|
695
|
-
/** Show a separator line after this item */
|
|
696
|
-
showSeperator?: boolean;
|
|
697
|
-
/** Lucide icon component */
|
|
698
|
-
icon: React__default.ElementType | LucideIcon;
|
|
699
|
-
/** Custom tooltip content (overrides name) */
|
|
700
|
-
tooltip?: React__default.ReactNode;
|
|
701
|
-
}
|
|
697
|
+
type NavVerticalItem = NavItemConfig;
|
|
702
698
|
interface NavVerticalItemsProps {
|
|
703
699
|
items: NavVerticalItem[];
|
|
704
700
|
}
|
|
@@ -1091,4 +1087,4 @@ declare const Typography: {
|
|
|
1091
1087
|
Pre: React$1.ForwardRefExoticComponent<TypographyPreProps & React$1.RefAttributes<HTMLPreElement>>;
|
|
1092
1088
|
};
|
|
1093
1089
|
|
|
1094
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BaseNavProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, ButtonWithTooltip, type ButtonWithTooltipProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorBoundary, HoverCard, HoverCardContent, HoverCardTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, MenuItem, type MenuItemProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavBase, NavHorizontal, type NavHorizontalItem, NavHorizontalItems, type NavHorizontalItemsProps, type NavHorizontalProps, type NavSection, NavVertical, type NavVerticalItem, NavVerticalItems, type NavVerticalItemsProps, type NavVerticalProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, type NestedMenuProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelContent, type PanelContentProps, Popover, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichSelect, type RichSelectOption, type RichSelectProps, ScrollArea, ScrollBar, SearchInput, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, type TabConfig, TabbedPanel, type TabbedPanelProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, type TourController, type TourProps, type TourReference, type TourStep, TreeItem, TreeView, type TreeViewProps, Typography, TypographyBlockquote, type TypographyBlockquoteProps, TypographyH1, type TypographyH1Props, TypographyH2, type TypographyH2Props, TypographyH3, type TypographyH3Props, TypographyH4, type TypographyH4Props, TypographyH5, type TypographyH5Props, TypographyH6, type TypographyH6Props, TypographyInlineCode, type TypographyInlineCodeProps, TypographyLarge, type TypographyLargeProps, TypographyLead, type TypographyLeadProps, TypographyList, type TypographyListProps, TypographyMuted, type TypographyMutedProps, TypographyP, type TypographyPProps, TypographyPre, type TypographyPreProps, TypographySmall, type TypographySmallProps, UnderDevelopment, type UnderDevelopmentProps, type UseTourOptions, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useSidebar, useTour };
|
|
1090
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BaseNavProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, ButtonWithTooltip, type ButtonWithTooltipProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorBoundary, HoverCard, HoverCardContent, HoverCardTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, MenuItem, type MenuItemProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavBase, NavHorizontal, type NavHorizontalItem, NavHorizontalItems, type NavHorizontalItemsProps, type NavHorizontalProps, type NavItemConfig, NavItems, type NavItemsProps, type NavSection, NavVertical, type NavVerticalItem, NavVerticalItems, type NavVerticalItemsProps, type NavVerticalProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, type NestedMenuProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelContent, type PanelContentProps, Popover, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichSelect, type RichSelectOption, type RichSelectProps, ScrollArea, ScrollBar, SearchInput, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, type TabConfig, TabbedPanel, type TabbedPanelProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, type TourController, type TourProps, type TourReference, type TourStep, TreeItem, TreeView, type TreeViewProps, Typography, TypographyBlockquote, type TypographyBlockquoteProps, TypographyH1, type TypographyH1Props, TypographyH2, type TypographyH2Props, TypographyH3, type TypographyH3Props, TypographyH4, type TypographyH4Props, TypographyH5, type TypographyH5Props, TypographyH6, type TypographyH6Props, TypographyInlineCode, type TypographyInlineCodeProps, TypographyLarge, type TypographyLargeProps, TypographyLead, type TypographyLeadProps, TypographyList, type TypographyListProps, TypographyMuted, type TypographyMutedProps, TypographyP, type TypographyPProps, TypographyPre, type TypographyPreProps, TypographySmall, type TypographySmallProps, UnderDevelopment, type UnderDevelopmentProps, type UseTourOptions, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useSidebar, useTour };
|
package/dist/index.d.ts
CHANGED
|
@@ -525,6 +525,54 @@ interface MenuItem {
|
|
|
525
525
|
}
|
|
526
526
|
declare const MenuItem: React$1.FC<MenuItemProps>;
|
|
527
527
|
|
|
528
|
+
/**
|
|
529
|
+
* NavItemConfig - Shared configuration for a single navigation item, used by
|
|
530
|
+
* both NavHorizontal and NavVertical. An item renders as an `<a>` (when `href`
|
|
531
|
+
* is set), a `<button>` (when `onClick` is set), or a static `<div>`.
|
|
532
|
+
*/
|
|
533
|
+
interface NavItemConfig {
|
|
534
|
+
/** Optional unique key for React rendering */
|
|
535
|
+
key?: string;
|
|
536
|
+
/** Display name shown in tooltip */
|
|
537
|
+
name: string;
|
|
538
|
+
/** Optional label text to display next to the icon */
|
|
539
|
+
label?: React__default.ReactNode;
|
|
540
|
+
/** Navigation URL (for anchor tag) */
|
|
541
|
+
href?: string;
|
|
542
|
+
/** Click handler (for button behavior) */
|
|
543
|
+
onClick?: () => void;
|
|
544
|
+
/** Additional CSS classes for the item wrapper */
|
|
545
|
+
className?: string;
|
|
546
|
+
/** CSS classes applied when item is active */
|
|
547
|
+
activeClass?: string;
|
|
548
|
+
/** CSS classes for the icon */
|
|
549
|
+
iconClassName?: string;
|
|
550
|
+
/** Stroke width for the icon (default: 2) */
|
|
551
|
+
iconStroke?: number;
|
|
552
|
+
/** Tooltip position */
|
|
553
|
+
tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
|
|
554
|
+
/** Show a separator line after this item */
|
|
555
|
+
showSeperator?: boolean;
|
|
556
|
+
/** Lucide icon component */
|
|
557
|
+
icon: React__default.ElementType | LucideIcon;
|
|
558
|
+
/** Custom tooltip content (overrides name) */
|
|
559
|
+
tooltip?: React__default.ReactNode;
|
|
560
|
+
}
|
|
561
|
+
interface NavItemsProps {
|
|
562
|
+
items: NavItemConfig[];
|
|
563
|
+
/** Layout orientation — drives default icon size, padding, tooltip side and separator. */
|
|
564
|
+
orientation?: 'horizontal' | 'vertical';
|
|
565
|
+
/** Default tooltip side when an item doesn't specify one. */
|
|
566
|
+
tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
|
|
567
|
+
/** Default icon classes when an item doesn't specify `iconClassName`. */
|
|
568
|
+
iconClassName?: string;
|
|
569
|
+
}
|
|
570
|
+
/**
|
|
571
|
+
* NavItems - Shared renderer for navigation items. Renders href / onClick /
|
|
572
|
+
* static items with identical styling so all three share the same padding,
|
|
573
|
+
* primary hover + active highlight, and icon size.
|
|
574
|
+
*/
|
|
575
|
+
declare const NavItems: React__default.FC<NavItemsProps>;
|
|
528
576
|
interface NavSection {
|
|
529
577
|
content?: React__default.ReactNode;
|
|
530
578
|
className?: string;
|
|
@@ -565,34 +613,7 @@ declare const NavBase: React__default.FC<BaseNavProps>;
|
|
|
565
613
|
* ];
|
|
566
614
|
* ```
|
|
567
615
|
*/
|
|
568
|
-
|
|
569
|
-
/** Optional unique key for React rendering */
|
|
570
|
-
key?: string;
|
|
571
|
-
/** Display name shown in tooltip */
|
|
572
|
-
name: string;
|
|
573
|
-
/** Optional label text to display next to the icon */
|
|
574
|
-
label?: React__default.ReactNode;
|
|
575
|
-
/** Navigation URL (for anchor tag) */
|
|
576
|
-
href?: string;
|
|
577
|
-
/** Click handler (for button behavior) */
|
|
578
|
-
onClick?: () => void;
|
|
579
|
-
/** Additional CSS classes for the item wrapper */
|
|
580
|
-
className?: string;
|
|
581
|
-
/** CSS classes applied when item is active */
|
|
582
|
-
activeClass?: string;
|
|
583
|
-
/** CSS classes for the icon */
|
|
584
|
-
iconClassName?: string;
|
|
585
|
-
/** Stroke width for the icon (default: 2) */
|
|
586
|
-
iconStroke?: number;
|
|
587
|
-
/** Tooltip position (default: 'bottom') */
|
|
588
|
-
tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
|
|
589
|
-
/** Show a separator line after this item */
|
|
590
|
-
showSeperator?: boolean;
|
|
591
|
-
/** Lucide icon component */
|
|
592
|
-
icon: React__default.ElementType | LucideIcon;
|
|
593
|
-
/** Custom tooltip content (overrides name) */
|
|
594
|
-
tooltip?: React__default.ReactNode;
|
|
595
|
-
}
|
|
616
|
+
type NavHorizontalItem = NavItemConfig;
|
|
596
617
|
interface NavHorizontalItemsProps {
|
|
597
618
|
items: NavHorizontalItem[];
|
|
598
619
|
}
|
|
@@ -673,32 +694,7 @@ declare const NavHorizontal: React__default.FC<NavHorizontalProps>;
|
|
|
673
694
|
* ];
|
|
674
695
|
* ```
|
|
675
696
|
*/
|
|
676
|
-
|
|
677
|
-
/** Optional unique key for React rendering */
|
|
678
|
-
key?: string;
|
|
679
|
-
/** Display name shown in tooltip */
|
|
680
|
-
name: string;
|
|
681
|
-
/** Navigation URL (for anchor tag) */
|
|
682
|
-
href?: string;
|
|
683
|
-
/** Click handler (for button behavior) */
|
|
684
|
-
onClick?: () => void;
|
|
685
|
-
/** Additional CSS classes for the item wrapper */
|
|
686
|
-
className?: string;
|
|
687
|
-
/** CSS classes applied when item is active */
|
|
688
|
-
activeClass?: string;
|
|
689
|
-
/** CSS classes for the icon */
|
|
690
|
-
iconClassName?: string;
|
|
691
|
-
/** Stroke width for the icon (default: 2) */
|
|
692
|
-
iconStroke?: number;
|
|
693
|
-
/** Tooltip position (default: 'right') */
|
|
694
|
-
tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
|
|
695
|
-
/** Show a separator line after this item */
|
|
696
|
-
showSeperator?: boolean;
|
|
697
|
-
/** Lucide icon component */
|
|
698
|
-
icon: React__default.ElementType | LucideIcon;
|
|
699
|
-
/** Custom tooltip content (overrides name) */
|
|
700
|
-
tooltip?: React__default.ReactNode;
|
|
701
|
-
}
|
|
697
|
+
type NavVerticalItem = NavItemConfig;
|
|
702
698
|
interface NavVerticalItemsProps {
|
|
703
699
|
items: NavVerticalItem[];
|
|
704
700
|
}
|
|
@@ -1091,4 +1087,4 @@ declare const Typography: {
|
|
|
1091
1087
|
Pre: React$1.ForwardRefExoticComponent<TypographyPreProps & React$1.RefAttributes<HTMLPreElement>>;
|
|
1092
1088
|
};
|
|
1093
1089
|
|
|
1094
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BaseNavProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, ButtonWithTooltip, type ButtonWithTooltipProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorBoundary, HoverCard, HoverCardContent, HoverCardTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, MenuItem, type MenuItemProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavBase, NavHorizontal, type NavHorizontalItem, NavHorizontalItems, type NavHorizontalItemsProps, type NavHorizontalProps, type NavSection, NavVertical, type NavVerticalItem, NavVerticalItems, type NavVerticalItemsProps, type NavVerticalProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, type NestedMenuProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelContent, type PanelContentProps, Popover, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichSelect, type RichSelectOption, type RichSelectProps, ScrollArea, ScrollBar, SearchInput, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, type TabConfig, TabbedPanel, type TabbedPanelProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, type TourController, type TourProps, type TourReference, type TourStep, TreeItem, TreeView, type TreeViewProps, Typography, TypographyBlockquote, type TypographyBlockquoteProps, TypographyH1, type TypographyH1Props, TypographyH2, type TypographyH2Props, TypographyH3, type TypographyH3Props, TypographyH4, type TypographyH4Props, TypographyH5, type TypographyH5Props, TypographyH6, type TypographyH6Props, TypographyInlineCode, type TypographyInlineCodeProps, TypographyLarge, type TypographyLargeProps, TypographyLead, type TypographyLeadProps, TypographyList, type TypographyListProps, TypographyMuted, type TypographyMutedProps, TypographyP, type TypographyPProps, TypographyPre, type TypographyPreProps, TypographySmall, type TypographySmallProps, UnderDevelopment, type UnderDevelopmentProps, type UseTourOptions, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useSidebar, useTour };
|
|
1090
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BaseNavProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, ButtonWithTooltip, type ButtonWithTooltipProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorBoundary, HoverCard, HoverCardContent, HoverCardTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, MenuItem, type MenuItemProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavBase, NavHorizontal, type NavHorizontalItem, NavHorizontalItems, type NavHorizontalItemsProps, type NavHorizontalProps, type NavItemConfig, NavItems, type NavItemsProps, type NavSection, NavVertical, type NavVerticalItem, NavVerticalItems, type NavVerticalItemsProps, type NavVerticalProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, type NestedMenuProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelContent, type PanelContentProps, Popover, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichSelect, type RichSelectOption, type RichSelectProps, ScrollArea, ScrollBar, SearchInput, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, type TabConfig, TabbedPanel, type TabbedPanelProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, type TourController, type TourProps, type TourReference, type TourStep, TreeItem, TreeView, type TreeViewProps, Typography, TypographyBlockquote, type TypographyBlockquoteProps, TypographyH1, type TypographyH1Props, TypographyH2, type TypographyH2Props, TypographyH3, type TypographyH3Props, TypographyH4, type TypographyH4Props, TypographyH5, type TypographyH5Props, TypographyH6, type TypographyH6Props, TypographyInlineCode, type TypographyInlineCodeProps, TypographyLarge, type TypographyLargeProps, TypographyLead, type TypographyLeadProps, TypographyList, type TypographyListProps, TypographyMuted, type TypographyMutedProps, TypographyP, type TypographyPProps, TypographyPre, type TypographyPreProps, TypographySmall, type TypographySmallProps, UnderDevelopment, type UnderDevelopmentProps, type UseTourOptions, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useSidebar, useTour };
|
package/dist/index.js
CHANGED
|
@@ -114,12 +114,12 @@ var buttonVariants = cva(
|
|
|
114
114
|
{
|
|
115
115
|
variants: {
|
|
116
116
|
variant: {
|
|
117
|
-
default: "bg-primary text-primary-foreground shadow ring-1 ring-primary/30 hover:ring-primary/50 hover:shadow-lg active:bg-primary",
|
|
118
|
-
destructive: "bg-destructive text-destructive-foreground shadow-sm ring-1 ring-destructive/40 hover:ring-destructive/60 active:bg-destructive/70",
|
|
119
|
-
outline: "bg-background shadow-sm ring-1 ring-border hover:bg-
|
|
120
|
-
secondary: "bg-secondary text-secondary-foreground shadow-sm ring-1 ring-border hover:bg-secondary/80 hover:ring-
|
|
121
|
-
ghost: "ring-1 ring-transparent hover:bg-
|
|
122
|
-
soft: "bg-primary/10 text-primary ring-1 ring-primary/30 shadow-sm hover:bg-primary/20 active:bg-primary/25",
|
|
117
|
+
default: "bg-[hsl(var(--primary)_/_var(--surface-alpha))] glassable text-primary-foreground shadow ring-1 ring-primary/30 hover:ring-primary/50 hover:shadow-lg active:bg-[hsl(var(--primary)_/_var(--surface-alpha))]",
|
|
118
|
+
destructive: "bg-[hsl(var(--destructive)_/_var(--surface-alpha))] glassable text-destructive-foreground shadow-sm ring-1 ring-destructive/40 hover:ring-destructive/60 active:bg-destructive/70",
|
|
119
|
+
outline: "bg-[hsl(var(--background)_/_var(--surface-alpha))] glassable shadow-sm ring-1 ring-border hover:bg-[hsl(var(--accent)_/_var(--surface-alpha))] hover:text-accent-foreground active:bg-[hsl(var(--accent)_/_var(--surface-alpha))]",
|
|
120
|
+
secondary: "bg-[hsl(var(--secondary)_/_var(--surface-alpha))] glassable text-secondary-foreground shadow-sm ring-1 ring-border hover:bg-secondary/80 hover:ring-border active:bg-secondary/60",
|
|
121
|
+
ghost: "ring-1 ring-transparent hover:bg-[hsl(var(--accent)_/_var(--surface-alpha))] hover:text-accent-foreground active:bg-[hsl(var(--accent)_/_var(--surface-alpha))]",
|
|
122
|
+
soft: "bg-primary/10 glassable text-primary ring-1 ring-primary/30 shadow-sm hover:bg-primary/20 active:bg-primary/25",
|
|
123
123
|
link: "text-primary underline-offset-4 hover:underline hover:text-primary/80 active:text-primary/60"
|
|
124
124
|
},
|
|
125
125
|
size: {
|
|
@@ -2706,6 +2706,75 @@ var MenuItem = ({
|
|
|
2706
2706
|
)
|
|
2707
2707
|
] });
|
|
2708
2708
|
};
|
|
2709
|
+
var NavItems = ({
|
|
2710
|
+
items,
|
|
2711
|
+
orientation = "horizontal",
|
|
2712
|
+
tooltipSide = orientation === "vertical" ? "right" : "bottom",
|
|
2713
|
+
iconClassName = orientation === "vertical" ? "w-5 h-5" : "w-4 h-4 flex-shrink-0"
|
|
2714
|
+
}) => {
|
|
2715
|
+
const isVertical = orientation === "vertical";
|
|
2716
|
+
const [activeItem, setActiveItem] = React23__default.useState(null);
|
|
2717
|
+
return /* @__PURE__ */ jsx(Fragment, { children: items.map((item) => {
|
|
2718
|
+
const isActive = activeItem === item.name;
|
|
2719
|
+
const padding = item.label ? "px-3 py-1.5" : "px-2 py-2";
|
|
2720
|
+
const itemClass = `inline-flex border-0 items-center justify-center gap-2
|
|
2721
|
+
whitespace-nowrap rounded-md cursor-pointer transition-colors
|
|
2722
|
+
ring-1 ring-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring
|
|
2723
|
+
${padding}
|
|
2724
|
+
hover:bg-primary/10 hover:text-primary hover:ring-primary/25
|
|
2725
|
+
${isActive ? `bg-primary/15 text-primary ring-primary/25 ${item.activeClass || ""}` : ""}
|
|
2726
|
+
${item.className || ""}`;
|
|
2727
|
+
const icon = /* @__PURE__ */ jsx(
|
|
2728
|
+
item.icon,
|
|
2729
|
+
{
|
|
2730
|
+
strokeWidth: item.iconStroke || 2,
|
|
2731
|
+
className: item.iconClassName || iconClassName
|
|
2732
|
+
}
|
|
2733
|
+
);
|
|
2734
|
+
const label = item.label && /* @__PURE__ */ jsx("span", { className: "text-sm", children: item.label });
|
|
2735
|
+
return /* @__PURE__ */ jsxs(React23__default.Fragment, { children: [
|
|
2736
|
+
/* @__PURE__ */ jsxs(Tooltip, { children: [
|
|
2737
|
+
/* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: item.href ? /* @__PURE__ */ jsxs(
|
|
2738
|
+
"a",
|
|
2739
|
+
{
|
|
2740
|
+
href: item.href,
|
|
2741
|
+
onClick: () => setActiveItem(item.name),
|
|
2742
|
+
className: itemClass,
|
|
2743
|
+
children: [
|
|
2744
|
+
icon,
|
|
2745
|
+
label
|
|
2746
|
+
]
|
|
2747
|
+
}
|
|
2748
|
+
) : item.onClick ? /* @__PURE__ */ jsxs(
|
|
2749
|
+
"button",
|
|
2750
|
+
{
|
|
2751
|
+
type: "button",
|
|
2752
|
+
onClick: () => {
|
|
2753
|
+
item.onClick?.();
|
|
2754
|
+
setActiveItem(isActive ? null : item.name);
|
|
2755
|
+
},
|
|
2756
|
+
className: itemClass,
|
|
2757
|
+
children: [
|
|
2758
|
+
icon,
|
|
2759
|
+
label
|
|
2760
|
+
]
|
|
2761
|
+
}
|
|
2762
|
+
) : /* @__PURE__ */ jsxs("div", { className: itemClass, children: [
|
|
2763
|
+
icon,
|
|
2764
|
+
label
|
|
2765
|
+
] }) }),
|
|
2766
|
+
/* @__PURE__ */ jsx(TooltipContent, { side: item.tooltipSide || tooltipSide, children: item.tooltip || item.name })
|
|
2767
|
+
] }),
|
|
2768
|
+
item.showSeperator && /* @__PURE__ */ jsx(
|
|
2769
|
+
Separator,
|
|
2770
|
+
{
|
|
2771
|
+
orientation: isVertical ? "horizontal" : "vertical",
|
|
2772
|
+
className: isVertical ? "" : "h-4"
|
|
2773
|
+
}
|
|
2774
|
+
)
|
|
2775
|
+
] }, item.key || item.name);
|
|
2776
|
+
}) });
|
|
2777
|
+
};
|
|
2709
2778
|
var NavBase = ({ className = "", orientation, sections }) => {
|
|
2710
2779
|
const isVertical = orientation === "vertical";
|
|
2711
2780
|
const containerClass = isVertical ? `flex flex-col items-center h-full ${className}` : `flex items-center w-full ${className}`;
|
|
@@ -2719,75 +2788,7 @@ var NavBase = ({ className = "", orientation, sections }) => {
|
|
|
2719
2788
|
sections.end?.content && /* @__PURE__ */ jsx("div", { className: `${sectionWrapperClass} ${isVertical ? "" : "ml-auto"} ${sections.end.className || ""}`, children: sections.end.content })
|
|
2720
2789
|
] });
|
|
2721
2790
|
};
|
|
2722
|
-
var NavHorizontalItems = ({ items }) => {
|
|
2723
|
-
const [activeItem, setActiveItem] = React23__default.useState(null);
|
|
2724
|
-
return /* @__PURE__ */ jsx(Fragment, { children: items.map((item) => /* @__PURE__ */ jsxs(React23__default.Fragment, { children: [
|
|
2725
|
-
/* @__PURE__ */ jsxs(Tooltip, { children: [
|
|
2726
|
-
/* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: item.href ? /* @__PURE__ */ jsxs(
|
|
2727
|
-
"a",
|
|
2728
|
-
{
|
|
2729
|
-
href: item.href,
|
|
2730
|
-
onClick: () => setActiveItem(item.name),
|
|
2731
|
-
className: `flex border-0 items-center justify-center gap-2
|
|
2732
|
-
transition-colors rounded-md h-full whitespace-nowrap
|
|
2733
|
-
hover:bg-muted hover:text-foreground ${item.label ? "px-3" : "px-2"} ${item.className || ""}
|
|
2734
|
-
${activeItem === item.name ? "bg-primary/15 text-primary ring-1 ring-primary/25" : ""}`,
|
|
2735
|
-
children: [
|
|
2736
|
-
/* @__PURE__ */ jsx(
|
|
2737
|
-
item.icon,
|
|
2738
|
-
{
|
|
2739
|
-
strokeWidth: item.iconStroke || 2,
|
|
2740
|
-
className: item.iconClassName || "w-4 h-4 flex-shrink-0"
|
|
2741
|
-
}
|
|
2742
|
-
),
|
|
2743
|
-
item.label && /* @__PURE__ */ jsx("span", { className: "text-sm", children: item.label })
|
|
2744
|
-
]
|
|
2745
|
-
}
|
|
2746
|
-
) : item.onClick ? /* @__PURE__ */ jsxs(
|
|
2747
|
-
Button,
|
|
2748
|
-
{
|
|
2749
|
-
size: item.label ? "sm" : "icon",
|
|
2750
|
-
variant: "ghost",
|
|
2751
|
-
onClick: () => {
|
|
2752
|
-
if (item.onClick) item.onClick();
|
|
2753
|
-
setActiveItem(item.name === activeItem ? null : item.name);
|
|
2754
|
-
},
|
|
2755
|
-
className: `h-full gap-2 whitespace-nowrap ${item.label ? "w-auto px-3" : ""} ${item.className || ""}
|
|
2756
|
-
${activeItem === item.name ? ` ${item?.activeClass || ""}` : ""}`,
|
|
2757
|
-
children: [
|
|
2758
|
-
/* @__PURE__ */ jsx(
|
|
2759
|
-
item.icon,
|
|
2760
|
-
{
|
|
2761
|
-
strokeWidth: item.iconStroke || 2,
|
|
2762
|
-
className: item.iconClassName || "w-4 h-4 flex-shrink-0"
|
|
2763
|
-
}
|
|
2764
|
-
),
|
|
2765
|
-
item.label && /* @__PURE__ */ jsx("span", { className: "text-sm", children: item.label })
|
|
2766
|
-
]
|
|
2767
|
-
}
|
|
2768
|
-
) : /* @__PURE__ */ jsxs(
|
|
2769
|
-
"div",
|
|
2770
|
-
{
|
|
2771
|
-
className: `flex border-0 items-center justify-center gap-2 h-full whitespace-nowrap
|
|
2772
|
-
transition-colors rounded-md ${item.label ? "px-3" : "px-2"} ${item.className || ""}
|
|
2773
|
-
${activeItem === item.name ? "bg-primary/15 text-primary ring-1 ring-primary/25" : ""}`,
|
|
2774
|
-
children: [
|
|
2775
|
-
/* @__PURE__ */ jsx(
|
|
2776
|
-
item.icon,
|
|
2777
|
-
{
|
|
2778
|
-
strokeWidth: item.iconStroke || 2,
|
|
2779
|
-
className: item.iconClassName || "w-4 h-4 flex-shrink-0"
|
|
2780
|
-
}
|
|
2781
|
-
),
|
|
2782
|
-
item.label && /* @__PURE__ */ jsx("span", { className: "text-sm", children: item.label })
|
|
2783
|
-
]
|
|
2784
|
-
}
|
|
2785
|
-
) }),
|
|
2786
|
-
/* @__PURE__ */ jsx(TooltipContent, { side: item.tooltipSide || "bottom", children: item.tooltip || item.name })
|
|
2787
|
-
] }),
|
|
2788
|
-
item.showSeperator && /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "h-4" })
|
|
2789
|
-
] }, item.key || item.name)) });
|
|
2790
|
-
};
|
|
2791
|
+
var NavHorizontalItems = ({ items }) => /* @__PURE__ */ jsx(NavItems, { items, orientation: "horizontal" });
|
|
2791
2792
|
var NavHorizontal = ({
|
|
2792
2793
|
left,
|
|
2793
2794
|
leftNavItems,
|
|
@@ -2826,48 +2827,7 @@ var NavHorizontal = ({
|
|
|
2826
2827
|
}
|
|
2827
2828
|
);
|
|
2828
2829
|
};
|
|
2829
|
-
var NavVerticalItems = ({ items }) => {
|
|
2830
|
-
const [activeItem, setActiveItem] = React23__default.useState(null);
|
|
2831
|
-
return /* @__PURE__ */ jsx(Fragment, { children: items.map((item) => /* @__PURE__ */ jsxs(React23__default.Fragment, { children: [
|
|
2832
|
-
/* @__PURE__ */ jsxs(Tooltip, { children: [
|
|
2833
|
-
/* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: item.href ? /* @__PURE__ */ jsx(
|
|
2834
|
-
"a",
|
|
2835
|
-
{
|
|
2836
|
-
href: item.href,
|
|
2837
|
-
onClick: () => setActiveItem(item.name),
|
|
2838
|
-
className: ` flex border-0 items-center justify-center
|
|
2839
|
-
transition-colors rounded-md
|
|
2840
|
-
hover:text-primary/80 px-2 py-2 ${item.className || ""}
|
|
2841
|
-
${activeItem === item.name ? "bg-accent text-accent-foreground" : ""}`,
|
|
2842
|
-
children: /* @__PURE__ */ jsx(item.icon, { strokeWidth: item.iconStroke ? item.iconStroke : 2, className: item.iconClassName ? item.iconClassName : "w-5 h-5" })
|
|
2843
|
-
}
|
|
2844
|
-
) : item.onClick ? /* @__PURE__ */ jsx(
|
|
2845
|
-
Button,
|
|
2846
|
-
{
|
|
2847
|
-
size: "nav-icon",
|
|
2848
|
-
variant: "ghost",
|
|
2849
|
-
onClick: () => {
|
|
2850
|
-
if (item.onClick) item.onClick();
|
|
2851
|
-
setActiveItem(item.name === activeItem ? null : item.name);
|
|
2852
|
-
},
|
|
2853
|
-
className: `${item.className || ""}
|
|
2854
|
-
${activeItem === item.name ? ` ${item?.activeClass || ""}` : ""}`,
|
|
2855
|
-
children: /* @__PURE__ */ jsx(item.icon, { strokeWidth: item.iconStroke ? item.iconStroke : 2, className: item.iconClassName ? item.iconClassName : "w-5 h-5" })
|
|
2856
|
-
}
|
|
2857
|
-
) : /* @__PURE__ */ jsx(
|
|
2858
|
-
"div",
|
|
2859
|
-
{
|
|
2860
|
-
className: ` flex border-0 items-center justify-center
|
|
2861
|
-
transition-colors rounded-md px-2 py-2 ${item.className || ""}
|
|
2862
|
-
${activeItem === item.name ? "bg-accent text-accent-foreground" : ""}`,
|
|
2863
|
-
children: /* @__PURE__ */ jsx(item.icon, { strokeWidth: item.iconStroke ? item.iconStroke : 2, className: item.iconClassName ? item.iconClassName : "w-5 h-5" })
|
|
2864
|
-
}
|
|
2865
|
-
) }),
|
|
2866
|
-
/* @__PURE__ */ jsx(TooltipContent, { side: item.tooltipSide ? item.tooltipSide : "right", children: item.tooltip || item.name })
|
|
2867
|
-
] }, item.name),
|
|
2868
|
-
item.showSeperator && /* @__PURE__ */ jsx(Separator, {})
|
|
2869
|
-
] }, item.name)) });
|
|
2870
|
-
};
|
|
2830
|
+
var NavVerticalItems = ({ items }) => /* @__PURE__ */ jsx(NavItems, { items, orientation: "vertical" });
|
|
2871
2831
|
var NavVertical = ({
|
|
2872
2832
|
className = "",
|
|
2873
2833
|
top,
|
|
@@ -3721,6 +3681,6 @@ var Typography = {
|
|
|
3721
3681
|
Pre: TypographyPre
|
|
3722
3682
|
};
|
|
3723
3683
|
|
|
3724
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonWithTooltip, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorBoundary, HoverCard, HoverCardContent, HoverCardTrigger, Item3 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, MenuItem, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavBase, NavHorizontal, NavHorizontalItems, NavVertical, NavVerticalItems, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelContent, Popover, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichSelect, ScrollArea, ScrollBar, SearchInput, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, TabbedPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TreeItem, TreeView, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyH5, TypographyH6, TypographyInlineCode, TypographyLarge, TypographyLead, TypographyList, TypographyMuted, TypographyP, TypographyPre, TypographySmall, UnderDevelopment, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useSidebar, useTour };
|
|
3684
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonWithTooltip, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorBoundary, HoverCard, HoverCardContent, HoverCardTrigger, Item3 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, MenuItem, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavBase, NavHorizontal, NavHorizontalItems, NavItems, NavVertical, NavVerticalItems, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelContent, Popover, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichSelect, ScrollArea, ScrollBar, SearchInput, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, TabbedPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TreeItem, TreeView, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyH5, TypographyH6, TypographyInlineCode, TypographyLarge, TypographyLead, TypographyList, TypographyMuted, TypographyP, TypographyPre, TypographySmall, UnderDevelopment, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useSidebar, useTour };
|
|
3725
3685
|
//# sourceMappingURL=index.js.map
|
|
3726
3686
|
//# sourceMappingURL=index.js.map
|