@tulip-systems/core 0.6.1 → 0.7.0

package/dist/components/client.d.mts

@@ -12,21 +12,37 @@ import { Providers } from "./layouts/providers.client.mjs";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.client.mjs";
 import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./ui/sidebar.client.mjs";
 import { Path, PathGroup, PathGroupItems, PathGroupProps, PathGroupTitle, PathItems, PathLink, PathSubItem, PathSubItemLink, Paths } from "./navigation/admin-sidebar-paths.client.mjs";
-import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.client.mjs";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./ui/accordion.client.mjs";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./ui/alert-dialog.client.mjs";
+import { AspectRatio } from "./ui/aspect-ratio.client.mjs";
+import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./ui/avatar.client.mjs";
+import { Calendar, CalendarDayButton } from "./ui/calendar.client.mjs";
+import { Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from "./ui/carousel.client.mjs";
 import { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from "./ui/chart.client.mjs";
+import { Checkbox } from "./ui/checkbox.client.mjs";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.client.mjs";
 import { ColorPicker } from "./ui/color-picker.client.mjs";
 import { Combobox, ComboboxItem, ComboboxProps } from "./ui/combobox.client.mjs";
+import { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./ui/popover.client.mjs";
 import { ComboboxDropdown, ComboboxDropdownItem, ComboboxDropdownProps } from "./ui/combobox-dropdown.client.mjs";
-import { DatePicker, DatePickerProps } from "./ui/date-picker.client.mjs";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.client.mjs";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command.client.mjs";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./ui/context-menu.client.mjs";
+import { DatePicker, DatePickerProps } from "./ui/date-picker.client.mjs";
 import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./ui/drawer.client.mjs";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./ui/dropdown-menu.client.mjs";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./ui/field.client.mjs";
 import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./ui/form.client.mjs";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "./ui/hover-card.client.mjs";
+import { DateTimeInput, DateTimeInputProps } from "./ui/input-date-time.client.mjs";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupDateInput, InputGroupDateTimeInput, InputGroupInput, InputGroupText, InputGroupTextarea, InputGroupTimeInput } from "./ui/input-group.client.mjs";
 import { Progress } from "./ui/progress.client.mjs";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./ui/resizable.client.mjs";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/select.client.mjs";
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.client.mjs";
 import { Toaster, toast } from "./ui/sonner.client.mjs";
+import { Switch } from "./ui/switch.client.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from "./ui/tabs.client.mjs";
+import { Toggle, toggleVariants } from "./ui/toggle.client.mjs";
 import { ToggleGroup, ToggleGroupItem } from "./ui/toggle-group.client.mjs";
-export { AdminContent, Avatar, AvatarFallback, AvatarImage, BottomBar, BottomBarLink, BottomBarLinks, BottomBarLinksProps, BottomBarProps, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Combobox, ComboboxDropdown, ComboboxDropdownItem, ComboboxDropdownProps, ComboboxItem, ComboboxProps, DatePicker, DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Editor, EditorContent, EditorContext, EditorMenuBubble, EditorMenuFixed, EditorProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Header, HeaderBreadcrumb, HeaderBreadcrumbProps, HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList, HeaderTopbarBackButton, HeaderTopbarMobileNavSwitcher, HoverCard, HoverCardContent, HoverCardTrigger, Path, PathGroup, PathGroupItems, PathGroupProps, PathGroupTitle, PathItems, PathLink, PathSubItem, PathSubItemLink, Paths, Progress, Providers, ResizableHandle, ResizablePanel, ResizablePanelGroup, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, 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, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, TopbarProps, TopbarTitle, TopbarTitleProps, TopbarTools, TopbarToolsProps, editorVariants, toast, useFormField, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdminContent, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, BottomBar, BottomBarLink, BottomBarLinks, BottomBarLinksProps, BottomBarProps, Calendar, CalendarDayButton, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Combobox, ComboboxDropdown, ComboboxDropdownItem, ComboboxDropdownProps, ComboboxItem, ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, DatePickerProps, DateTimeInput, DateTimeInputProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Editor, EditorContent, EditorContext, EditorMenuBubble, EditorMenuFixed, EditorProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Header, HeaderBreadcrumb, HeaderBreadcrumbProps, HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList, HeaderTopbarBackButton, HeaderTopbarMobileNavSwitcher, HoverCard, HoverCardContent, HoverCardTrigger, InputGroup, InputGroupAddon, InputGroupButton, InputGroupDateInput, InputGroupDateTimeInput, InputGroupInput, InputGroupText, InputGroupTextarea, InputGroupTimeInput, Path, PathGroup, PathGroupItems, PathGroupProps, PathGroupTitle, PathItems, PathLink, PathSubItem, PathSubItemLink, Paths, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, Providers, ResizableHandle, ResizablePanel, ResizablePanelGroup, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, 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, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, TopbarProps, TopbarTitle, TopbarTitleProps, TopbarTools, TopbarToolsProps, editorVariants, tabsListVariants, toast, toggleVariants, useCarousel, useFormField, useSidebar };

package/dist/components/client.mjs

@@ -1,10 +1,13 @@
 import { Header } from "./header/header.client.mjs";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./ui/context-menu.client.mjs";
 import { HeaderTopbarBackButton } from "./header/back-button.client.mjs";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./ui/dropdown-menu.client.mjs";
 import { HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList } from "./header/breadcrumbs.client.mjs";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.client.mjs";
 import { Editor, EditorContext, editorVariants } from "./editor/components/editor.client.mjs";
 import { EditorContent } from "./editor/components/content.client.mjs";
 import { ColorPicker } from "./ui/color-picker.client.mjs";
+import { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./ui/popover.client.mjs";
 import { EditorMenuBubble, EditorMenuFixed } from "./editor/components/menu.client.mjs";
 import { BottomBar, BottomBarLinks } from "./header/bottom-bar.client.mjs";
 import { AdminContent } from "./layouts/admin-content.client.mjs";
@@ -12,22 +15,35 @@ import { Toaster, toast } from "./ui/sonner.client.mjs";
 import { Providers } from "./layouts/providers.client.mjs";
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.client.mjs";
 import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./ui/sidebar.client.mjs";
-import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.client.mjs";
+import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./ui/avatar.client.mjs";
 import { Path, PathGroup, PathGroupItems, PathGroupTitle, PathItems, PathLink, PathSubItem, PathSubItemLink, Paths } from "./navigation/admin-sidebar-paths.client.mjs";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./ui/accordion.client.mjs";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./ui/alert-dialog.client.mjs";
+import { AspectRatio } from "./ui/aspect-ratio.client.mjs";
+import { Calendar, CalendarDayButton } from "./ui/calendar.client.mjs";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from "./ui/carousel.client.mjs";
 import { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from "./ui/chart.client.mjs";
+import { Checkbox } from "./ui/checkbox.client.mjs";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.client.mjs";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.client.mjs";
+import { DateTimeInput } from "./ui/input-date-time.client.mjs";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupDateInput, InputGroupDateTimeInput, InputGroupInput, InputGroupText, InputGroupTextarea, InputGroupTimeInput } from "./ui/input-group.client.mjs";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command.client.mjs";
 import { Combobox } from "./ui/combobox.client.mjs";
 import { ComboboxDropdown } from "./ui/combobox-dropdown.client.mjs";
 import { DatePicker } from "./ui/date-picker.client.mjs";
 import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./ui/drawer.client.mjs";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./ui/field.client.mjs";
 import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./ui/form.client.mjs";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "./ui/hover-card.client.mjs";
 import { Progress } from "./ui/progress.client.mjs";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./ui/resizable.client.mjs";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/select.client.mjs";
+import { Switch } from "./ui/switch.client.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from "./ui/tabs.client.mjs";
+import { Toggle, toggleVariants } from "./ui/toggle.client.mjs";
 import { ToggleGroup, ToggleGroupItem } from "./ui/toggle-group.client.mjs";
 import { HeaderTopbarMobileNavSwitcher } from "./header/mobile-nav-switcher.client.mjs";
 import { Topbar, TopbarTitle, TopbarTools } from "./header/top-bar.client.mjs";
 
-export { AdminContent, Avatar, AvatarFallback, AvatarImage, BottomBar, BottomBarLinks, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Combobox, ComboboxDropdown, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Editor, EditorContent, EditorContext, EditorMenuBubble, EditorMenuFixed, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Header, HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList, HeaderTopbarBackButton, HeaderTopbarMobileNavSwitcher, HoverCard, HoverCardContent, HoverCardTrigger, Path, PathGroup, PathGroupItems, PathGroupTitle, PathItems, PathLink, PathSubItem, PathSubItemLink, Paths, Progress, Providers, ResizableHandle, ResizablePanel, ResizablePanelGroup, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, 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, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, TopbarTitle, TopbarTools, editorVariants, toast, useFormField, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdminContent, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, BottomBar, BottomBarLinks, Calendar, CalendarDayButton, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Combobox, ComboboxDropdown, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, DateTimeInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Editor, EditorContent, EditorContext, EditorMenuBubble, EditorMenuFixed, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Header, HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList, HeaderTopbarBackButton, HeaderTopbarMobileNavSwitcher, HoverCard, HoverCardContent, HoverCardTrigger, InputGroup, InputGroupAddon, InputGroupButton, InputGroupDateInput, InputGroupDateTimeInput, InputGroupInput, InputGroupText, InputGroupTextarea, InputGroupTimeInput, Path, PathGroup, PathGroupItems, PathGroupTitle, PathItems, PathLink, PathSubItem, PathSubItemLink, Paths, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, Providers, ResizableHandle, ResizablePanel, ResizablePanelGroup, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, 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, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, TopbarTitle, TopbarTools, editorVariants, tabsListVariants, toast, toggleVariants, useCarousel, useFormField, useSidebar };

package/dist/components/editor/components/menu-nodes.client.mjs

@@ -1,5 +1,5 @@
 import { Button } from "../../ui/button.mjs";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../ui/dropdown-menu.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../ui/dropdown-menu.client.mjs";
 import { EditorContext } from "./editor.client.mjs";
 import { ChevronDown, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, ListIcon, ListOrderedIcon, TextIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/editor/components/menu-nodes.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-nodes.client.mjs","names":[],"sources":["../../../../src/components/editor/components/menu-nodes.client.tsx"],"sourcesContent":["import type { Editor } from \"@tiptap/react\";\nimport {\n  ChevronDown,\n  Heading1Icon,\n  Heading2Icon,\n  Heading3Icon,\n  Heading4Icon,\n  Heading5Icon,\n  ListIcon,\n  ListOrderedIcon,\n  TextIcon,\n} from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport type { EditorExtensionsConfigResult } from \"../lib/extensions\";\nimport { EditorContext } from \"./editor.client\";\n\nconst blocks = [\n  {\n    label: \"Paragraaf\",\n    icon: TextIcon,\n    selected: (editor: Editor) => editor.isActive(\"paragraph\"),\n    handler: (editor: Editor) => editor.commands.setParagraph(),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.paragraph,\n  },\n  {\n    label: \"Titel 1\",\n    icon: Heading1Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 1 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 1 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Titel 2\",\n    icon: Heading2Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 2 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 2 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Titel 3\",\n    icon: Heading3Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 3 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 3 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Titel 4\",\n    icon: Heading4Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 4 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 4 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Titel 5\",\n    icon: Heading5Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 5 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 5 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Numbered List\",\n    icon: ListOrderedIcon,\n    selected: (editor: Editor) => editor.isActive(\"orderedList\"),\n    handler: (editor: Editor) => editor.commands.toggleOrderedList(),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.orderedList,\n  },\n  {\n    label: \"Bulleted List\",\n    icon: ListIcon,\n    selected: (editor: Editor) => editor.isActive(\"bulletList\"),\n    handler: (editor: Editor) => editor.commands.toggleBulletList(),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.bulletList,\n  },\n];\n\nexport function EditorMenuNodes() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  const selectedBlock = blocks.find((block) => block.selected(editor));\n  const Icon = selectedBlock?.icon;\n\n  const filteredBlocks = blocks.filter((block) => !block.hidden(extensions));\n\n  if (filteredBlocks.length === 0) return null;\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\" size=\"sm\" className=\"flex items-center gap-8 p-2\">\n          <span className=\"flex items-center gap-2\">\n            {Icon && <Icon className=\"size-3.5\" />}\n            {selectedBlock?.label ?? \"Select a block\"}\n          </span>\n\n          <ChevronDown className=\"size-3.5\" />\n        </Button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent>\n        {filteredBlocks.map(({ label, icon: Icon, handler }) => (\n          <DropdownMenuItem\n            key={label}\n            onClick={() => handler(editor)}\n            className=\"flex items-center gap-2\"\n          >\n            {Icon && <Icon className=\"size-3.5\" />}\n            {label}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;;;;AAuBA,MAAM,SAAS;CACb;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,YAAY;EAC1D,UAAU,WAAmB,OAAO,SAAS,cAAc;EAC3D,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,cAAc;EAC5D,UAAU,WAAmB,OAAO,SAAS,mBAAmB;EAChE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,aAAa;EAC3D,UAAU,WAAmB,OAAO,SAAS,kBAAkB;EAC/D,SAAS,eAA6C,CAAC,WAAW;EACnE;CACF;AAED,SAAgB,kBAAkB;CAChC,MAAM,EAAE,QAAQ,eAAe,WAAW,cAAc;CAExD,MAAM,gBAAgB,OAAO,MAAM,UAAU,MAAM,SAAS,OAAO,CAAC;CACpE,MAAM,OAAO,eAAe;CAE5B,MAAM,iBAAiB,OAAO,QAAQ,UAAU,CAAC,MAAM,OAAO,WAAW,CAAC;AAE1E,KAAI,eAAe,WAAW,EAAG,QAAO;AAExC,QACE,qBAAC,2BACC,oBAAC;EAAoB;YACnB,qBAAC;GAAO,SAAQ;GAAU,MAAK;GAAK,WAAU;cAC5C,qBAAC;IAAK,WAAU;eACb,QAAQ,oBAAC,QAAK,WAAU,aAAa,EACrC,eAAe,SAAS;KACpB,EAEP,oBAAC,eAAY,WAAU,aAAa;IAC7B;GACW,EAEtB,oBAAC,iCACE,eAAe,KAAK,EAAE,OAAO,MAAM,MAAM,cACxC,qBAAC;EAEC,eAAe,QAAQ,OAAO;EAC9B,WAAU;aAET,QAAQ,oBAAC,QAAK,WAAU,aAAa,EACrC;IALI,MAMY,CACnB,GACkB,IACT"}
+{"version":3,"file":"menu-nodes.client.mjs","names":[],"sources":["../../../../src/components/editor/components/menu-nodes.client.tsx"],"sourcesContent":["import type { Editor } from \"@tiptap/react\";\nimport {\n  ChevronDown,\n  Heading1Icon,\n  Heading2Icon,\n  Heading3Icon,\n  Heading4Icon,\n  Heading5Icon,\n  ListIcon,\n  ListOrderedIcon,\n  TextIcon,\n} from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu.client\";\nimport type { EditorExtensionsConfigResult } from \"../lib/extensions\";\nimport { EditorContext } from \"./editor.client\";\n\nconst blocks = [\n  {\n    label: \"Paragraaf\",\n    icon: TextIcon,\n    selected: (editor: Editor) => editor.isActive(\"paragraph\"),\n    handler: (editor: Editor) => editor.commands.setParagraph(),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.paragraph,\n  },\n  {\n    label: \"Titel 1\",\n    icon: Heading1Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 1 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 1 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Titel 2\",\n    icon: Heading2Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 2 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 2 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Titel 3\",\n    icon: Heading3Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 3 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 3 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Titel 4\",\n    icon: Heading4Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 4 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 4 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Titel 5\",\n    icon: Heading5Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 5 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 5 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Numbered List\",\n    icon: ListOrderedIcon,\n    selected: (editor: Editor) => editor.isActive(\"orderedList\"),\n    handler: (editor: Editor) => editor.commands.toggleOrderedList(),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.orderedList,\n  },\n  {\n    label: \"Bulleted List\",\n    icon: ListIcon,\n    selected: (editor: Editor) => editor.isActive(\"bulletList\"),\n    handler: (editor: Editor) => editor.commands.toggleBulletList(),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.bulletList,\n  },\n];\n\nexport function EditorMenuNodes() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  const selectedBlock = blocks.find((block) => block.selected(editor));\n  const Icon = selectedBlock?.icon;\n\n  const filteredBlocks = blocks.filter((block) => !block.hidden(extensions));\n\n  if (filteredBlocks.length === 0) return null;\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\" size=\"sm\" className=\"flex items-center gap-8 p-2\">\n          <span className=\"flex items-center gap-2\">\n            {Icon && <Icon className=\"size-3.5\" />}\n            {selectedBlock?.label ?? \"Select a block\"}\n          </span>\n\n          <ChevronDown className=\"size-3.5\" />\n        </Button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent>\n        {filteredBlocks.map(({ label, icon: Icon, handler }) => (\n          <DropdownMenuItem\n            key={label}\n            onClick={() => handler(editor)}\n            className=\"flex items-center gap-2\"\n          >\n            {Icon && <Icon className=\"size-3.5\" />}\n            {label}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;;;;AAuBA,MAAM,SAAS;CACb;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,YAAY;EAC1D,UAAU,WAAmB,OAAO,SAAS,cAAc;EAC3D,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,cAAc;EAC5D,UAAU,WAAmB,OAAO,SAAS,mBAAmB;EAChE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,aAAa;EAC3D,UAAU,WAAmB,OAAO,SAAS,kBAAkB;EAC/D,SAAS,eAA6C,CAAC,WAAW;EACnE;CACF;AAED,SAAgB,kBAAkB;CAChC,MAAM,EAAE,QAAQ,eAAe,WAAW,cAAc;CAExD,MAAM,gBAAgB,OAAO,MAAM,UAAU,MAAM,SAAS,OAAO,CAAC;CACpE,MAAM,OAAO,eAAe;CAE5B,MAAM,iBAAiB,OAAO,QAAQ,UAAU,CAAC,MAAM,OAAO,WAAW,CAAC;AAE1E,KAAI,eAAe,WAAW,EAAG,QAAO;AAExC,QACE,qBAAC,2BACC,oBAAC;EAAoB;YACnB,qBAAC;GAAO,SAAQ;GAAU,MAAK;GAAK,WAAU;cAC5C,qBAAC;IAAK,WAAU;eACb,QAAQ,oBAAC,QAAK,WAAU,aAAa,EACrC,eAAe,SAAS;KACpB,EAEP,oBAAC,eAAY,WAAU,aAAa;IAC7B;GACW,EAEtB,oBAAC,iCACE,eAAe,KAAK,EAAE,OAAO,MAAM,MAAM,cACxC,qBAAC;EAEC,eAAe,QAAQ,OAAO;EAC9B,WAAU;aAET,QAAQ,oBAAC,QAAK,WAAU,aAAa,EACrC;IALI,MAMY,CACnB,GACkB,IACT"}

package/dist/components/editor/components/menu.client.mjs

@@ -2,7 +2,7 @@ import { cn } from "../../../lib/utils/cn.mjs";
 import { Button } from "../../ui/button.mjs";
 import { EditorContext } from "./editor.client.mjs";
 import { ColorPicker } from "../../ui/color-picker.client.mjs";
-import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.client.mjs";
 import { EditorMenuNodes } from "./menu-nodes.client.mjs";
 import { BaselineIcon, BoldIcon, EraserIcon, ItalicIcon, PaintBucketIcon, RedoIcon, StrikethroughIcon, UnderlineIcon, UndoIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -13,7 +13,7 @@ import { BubbleMenu } from "@tiptap/react/menus";
 function EditorMenuFixed(props) {
 	return /* @__PURE__ */ jsx("div", {
 		...props,
-		className: cn("border-input bg-muted/30 z-10 overflow-auto border-b p-2", props.className),
+		className: cn("z-10 overflow-auto border-input border-b bg-muted/30 p-2", props.className),
 		children: /* @__PURE__ */ jsxs(EditorMenuContent, { children: [
 			/* @__PURE__ */ jsx(EditorMenuUndoRedo, {}),
 			/* @__PURE__ */ jsx(EditorMenuNodes, {}),
@@ -31,7 +31,7 @@ function EditorMenuBubble(props) {
 			...props.options,
 			strategy: "fixed"
 		},
-		className: cn("border-input bg-muted z-10 rounded-lg border p-2", props.className),
+		className: cn("z-10 rounded-lg border border-input bg-muted p-2", props.className),
 		children: /* @__PURE__ */ jsx(EditorMenuContent, { children: /* @__PURE__ */ jsx(EditorMenuMarks, {}) })
 	});
 }

package/dist/components/editor/components/menu.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu.client.mjs","names":[],"sources":["../../../../src/components/editor/components/menu.client.tsx"],"sourcesContent":["import { BubbleMenu } from \"@tiptap/react/menus\";\nimport {\n  BaselineIcon,\n  BoldIcon,\n  EraserIcon,\n  ItalicIcon,\n  PaintBucketIcon,\n  RedoIcon,\n  StrikethroughIcon,\n  UnderlineIcon,\n  UndoIcon,\n} from \"lucide-react\";\nimport { type ComponentProps, type PropsWithChildren, useContext } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { ColorPicker } from \"@/components/ui/color-picker.client\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/entry\";\nimport { EditorContext } from \"./editor.client\";\nimport { EditorMenuNodes } from \"./menu-nodes.client\";\n\nexport function EditorMenuFixed(props: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      {...props}\n      className={cn(\"border-input bg-muted/30 z-10 overflow-auto border-b p-2\", props.className)}\n    >\n      <EditorMenuContent>\n        <EditorMenuUndoRedo />\n        <EditorMenuNodes />\n        <EditorMenuMarks />\n        <EditorMenuColor />\n      </EditorMenuContent>\n    </div>\n  );\n}\n\nexport function EditorMenuBubble(props: ComponentProps<typeof BubbleMenu>) {\n  const { editor } = useContext(EditorContext);\n\n  return (\n    <BubbleMenu\n      {...props}\n      editor={editor}\n      options={{ ...props.options, strategy: \"fixed\" }}\n      className={cn(\"border-input bg-muted z-10 rounded-lg border p-2\", props.className)}\n    >\n      <EditorMenuContent>\n        <EditorMenuMarks />\n      </EditorMenuContent>\n    </BubbleMenu>\n  );\n}\n\nfunction EditorMenuContent(props: PropsWithChildren) {\n  return <div className=\"flex items-center gap-6\">{props.children}</div>;\n}\n\n/**\n * Editor menu undo/redo\n */\nfunction EditorMenuUndoRedo() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  if (!extensions.undoRedo) return null;\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Button\n        onClick={() => editor.commands.undo()}\n        disabled={!editor?.can().undo()}\n        type=\"button\"\n        aria-label=\"Undo\"\n        size=\"icon\"\n        className=\"p-2\"\n        variant=\"outline\"\n      >\n        <UndoIcon className=\"size-3.5\" />\n      </Button>\n\n      <Button\n        onClick={() => editor.commands.redo()}\n        disabled={!editor?.can().redo()}\n        type=\"button\"\n        aria-label=\"Redo\"\n        size=\"icon\"\n        className=\"p-2\"\n        variant=\"outline\"\n      >\n        <RedoIcon className=\"size-3.5\" />\n      </Button>\n    </div>\n  );\n}\n\n/**\n * Editor menu marks\n */\nfunction EditorMenuMarks() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  if (!extensions.bold && !extensions.italic && !extensions.underline && !extensions.strike) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {extensions.bold && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"bold\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleBold().run()}\n          className=\"border\"\n        >\n          <BoldIcon className=\"h-3.5 w-3.5\" />\n        </Button>\n      )}\n\n      {extensions.italic && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"italic\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleItalic().run()}\n          className=\"border\"\n        >\n          <ItalicIcon className=\"size-3.5\" />\n        </Button>\n      )}\n\n      {extensions.underline && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"underline\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleUnderline().run()}\n          className=\"border\"\n        >\n          <UnderlineIcon className=\"size-3.5\" />\n        </Button>\n      )}\n\n      {extensions.strike && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"strike\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleStrike().run()}\n          className=\"border\"\n        >\n          <StrikethroughIcon className=\"size-3.5\" />\n        </Button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Editor menu alignment\n */\nfunction EditorMenuColor() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  if (!extensions.color && !extensions.highlight) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {extensions.color && (\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button size=\"icon\" variant=\"outline\">\n              <BaselineIcon className=\"size-3.5\" />\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-fit p-0\">\n            <ColorPicker onValueChange={(color) => editor.chain().focus().setColor(color).run()} />\n          </PopoverContent>\n        </Popover>\n      )}\n\n      {extensions.highlight && (\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button size=\"icon\" variant=\"outline\" disabled={!editor?.can().setHighlight()}>\n              <PaintBucketIcon className=\"size-3.5\" />\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-fit p-0\">\n            <ColorPicker\n              onValueChange={(color) => editor.chain().focus().setHighlight({ color }).run()}\n            />\n          </PopoverContent>\n        </Popover>\n      )}\n\n      <Button\n        type=\"button\"\n        size=\"icon\"\n        variant=\"outline\"\n        className=\"border\"\n        onClick={() => {\n          editor.commands.unsetColor();\n          editor.commands.unsetHighlight();\n        }}\n      >\n        <EraserIcon className=\"h-4 w-4\" />\n      </Button>\n    </div>\n  );\n}\n\n/**\n * Editor menu image\n */\n// function EditorMenuImage() {\n//   const { editor, extensions } = useContext(EditorContext);\n\n//   if (!extensions.image) return null;\n\n//   return (\n//     <div className=\"flex items-center gap-1\">\n//       {extensions.image && (\n//         <Button\n//           type=\"button\"\n//           size=\"icon\"\n//           variant=\"outline\"\n//           onClick={() => editor.chain().focus().downloadImage().run()}\n//           disabled={!editor?.can().downloadImage()}\n//           className=\"border\"\n//         >\n//           <DownloadIcon className=\"size-3.5\" />\n//         </Button>\n//       )}\n//     </div>\n//   );\n// }\n"],"mappings":"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"}
+{"version":3,"file":"menu.client.mjs","names":[],"sources":["../../../../src/components/editor/components/menu.client.tsx"],"sourcesContent":["import { BubbleMenu } from \"@tiptap/react/menus\";\nimport {\n  BaselineIcon,\n  BoldIcon,\n  EraserIcon,\n  ItalicIcon,\n  PaintBucketIcon,\n  RedoIcon,\n  StrikethroughIcon,\n  UnderlineIcon,\n  UndoIcon,\n} from \"lucide-react\";\nimport { type ComponentProps, type PropsWithChildren, useContext } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { ColorPicker } from \"@/components/ui/color-picker.client\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover.client\";\nimport { cn } from \"@/lib/entry\";\nimport { EditorContext } from \"./editor.client\";\nimport { EditorMenuNodes } from \"./menu-nodes.client\";\n\nexport function EditorMenuFixed(props: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      {...props}\n      className={cn(\"z-10 overflow-auto border-input border-b bg-muted/30 p-2\", props.className)}\n    >\n      <EditorMenuContent>\n        <EditorMenuUndoRedo />\n        <EditorMenuNodes />\n        <EditorMenuMarks />\n        <EditorMenuColor />\n      </EditorMenuContent>\n    </div>\n  );\n}\n\nexport function EditorMenuBubble(props: ComponentProps<typeof BubbleMenu>) {\n  const { editor } = useContext(EditorContext);\n\n  return (\n    <BubbleMenu\n      {...props}\n      editor={editor}\n      options={{ ...props.options, strategy: \"fixed\" }}\n      className={cn(\"z-10 rounded-lg border border-input bg-muted p-2\", props.className)}\n    >\n      <EditorMenuContent>\n        <EditorMenuMarks />\n      </EditorMenuContent>\n    </BubbleMenu>\n  );\n}\n\nfunction EditorMenuContent(props: PropsWithChildren) {\n  return <div className=\"flex items-center gap-6\">{props.children}</div>;\n}\n\n/**\n * Editor menu undo/redo\n */\nfunction EditorMenuUndoRedo() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  if (!extensions.undoRedo) return null;\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Button\n        onClick={() => editor.commands.undo()}\n        disabled={!editor?.can().undo()}\n        type=\"button\"\n        aria-label=\"Undo\"\n        size=\"icon\"\n        className=\"p-2\"\n        variant=\"outline\"\n      >\n        <UndoIcon className=\"size-3.5\" />\n      </Button>\n\n      <Button\n        onClick={() => editor.commands.redo()}\n        disabled={!editor?.can().redo()}\n        type=\"button\"\n        aria-label=\"Redo\"\n        size=\"icon\"\n        className=\"p-2\"\n        variant=\"outline\"\n      >\n        <RedoIcon className=\"size-3.5\" />\n      </Button>\n    </div>\n  );\n}\n\n/**\n * Editor menu marks\n */\nfunction EditorMenuMarks() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  if (!extensions.bold && !extensions.italic && !extensions.underline && !extensions.strike) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {extensions.bold && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"bold\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleBold().run()}\n          className=\"border\"\n        >\n          <BoldIcon className=\"h-3.5 w-3.5\" />\n        </Button>\n      )}\n\n      {extensions.italic && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"italic\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleItalic().run()}\n          className=\"border\"\n        >\n          <ItalicIcon className=\"size-3.5\" />\n        </Button>\n      )}\n\n      {extensions.underline && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"underline\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleUnderline().run()}\n          className=\"border\"\n        >\n          <UnderlineIcon className=\"size-3.5\" />\n        </Button>\n      )}\n\n      {extensions.strike && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"strike\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleStrike().run()}\n          className=\"border\"\n        >\n          <StrikethroughIcon className=\"size-3.5\" />\n        </Button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Editor menu alignment\n */\nfunction EditorMenuColor() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  if (!extensions.color && !extensions.highlight) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {extensions.color && (\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button size=\"icon\" variant=\"outline\">\n              <BaselineIcon className=\"size-3.5\" />\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-fit p-0\">\n            <ColorPicker onValueChange={(color) => editor.chain().focus().setColor(color).run()} />\n          </PopoverContent>\n        </Popover>\n      )}\n\n      {extensions.highlight && (\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button size=\"icon\" variant=\"outline\" disabled={!editor?.can().setHighlight()}>\n              <PaintBucketIcon className=\"size-3.5\" />\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-fit p-0\">\n            <ColorPicker\n              onValueChange={(color) => editor.chain().focus().setHighlight({ color }).run()}\n            />\n          </PopoverContent>\n        </Popover>\n      )}\n\n      <Button\n        type=\"button\"\n        size=\"icon\"\n        variant=\"outline\"\n        className=\"border\"\n        onClick={() => {\n          editor.commands.unsetColor();\n          editor.commands.unsetHighlight();\n        }}\n      >\n        <EraserIcon className=\"h-4 w-4\" />\n      </Button>\n    </div>\n  );\n}\n\n/**\n * Editor menu image\n */\n// function EditorMenuImage() {\n//   const { editor, extensions } = useContext(EditorContext);\n\n//   if (!extensions.image) return null;\n\n//   return (\n//     <div className=\"flex items-center gap-1\">\n//       {extensions.image && (\n//         <Button\n//           type=\"button\"\n//           size=\"icon\"\n//           variant=\"outline\"\n//           onClick={() => editor.chain().focus().downloadImage().run()}\n//           disabled={!editor?.can().downloadImage()}\n//           className=\"border\"\n//         >\n//           <DownloadIcon className=\"size-3.5\" />\n//         </Button>\n//       )}\n//     </div>\n//   );\n// }\n"],"mappings":"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"}

package/dist/components/emails/forget-password-email.mjs

@@ -11,32 +11,32 @@ function ForgetPasswordEmail({ resetPasswordHref }) {
 		/* @__PURE__ */ jsx(Tailwind, { children: /* @__PURE__ */ jsx(Body, {
 			className: "mx-auto my-auto bg-white px-2 font-sans",
 			children: /* @__PURE__ */ jsxs(Container, {
-				className: "mx-auto my-[40px] max-w-[465px] rounded border border-solid border-[#eaeaea] p-[20px]",
+				className: "mx-auto my-[40px] max-w-[465px] rounded border border-[#eaeaea] border-solid p-[20px]",
 				children: [
 					/* @__PURE__ */ jsx(Icons.logo, { className: "w-8" }),
 					/* @__PURE__ */ jsxs(Section, {
 						className: "my-[15px]",
 						children: [
 							/* @__PURE__ */ jsx(Heading, {
-								className: "mx-0 my-[20px] p-0 text-[24px] font-bold text-black",
+								className: "mx-0 my-[20px] p-0 font-bold text-[24px] text-black",
 								children: "Herstel uw wachtwoord"
 							}),
 							/* @__PURE__ */ jsx(Text, {
-								className: "text-[14px] leading-[24px] text-black",
+								className: "text-[14px] text-black leading-[24px]",
 								children: "Iemand heeft onlangs een wachtwoordwijziging voor uw account gevraagd. Als u dit was, kunt u hier een nieuw wachtwoord instellen:"
 							}),
 							/* @__PURE__ */ jsx(Button, {
-								className: "rounded bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline",
+								className: "rounded bg-[#000000] px-5 py-3 text-center font-semibold text-[12px] text-white no-underline",
 								href: resetPasswordHref,
 								children: "Reset password"
 							})
 						]
 					}),
 					/* @__PURE__ */ jsxs(Section, { children: [/* @__PURE__ */ jsx(Text, {
-						className: "text-[12px] leading-[20px] text-black",
+						className: "text-[12px] text-black leading-[20px]",
 						children: "Als u uw wachtwoord niet wilt wijzigen of dit niet heeft gevraagd, negeer en verwijder dit bericht gewoon en verwijdert u."
 					}), /* @__PURE__ */ jsx(Text, {
-						className: "text-[12px] leading-[20px] text-black",
+						className: "text-[12px] text-black leading-[20px]",
 						children: "Stuur deze e-mail niet door om uw account veilig te houden."
 					})] })
 				]

package/dist/components/emails/forget-password-email.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"forget-password-email.mjs","names":[],"sources":["../../../src/components/emails/forget-password-email.tsx"],"sourcesContent":["import {\n  Body,\n  Button,\n  Container,\n  Head,\n  Heading,\n  Html,\n  Preview,\n  Section,\n  Tailwind,\n  Text,\n} from \"@react-email/components\";\nimport { url } from \"@/lib/utils/url\";\nimport { Icons } from \"../common/icons\";\n\ninterface ForgetPasswordEmailProps {\n  resetPasswordHref: string;\n}\n\nexport function ForgetPasswordEmail({ resetPasswordHref }: ForgetPasswordEmailProps) {\n  return (\n    <Html>\n      <Head />\n      <Preview>Herstel je wachtwoord</Preview>\n\n      <Tailwind>\n        <Body className=\"mx-auto my-auto bg-white px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded border border-solid border-[#eaeaea] p-[20px]\">\n            <Icons.logo className=\"w-8\" />\n\n            <Section className=\"my-[15px]\">\n              <Heading className=\"mx-0 my-[20px] p-0 text-[24px] font-bold text-black\">\n                Herstel uw wachtwoord\n              </Heading>\n\n              <Text className=\"text-[14px] leading-[24px] text-black\">\n                Iemand heeft onlangs een wachtwoordwijziging voor uw account gevraagd. Als u dit\n                was, kunt u hier een nieuw wachtwoord instellen:\n              </Text>\n\n              <Button\n                className=\"rounded bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={resetPasswordHref}\n              >\n                Reset password\n              </Button>\n            </Section>\n\n            <Section>\n              <Text className=\"text-[12px] leading-[20px] text-black\">\n                Als u uw wachtwoord niet wilt wijzigen of dit niet heeft gevraagd, negeer en\n                verwijder dit bericht gewoon en verwijdert u.\n              </Text>\n\n              <Text className=\"text-[12px] leading-[20px] text-black\">\n                Stuur deze e-mail niet door om uw account veilig te houden.\n              </Text>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}\n\nForgetPasswordEmail.PreviewProps = {\n  resetPasswordHref: url(\"/auth/reset-password\"),\n} as ForgetPasswordEmailProps;\n\nexport default ForgetPasswordEmail;\n"],"mappings":";;;;;;AAmBA,SAAgB,oBAAoB,EAAE,qBAA+C;AACnF,QACE,qBAAC;EACC,oBAAC,SAAO;EACR,oBAAC,qBAAQ,0BAA+B;EAExC,oBAAC,sBACC,oBAAC;GAAK,WAAU;aACd,qBAAC;IAAU,WAAU;;KACnB,oBAAC,MAAM,QAAK,WAAU,QAAQ;KAE9B,qBAAC;MAAQ,WAAU;;OACjB,oBAAC;QAAQ,WAAU;kBAAsD;SAE/D;OAEV,oBAAC;QAAK,WAAU;kBAAwC;SAGjD;OAEP,oBAAC;QACC,WAAU;QACV,MAAM;kBACP;SAEQ;;OACD;KAEV,qBAAC,sBACC,oBAAC;MAAK,WAAU;gBAAwC;OAGjD,EAEP,oBAAC;MAAK,WAAU;gBAAwC;OAEjD,IACC;;KACA;IACP,GACE;KACN;;AAIX,oBAAoB,eAAe,EACjC,mBAAmB,IAAI,uBAAuB,EAC/C"}
+{"version":3,"file":"forget-password-email.mjs","names":[],"sources":["../../../src/components/emails/forget-password-email.tsx"],"sourcesContent":["import {\n  Body,\n  Button,\n  Container,\n  Head,\n  Heading,\n  Html,\n  Preview,\n  Section,\n  Tailwind,\n  Text,\n} from \"@react-email/components\";\nimport { url } from \"@/lib/utils/url\";\nimport { Icons } from \"../common/icons\";\n\ninterface ForgetPasswordEmailProps {\n  resetPasswordHref: string;\n}\n\nexport function ForgetPasswordEmail({ resetPasswordHref }: ForgetPasswordEmailProps) {\n  return (\n    <Html>\n      <Head />\n      <Preview>Herstel je wachtwoord</Preview>\n\n      <Tailwind>\n        <Body className=\"mx-auto my-auto bg-white px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded border border-[#eaeaea] border-solid p-[20px]\">\n            <Icons.logo className=\"w-8\" />\n\n            <Section className=\"my-[15px]\">\n              <Heading className=\"mx-0 my-[20px] p-0 font-bold text-[24px] text-black\">\n                Herstel uw wachtwoord\n              </Heading>\n\n              <Text className=\"text-[14px] text-black leading-[24px]\">\n                Iemand heeft onlangs een wachtwoordwijziging voor uw account gevraagd. Als u dit\n                was, kunt u hier een nieuw wachtwoord instellen:\n              </Text>\n\n              <Button\n                className=\"rounded bg-[#000000] px-5 py-3 text-center font-semibold text-[12px] text-white no-underline\"\n                href={resetPasswordHref}\n              >\n                Reset password\n              </Button>\n            </Section>\n\n            <Section>\n              <Text className=\"text-[12px] text-black leading-[20px]\">\n                Als u uw wachtwoord niet wilt wijzigen of dit niet heeft gevraagd, negeer en\n                verwijder dit bericht gewoon en verwijdert u.\n              </Text>\n\n              <Text className=\"text-[12px] text-black leading-[20px]\">\n                Stuur deze e-mail niet door om uw account veilig te houden.\n              </Text>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}\n\nForgetPasswordEmail.PreviewProps = {\n  resetPasswordHref: url(\"/auth/reset-password\"),\n} as ForgetPasswordEmailProps;\n\nexport default ForgetPasswordEmail;\n"],"mappings":";;;;;;AAmBA,SAAgB,oBAAoB,EAAE,qBAA+C;AACnF,QACE,qBAAC;EACC,oBAAC,SAAO;EACR,oBAAC,qBAAQ,0BAA+B;EAExC,oBAAC,sBACC,oBAAC;GAAK,WAAU;aACd,qBAAC;IAAU,WAAU;;KACnB,oBAAC,MAAM,QAAK,WAAU,QAAQ;KAE9B,qBAAC;MAAQ,WAAU;;OACjB,oBAAC;QAAQ,WAAU;kBAAsD;SAE/D;OAEV,oBAAC;QAAK,WAAU;kBAAwC;SAGjD;OAEP,oBAAC;QACC,WAAU;QACV,MAAM;kBACP;SAEQ;;OACD;KAEV,qBAAC,sBACC,oBAAC;MAAK,WAAU;gBAAwC;OAGjD,EAEP,oBAAC;MAAK,WAAU;gBAAwC;OAEjD,IACC;;KACA;IACP,GACE;KACN;;AAIX,oBAAoB,eAAe,EACjC,mBAAmB,IAAI,uBAAuB,EAC/C"}

package/dist/components/header/back-button.client.mjs

@@ -3,7 +3,7 @@
 import { Icons } from "../common/icons.mjs";
 import { cn } from "../../lib/utils/cn.mjs";
 import { Button } from "../ui/button.mjs";
-import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../ui/context-menu.mjs";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../ui/context-menu.client.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRouter } from "next/navigation";
 
@@ -16,7 +16,7 @@ function HeaderTopbarBackButton({ className, ...props }) {
 			...props,
 			variant: "ghost",
 			onClick: () => router.back(),
-			className: cn("text-muted-foreground hover:text-foreground w-content h-full rounded-none border-r p-0", className),
+			className: cn("h-full w-content rounded-none border-r border-r-border p-0 text-muted-foreground hover:text-foreground", className),
 			children: /* @__PURE__ */ jsx(Icons.chevronLeft, { className: "opacity-50" })
 		})
 	}), /* @__PURE__ */ jsxs(ContextMenuContent, { children: [

package/dist/components/header/back-button.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"back-button.client.mjs","names":[],"sources":["../../../src/components/header/back-button.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRouter } from \"next/navigation\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuTrigger,\n} from \"@/components/ui/context-menu\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport function HeaderTopbarBackButton({\n  className,\n  ...props\n}: React.HtmlHTMLAttributes<HTMLButtonElement>) {\n  const router = useRouter();\n\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger asChild>\n        <Button\n          {...props}\n          variant=\"ghost\"\n          onClick={() => router.back()}\n          className={cn(\n            \"text-muted-foreground hover:text-foreground w-content h-full rounded-none border-r p-0\",\n            className,\n          )}\n        >\n          <Icons.chevronLeft className=\"opacity-50\" />\n        </Button>\n      </ContextMenuTrigger>\n\n      <ContextMenuContent>\n        <ContextMenuItem className=\"flex gap-3\" onClick={() => router.back()}>\n          <Icons.moveLeft className=\"w-4\" />\n          Terug\n        </ContextMenuItem>\n\n        <ContextMenuItem className=\"flex gap-3\" onClick={() => router.forward()}>\n          <Icons.moveRight className=\"w-4\" />\n          Vooruit\n        </ContextMenuItem>\n\n        <ContextMenuItem className=\"flex gap-3\" onClick={() => router.refresh()}>\n          <Icons.refresh className=\"w-3.5\" />\n          Verversen\n        </ContextMenuItem>\n      </ContextMenuContent>\n    </ContextMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,uBAAuB,EACrC,WACA,GAAG,SAC2C;CAC9C,MAAM,SAAS,WAAW;AAE1B,QACE,qBAAC,0BACC,oBAAC;EAAmB;YAClB,oBAAC;GACC,GAAI;GACJ,SAAQ;GACR,eAAe,OAAO,MAAM;GAC5B,WAAW,GACT,0FACA,UACD;aAED,oBAAC,MAAM,eAAY,WAAU,eAAe;IACrC;GACU,EAErB,qBAAC;EACC,qBAAC;GAAgB,WAAU;GAAa,eAAe,OAAO,MAAM;cAClE,oBAAC,MAAM,YAAS,WAAU,QAAQ;IAElB;EAElB,qBAAC;GAAgB,WAAU;GAAa,eAAe,OAAO,SAAS;cACrE,oBAAC,MAAM,aAAU,WAAU,QAAQ;IAEnB;EAElB,qBAAC;GAAgB,WAAU;GAAa,eAAe,OAAO,SAAS;cACrE,oBAAC,MAAM,WAAQ,WAAU,UAAU;IAEnB;KACC,IACT"}
+{"version":3,"file":"back-button.client.mjs","names":[],"sources":["../../../src/components/header/back-button.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRouter } from \"next/navigation\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuTrigger,\n} from \"@/components/ui/context-menu.client\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport function HeaderTopbarBackButton({\n  className,\n  ...props\n}: React.HtmlHTMLAttributes<HTMLButtonElement>) {\n  const router = useRouter();\n\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger asChild>\n        <Button\n          {...props}\n          variant=\"ghost\"\n          onClick={() => router.back()}\n          className={cn(\n            \"h-full w-content rounded-none border-r border-r-border p-0 text-muted-foreground hover:text-foreground\",\n            className,\n          )}\n        >\n          <Icons.chevronLeft className=\"opacity-50\" />\n        </Button>\n      </ContextMenuTrigger>\n\n      <ContextMenuContent>\n        <ContextMenuItem className=\"flex gap-3\" onClick={() => router.back()}>\n          <Icons.moveLeft className=\"w-4\" />\n          Terug\n        </ContextMenuItem>\n\n        <ContextMenuItem className=\"flex gap-3\" onClick={() => router.forward()}>\n          <Icons.moveRight className=\"w-4\" />\n          Vooruit\n        </ContextMenuItem>\n\n        <ContextMenuItem className=\"flex gap-3\" onClick={() => router.refresh()}>\n          <Icons.refresh className=\"w-3.5\" />\n          Verversen\n        </ContextMenuItem>\n      </ContextMenuContent>\n    </ContextMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,uBAAuB,EACrC,WACA,GAAG,SAC2C;CAC9C,MAAM,SAAS,WAAW;AAE1B,QACE,qBAAC,0BACC,oBAAC;EAAmB;YAClB,oBAAC;GACC,GAAI;GACJ,SAAQ;GACR,eAAe,OAAO,MAAM;GAC5B,WAAW,GACT,0GACA,UACD;aAED,oBAAC,MAAM,eAAY,WAAU,eAAe;IACrC;GACU,EAErB,qBAAC;EACC,qBAAC;GAAgB,WAAU;GAAa,eAAe,OAAO,MAAM;cAClE,oBAAC,MAAM,YAAS,WAAU,QAAQ;IAElB;EAElB,qBAAC;GAAgB,WAAU;GAAa,eAAe,OAAO,SAAS;cACrE,oBAAC,MAAM,aAAU,WAAU,QAAQ;IAEnB;EAElB,qBAAC;GAAgB,WAAU;GAAa,eAAe,OAAO,SAAS;cACrE,oBAAC,MAAM,WAAQ,WAAU,UAAU;IAEnB;KACC,IACT"}

package/dist/components/header/bottom-bar.client.mjs

@@ -17,11 +17,11 @@ function BottomBarLinks({ paths, className, ...props }) {
 	const currentSegment = useSelectedLayoutSegment();
 	return /* @__PURE__ */ jsx("ul", {
 		...props,
-		className: cn("px-content flex flex-row items-center gap-6 text-sm font-medium", className),
+		className: cn("flex flex-row items-center gap-6 px-content font-medium text-sm", className),
 		children: paths.map(({ href, name, segment, permission }) => {
 			const children = /* @__PURE__ */ jsx(Link, {
 				href,
-				className: cn("text-muted-foreground hover:text-foreground w-fit text-nowrap break-keep transition-colors", currentSegment === segment && "text-primary"),
+				className: cn("w-fit text-nowrap break-keep text-muted-foreground transition-colors hover:text-foreground", currentSegment === segment && "text-primary"),
 				children: name
 			}, href);
 			if (permission) return /* @__PURE__ */ jsx(Allowed, {

package/dist/components/header/bottom-bar.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-bar.client.mjs","names":[],"sources":["../../../src/components/header/bottom-bar.client.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { useSelectedLayoutSegment } from \"next/navigation\";\nimport type React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport type { Path } from \"@/modules/config/paths/types\";\n\n/**\n * Bottombar component\n */\nexport type BottomBarProps = {\n  children: React.ReactNode;\n};\n\nexport function BottomBar({ children }: BottomBarProps) {\n  return (\n    <nav className=\"flex h-[var(--header-bottom-bar-height)] items-center justify-between overflow-x-auto border-b\">\n      {children}\n    </nav>\n  );\n}\n\n/**\n * Bottombar link component\n */\nexport type BottomBarLink = Omit<Path, \"icon\" | \"badge\">;\n\nexport type BottomBarLinksProps = React.HTMLAttributes<HTMLElement> & {\n  paths: BottomBarLink[];\n};\n\nexport function BottomBarLinks({ paths, className, ...props }: BottomBarLinksProps) {\n  const currentSegment = useSelectedLayoutSegment();\n\n  return (\n    <ul\n      {...props}\n      className={cn(\"px-content flex flex-row items-center gap-6 text-sm font-medium\", className)}\n    >\n      {paths.map(({ href, name, segment, permission }) => {\n        const children = (\n          <Link\n            key={href}\n            href={href}\n            className={cn(\n              \"text-muted-foreground hover:text-foreground w-fit text-nowrap break-keep transition-colors\",\n              currentSegment === segment && \"text-primary\",\n            )}\n          >\n            {name}\n          </Link>\n        );\n\n        if (permission) {\n          return (\n            <Allowed key={href} permission={permission}>\n              {children}\n            </Allowed>\n          );\n        }\n\n        return children;\n      })}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,UAAU,EAAE,YAA4B;AACtD,QACE,oBAAC;EAAI,WAAU;EACZ;GACG;;AAaV,SAAgB,eAAe,EAAE,OAAO,WAAW,GAAG,SAA8B;CAClF,MAAM,iBAAiB,0BAA0B;AAEjD,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,mEAAmE,UAAU;YAE1F,MAAM,KAAK,EAAE,MAAM,MAAM,SAAS,iBAAiB;GAClD,MAAM,WACJ,oBAAC;IAEO;IACN,WAAW,GACT,8FACA,mBAAmB,WAAW,eAC/B;cAEA;MAPI,KAQA;AAGT,OAAI,WACF,QACE,oBAAC;IAA+B;IAC7B;MADW,KAEJ;AAId,UAAO;IACP;GACC"}
+{"version":3,"file":"bottom-bar.client.mjs","names":[],"sources":["../../../src/components/header/bottom-bar.client.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { useSelectedLayoutSegment } from \"next/navigation\";\nimport type React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport type { Path } from \"@/modules/config/paths/types\";\n\n/**\n * Bottombar component\n */\nexport type BottomBarProps = {\n  children: React.ReactNode;\n};\n\nexport function BottomBar({ children }: BottomBarProps) {\n  return (\n    <nav className=\"flex h-[var(--header-bottom-bar-height)] items-center justify-between overflow-x-auto border-b\">\n      {children}\n    </nav>\n  );\n}\n\n/**\n * Bottombar link component\n */\nexport type BottomBarLink = Omit<Path, \"icon\" | \"badge\">;\n\nexport type BottomBarLinksProps = React.HTMLAttributes<HTMLElement> & {\n  paths: BottomBarLink[];\n};\n\nexport function BottomBarLinks({ paths, className, ...props }: BottomBarLinksProps) {\n  const currentSegment = useSelectedLayoutSegment();\n\n  return (\n    <ul\n      {...props}\n      className={cn(\"flex flex-row items-center gap-6 px-content font-medium text-sm\", className)}\n    >\n      {paths.map(({ href, name, segment, permission }) => {\n        const children = (\n          <Link\n            key={href}\n            href={href}\n            className={cn(\n              \"w-fit text-nowrap break-keep text-muted-foreground transition-colors hover:text-foreground\",\n              currentSegment === segment && \"text-primary\",\n            )}\n          >\n            {name}\n          </Link>\n        );\n\n        if (permission) {\n          return (\n            <Allowed key={href} permission={permission}>\n              {children}\n            </Allowed>\n          );\n        }\n\n        return children;\n      })}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,UAAU,EAAE,YAA4B;AACtD,QACE,oBAAC;EAAI,WAAU;EACZ;GACG;;AAaV,SAAgB,eAAe,EAAE,OAAO,WAAW,GAAG,SAA8B;CAClF,MAAM,iBAAiB,0BAA0B;AAEjD,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,mEAAmE,UAAU;YAE1F,MAAM,KAAK,EAAE,MAAM,MAAM,SAAS,iBAAiB;GAClD,MAAM,WACJ,oBAAC;IAEO;IACN,WAAW,GACT,8FACA,mBAAmB,WAAW,eAC/B;cAEA;MAPI,KAQA;AAGT,OAAI,WACF,QACE,oBAAC;IAA+B;IAC7B;MADW,KAEJ;AAId,UAAO;IACP;GACC"}

package/dist/components/header/breadcrumbs.client.mjs

@@ -1,5 +1,5 @@
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../ui/breadcrumb.mjs";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/dropdown-menu.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/dropdown-menu.client.mjs";
 import { ScrollArea } from "../ui/scroll-area.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";

package/dist/components/header/breadcrumbs.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.client.mjs","names":[],"sources":["../../../src/components/header/breadcrumbs.client.tsx"],"sourcesContent":["import Link from \"next/link\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { ScrollArea } from \"@/components/ui/scroll-area\";\n\nexport type HeaderBreadcrumb = {\n  label: string;\n  href?: string;\n};\n\nexport type HeaderBreadcrumbProps = {\n  breadcrumbs: HeaderBreadcrumb[];\n};\n\nexport function HeaderBreadcrumbs(props: PropsWithChildren) {\n  return <Breadcrumb>{props.children}</Breadcrumb>;\n}\n\nexport const HeaderBreadcrumbSeparator = BreadcrumbSeparator;\n\n/**\n * Dropdown menu\n */\nexport function HeaderBreadcrumbsDropdownMenu(props: PropsWithChildren) {\n  return (\n    <BreadcrumbItem>\n      <DropdownMenu>\n        <DropdownMenuTrigger className=\"flex items-center gap-1\">\n          <BreadcrumbEllipsis />\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">{props.children}</DropdownMenuContent>\n      </DropdownMenu>\n    </BreadcrumbItem>\n  );\n}\n\nexport function HeaderBreadcrumbsDropdownMenuItem(props: { breadcrumb: HeaderBreadcrumb }) {\n  return (\n    <DropdownMenuItem>\n      {props.breadcrumb.href ? (\n        <Link href={props.breadcrumb.href}>{props.breadcrumb.label}</Link>\n      ) : (\n        <span>{props.breadcrumb.label}</span>\n      )}\n    </DropdownMenuItem>\n  );\n}\n\n/**\n * Links\n */\nexport function HeaderBreadcrumbsLink(props: { breadcrumb: HeaderBreadcrumb }) {\n  return (\n    <BreadcrumbItem>\n      {props.breadcrumb.href ? (\n        <BreadcrumbLink asChild>\n          <Link href={props.breadcrumb.href} className=\"truncate\">\n            {props.breadcrumb.label}\n          </Link>\n        </BreadcrumbLink>\n      ) : (\n        <BreadcrumbPage className=\"truncate\">{props.breadcrumb.label}</BreadcrumbPage>\n      )}\n    </BreadcrumbItem>\n  );\n}\n\n/**\n * Lists\n */\nexport function HeaderBreadcrumbsMobileList(props: PropsWithChildren) {\n  return (\n    <ScrollArea>\n      <BreadcrumbList className=\"flex-nowrap lg:hidden\">{props.children}</BreadcrumbList>\n    </ScrollArea>\n  );\n}\n\nexport function HeaderBreadcrumbsDesktopList(props: PropsWithChildren) {\n  return (\n    <ScrollArea>\n      <BreadcrumbList className=\"hidden flex-nowrap lg:flex\">{props.children}</BreadcrumbList>\n    </ScrollArea>\n  );\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,kBAAkB,OAA0B;AAC1D,QAAO,oBAAC,wBAAY,MAAM,WAAsB;;AAGlD,MAAa,4BAA4B;;;;AAKzC,SAAgB,8BAA8B,OAA0B;AACtE,QACE,oBAAC,4BACC,qBAAC,2BACC,oBAAC;EAAoB,WAAU;YAC7B,oBAAC,uBAAqB;GACF,EACtB,oBAAC;EAAoB,OAAM;YAAS,MAAM;GAA+B,IAC5D,GACA;;AAIrB,SAAgB,kCAAkC,OAAyC;AACzF,QACE,oBAAC,8BACE,MAAM,WAAW,OAChB,oBAAC;EAAK,MAAM,MAAM,WAAW;YAAO,MAAM,WAAW;GAAa,GAElE,oBAAC,oBAAM,MAAM,WAAW,QAAa,GAEtB;;;;;AAOvB,SAAgB,sBAAsB,OAAyC;AAC7E,QACE,oBAAC,4BACE,MAAM,WAAW,OAChB,oBAAC;EAAe;YACd,oBAAC;GAAK,MAAM,MAAM,WAAW;GAAM,WAAU;aAC1C,MAAM,WAAW;IACb;GACQ,GAEjB,oBAAC;EAAe,WAAU;YAAY,MAAM,WAAW;GAAuB,GAEjE;;;;;AAOrB,SAAgB,4BAA4B,OAA0B;AACpE,QACE,oBAAC,wBACC,oBAAC;EAAe,WAAU;YAAyB,MAAM;GAA0B,GACxE;;AAIjB,SAAgB,6BAA6B,OAA0B;AACrE,QACE,oBAAC,wBACC,oBAAC;EAAe,WAAU;YAA8B,MAAM;GAA0B,GAC7E"}
+{"version":3,"file":"breadcrumbs.client.mjs","names":[],"sources":["../../../src/components/header/breadcrumbs.client.tsx"],"sourcesContent":["import Link from \"next/link\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu.client\";\nimport { ScrollArea } from \"@/components/ui/scroll-area\";\n\nexport type HeaderBreadcrumb = {\n  label: string;\n  href?: string;\n};\n\nexport type HeaderBreadcrumbProps = {\n  breadcrumbs: HeaderBreadcrumb[];\n};\n\nexport function HeaderBreadcrumbs(props: PropsWithChildren) {\n  return <Breadcrumb>{props.children}</Breadcrumb>;\n}\n\nexport const HeaderBreadcrumbSeparator = BreadcrumbSeparator;\n\n/**\n * Dropdown menu\n */\nexport function HeaderBreadcrumbsDropdownMenu(props: PropsWithChildren) {\n  return (\n    <BreadcrumbItem>\n      <DropdownMenu>\n        <DropdownMenuTrigger className=\"flex items-center gap-1\">\n          <BreadcrumbEllipsis />\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">{props.children}</DropdownMenuContent>\n      </DropdownMenu>\n    </BreadcrumbItem>\n  );\n}\n\nexport function HeaderBreadcrumbsDropdownMenuItem(props: { breadcrumb: HeaderBreadcrumb }) {\n  return (\n    <DropdownMenuItem>\n      {props.breadcrumb.href ? (\n        <Link href={props.breadcrumb.href}>{props.breadcrumb.label}</Link>\n      ) : (\n        <span>{props.breadcrumb.label}</span>\n      )}\n    </DropdownMenuItem>\n  );\n}\n\n/**\n * Links\n */\nexport function HeaderBreadcrumbsLink(props: { breadcrumb: HeaderBreadcrumb }) {\n  return (\n    <BreadcrumbItem>\n      {props.breadcrumb.href ? (\n        <BreadcrumbLink asChild>\n          <Link href={props.breadcrumb.href} className=\"truncate\">\n            {props.breadcrumb.label}\n          </Link>\n        </BreadcrumbLink>\n      ) : (\n        <BreadcrumbPage className=\"truncate\">{props.breadcrumb.label}</BreadcrumbPage>\n      )}\n    </BreadcrumbItem>\n  );\n}\n\n/**\n * Lists\n */\nexport function HeaderBreadcrumbsMobileList(props: PropsWithChildren) {\n  return (\n    <ScrollArea>\n      <BreadcrumbList className=\"flex-nowrap lg:hidden\">{props.children}</BreadcrumbList>\n    </ScrollArea>\n  );\n}\n\nexport function HeaderBreadcrumbsDesktopList(props: PropsWithChildren) {\n  return (\n    <ScrollArea>\n      <BreadcrumbList className=\"hidden flex-nowrap lg:flex\">{props.children}</BreadcrumbList>\n    </ScrollArea>\n  );\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,kBAAkB,OAA0B;AAC1D,QAAO,oBAAC,wBAAY,MAAM,WAAsB;;AAGlD,MAAa,4BAA4B;;;;AAKzC,SAAgB,8BAA8B,OAA0B;AACtE,QACE,oBAAC,4BACC,qBAAC,2BACC,oBAAC;EAAoB,WAAU;YAC7B,oBAAC,uBAAqB;GACF,EACtB,oBAAC;EAAoB,OAAM;YAAS,MAAM;GAA+B,IAC5D,GACA;;AAIrB,SAAgB,kCAAkC,OAAyC;AACzF,QACE,oBAAC,8BACE,MAAM,WAAW,OAChB,oBAAC;EAAK,MAAM,MAAM,WAAW;YAAO,MAAM,WAAW;GAAa,GAElE,oBAAC,oBAAM,MAAM,WAAW,QAAa,GAEtB;;;;;AAOvB,SAAgB,sBAAsB,OAAyC;AAC7E,QACE,oBAAC,4BACE,MAAM,WAAW,OAChB,oBAAC;EAAe;YACd,oBAAC;GAAK,MAAM,MAAM,WAAW;GAAM,WAAU;aAC1C,MAAM,WAAW;IACb;GACQ,GAEjB,oBAAC;EAAe,WAAU;YAAY,MAAM,WAAW;GAAuB,GAEjE;;;;;AAOrB,SAAgB,4BAA4B,OAA0B;AACpE,QACE,oBAAC,wBACC,oBAAC;EAAe,WAAU;YAAyB,MAAM;GAA0B,GACxE;;AAIjB,SAAgB,6BAA6B,OAA0B;AACrE,QACE,oBAAC,wBACC,oBAAC;EAAe,WAAU;YAA8B,MAAM;GAA0B,GAC7E"}

package/dist/components/header/header.client.mjs

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/header/header.client.tsx
 function Header({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx("header", {
-		className: cn("bg-sidebar sticky top-0 z-30 backdrop-blur-3xl", className),
+		className: cn("sticky top-0 z-30 bg-sidebar backdrop-blur-3xl", className),
 		...props,
 		children
 	});

package/dist/components/header/header.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header.client.mjs","names":[],"sources":["../../../src/components/header/header.client.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport function Header({ children, className, ...props }: ComponentProps<\"header\">) {\n  return (\n    <header className={cn(\"bg-sidebar sticky top-0 z-30 backdrop-blur-3xl\", className)} {...props}>\n      {children}\n    </header>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,OAAO,EAAE,UAAU,WAAW,GAAG,SAAmC;AAClF,QACE,oBAAC;EAAO,WAAW,GAAG,kDAAkD,UAAU;EAAE,GAAI;EACrF;GACM"}
+{"version":3,"file":"header.client.mjs","names":[],"sources":["../../../src/components/header/header.client.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport function Header({ children, className, ...props }: ComponentProps<\"header\">) {\n  return (\n    <header className={cn(\"sticky top-0 z-30 bg-sidebar backdrop-blur-3xl\", className)} {...props}>\n      {children}\n    </header>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,OAAO,EAAE,UAAU,WAAW,GAAG,SAAmC;AAClF,QACE,oBAAC;EAAO,WAAW,GAAG,kDAAkD,UAAU;EAAE,GAAI;EACrF;GACM"}

package/dist/components/layouts/empty-page.mjs

@@ -11,14 +11,14 @@ function EmptyPage({ className, children, ...props }) {
 }
 function EmptyPageTitle({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("h2", {
-		className: cn("text-lg font-bold tracking-tight", className),
+		className: cn("font-bold text-lg tracking-tight", className),
 		...props,
 		children
 	});
 }
 function EmptyPageDescription({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
-		className: cn("text-muted-foreground max-w-[40ch] text-sm", className),
+		className: cn("max-w-[40ch] text-muted-foreground text-sm", className),
 		...props,
 		children
 	});

package/dist/components/layouts/empty-page.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty-page.mjs","names":[],"sources":["../../../src/components/layouts/empty-page.tsx"],"sourcesContent":["import type { Route } from \"next\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport type EmptyPageProps = HTMLAttributes<HTMLDivElement> & {\n  title: string;\n  description?: string;\n  callToAction?: {\n    href: Route;\n    title: string;\n  };\n};\n\nexport function EmptyPage({ className, children, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-[30rem] w-full flex-col items-center justify-center gap-y-2 border border-dashed text-center\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function EmptyPageTitle({ className, children, ...props }: ComponentProps<\"h2\">) {\n  return (\n    <h2 className={cn(\"text-lg font-bold tracking-tight\", className)} {...props}>\n      {children}\n    </h2>\n  );\n}\n\nexport function EmptyPageDescription({ className, children, ...props }: ComponentProps<\"p\">) {\n  return (\n    <p className={cn(\"text-muted-foreground max-w-[40ch] text-sm\", className)} {...props}>\n      {children}\n    </p>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,UAAU,EAAE,WAAW,UAAU,GAAG,SAAgC;AAClF,QACE,oBAAC;EACC,WAAW,GACT,kHACA,UACD;EACD,GAAI;EAEH;GACG;;AAIV,SAAgB,eAAe,EAAE,WAAW,UAAU,GAAG,SAA+B;AACtF,QACE,oBAAC;EAAG,WAAW,GAAG,oCAAoC,UAAU;EAAE,GAAI;EACnE;GACE;;AAIT,SAAgB,qBAAqB,EAAE,WAAW,UAAU,GAAG,SAA8B;AAC3F,QACE,oBAAC;EAAE,WAAW,GAAG,8CAA8C,UAAU;EAAE,GAAI;EAC5E;GACC"}
+{"version":3,"file":"empty-page.mjs","names":[],"sources":["../../../src/components/layouts/empty-page.tsx"],"sourcesContent":["import type { Route } from \"next\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport type EmptyPageProps = HTMLAttributes<HTMLDivElement> & {\n  title: string;\n  description?: string;\n  callToAction?: {\n    href: Route;\n    title: string;\n  };\n};\n\nexport function EmptyPage({ className, children, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-[30rem] w-full flex-col items-center justify-center gap-y-2 border border-dashed text-center\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function EmptyPageTitle({ className, children, ...props }: ComponentProps<\"h2\">) {\n  return (\n    <h2 className={cn(\"font-bold text-lg tracking-tight\", className)} {...props}>\n      {children}\n    </h2>\n  );\n}\n\nexport function EmptyPageDescription({ className, children, ...props }: ComponentProps<\"p\">) {\n  return (\n    <p className={cn(\"max-w-[40ch] text-muted-foreground text-sm\", className)} {...props}>\n      {children}\n    </p>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,UAAU,EAAE,WAAW,UAAU,GAAG,SAAgC;AAClF,QACE,oBAAC;EACC,WAAW,GACT,kHACA,UACD;EACD,GAAI;EAEH;GACG;;AAIV,SAAgB,eAAe,EAAE,WAAW,UAAU,GAAG,SAA+B;AACtF,QACE,oBAAC;EAAG,WAAW,GAAG,oCAAoC,UAAU;EAAE,GAAI;EACnE;GACE;;AAIT,SAAgB,qBAAqB,EAAE,WAAW,UAAU,GAAG,SAA8B;AAC3F,QACE,oBAAC;EAAE,WAAW,GAAG,8CAA8C,UAAU;EAAE,GAAI;EAC5E;GACC"}

package/dist/components/layouts/error-page.mjs

@@ -9,7 +9,7 @@ import { jsx } from "react/jsx-runtime";
 function ErrorPage({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		...props,
-		className: cn("min-h-120 flex h-full w-full flex-col items-center justify-center gap-y-3 border border-dashed text-center", className),
+		className: cn("flex h-full min-h-120 w-full flex-col items-center justify-center gap-y-3 border border-dashed text-center", className),
 		children
 	});
 }
@@ -18,7 +18,7 @@ function ErrorPage({ className, children, ...props }) {
 */
 function ErrorPageCode({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("h2", {
-		className: cn("text-9xl font-bold leading-none", className),
+		className: cn("font-bold text-9xl leading-none", className),
 		...props,
 		children
 	});
@@ -43,7 +43,7 @@ function ErrorPageIcon({ variant = "default", className, ...props }) {
 */
 function ErrorPageDescription({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
-		className: cn("text-2xl font-bold lg:text-3xl", className),
+		className: cn("font-bold text-2xl lg:text-3xl", className),
 		...props,
 		children
 	});

package/dist/components/layouts/error-page.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"error-page.mjs","names":[],"sources":["../../../src/components/layouts/error-page.tsx"],"sourcesContent":["import { BugIcon, ServerCrashIcon, ShieldBanIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\n/**\n * ErrorPage\n */\nexport function ErrorPage({ className, children, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        \"min-h-120 flex h-full w-full flex-col items-center justify-center gap-y-3 border border-dashed text-center\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * ErrorPageCode\n */\nexport function ErrorPageCode({ className, children, ...props }: ComponentProps<\"h2\">) {\n  return (\n    <h2 className={cn(\"text-9xl font-bold leading-none\", className)} {...props}>\n      {children}\n    </h2>\n  );\n}\n\n/**\n * ErrorPageIcon\n */\nconst errorPageIcons = {\n  serverError: ServerCrashIcon,\n  notAllowed: ShieldBanIcon,\n  default: BugIcon,\n  // 404: BombIcon,\n};\n\nexport function ErrorPageIcon({\n  variant = \"default\",\n  className,\n  ...props\n}: ComponentProps<\"svg\"> & { variant?: keyof typeof errorPageIcons }) {\n  const Icon = errorPageIcons[variant];\n\n  return <Icon className={cn(\"size-16 xl:size-24\", className)} {...props} />;\n}\n\n/**\n * ErrorPageDescription\n */\nexport function ErrorPageDescription({ className, children, ...props }: ComponentProps<\"p\">) {\n  return (\n    <p className={cn(\"text-2xl font-bold lg:text-3xl\", className)} {...props}>\n      {children}\n    </p>\n  );\n}\n\n// export function ErrorPage({ className, ...props }: ComponentProps<\"div\">) {\n//   return (\n//     <div {...props} className={cn(\"relative z-0 grid w-full place-items-center\", className)}>\n//       <div className=\"flex flex-col items-center gap-12 text-center\">\n//         <span className=\"text-destructive flex flex-col items-center gap-2\">\n//           <BugIcon className=\"size-20 xl:size-32\" />\n//           <h1 className=\"text-2xl font-bold lg:text-3xl\">Oeps, er is iets fout gegaan.</h1>\n//         </span>\n//       </div>\n//     </div>\n//   );\n// }\n"],"mappings":";;;;;;;;AAOA,SAAgB,UAAU,EAAE,WAAW,UAAU,GAAG,SAAgC;AAClF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,8GACA,UACD;EAEA;GACG;;;;;AAOV,SAAgB,cAAc,EAAE,WAAW,UAAU,GAAG,SAA+B;AACrF,QACE,oBAAC;EAAG,WAAW,GAAG,mCAAmC,UAAU;EAAE,GAAI;EAClE;GACE;;;;;AAOT,MAAM,iBAAiB;CACrB,aAAa;CACb,YAAY;CACZ,SAAS;CAEV;AAED,SAAgB,cAAc,EAC5B,UAAU,WACV,WACA,GAAG,SACiE;CACpE,MAAM,OAAO,eAAe;AAE5B,QAAO,oBAAC;EAAK,WAAW,GAAG,sBAAsB,UAAU;EAAE,GAAI;GAAS;;;;;AAM5E,SAAgB,qBAAqB,EAAE,WAAW,UAAU,GAAG,SAA8B;AAC3F,QACE,oBAAC;EAAE,WAAW,GAAG,kCAAkC,UAAU;EAAE,GAAI;EAChE;GACC"}
+{"version":3,"file":"error-page.mjs","names":[],"sources":["../../../src/components/layouts/error-page.tsx"],"sourcesContent":["import { BugIcon, ServerCrashIcon, ShieldBanIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\n/**\n * ErrorPage\n */\nexport function ErrorPage({ className, children, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        \"flex h-full min-h-120 w-full flex-col items-center justify-center gap-y-3 border border-dashed text-center\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * ErrorPageCode\n */\nexport function ErrorPageCode({ className, children, ...props }: ComponentProps<\"h2\">) {\n  return (\n    <h2 className={cn(\"font-bold text-9xl leading-none\", className)} {...props}>\n      {children}\n    </h2>\n  );\n}\n\n/**\n * ErrorPageIcon\n */\nconst errorPageIcons = {\n  serverError: ServerCrashIcon,\n  notAllowed: ShieldBanIcon,\n  default: BugIcon,\n  // 404: BombIcon,\n};\n\nexport function ErrorPageIcon({\n  variant = \"default\",\n  className,\n  ...props\n}: ComponentProps<\"svg\"> & { variant?: keyof typeof errorPageIcons }) {\n  const Icon = errorPageIcons[variant];\n\n  return <Icon className={cn(\"size-16 xl:size-24\", className)} {...props} />;\n}\n\n/**\n * ErrorPageDescription\n */\nexport function ErrorPageDescription({ className, children, ...props }: ComponentProps<\"p\">) {\n  return (\n    <p className={cn(\"font-bold text-2xl lg:text-3xl\", className)} {...props}>\n      {children}\n    </p>\n  );\n}\n\n// export function ErrorPage({ className, ...props }: ComponentProps<\"div\">) {\n//   return (\n//     <div {...props} className={cn(\"relative z-0 grid w-full place-items-center\", className)}>\n//       <div className=\"flex flex-col items-center gap-12 text-center\">\n//         <span className=\"text-destructive flex flex-col items-center gap-2\">\n//           <BugIcon className=\"size-20 xl:size-32\" />\n//           <h1 className=\"text-2xl font-bold lg:text-3xl\">Oeps, er is iets fout gegaan.</h1>\n//         </span>\n//       </div>\n//     </div>\n//   );\n// }\n"],"mappings":";;;;;;;;AAOA,SAAgB,UAAU,EAAE,WAAW,UAAU,GAAG,SAAgC;AAClF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,8GACA,UACD;EAEA;GACG;;;;;AAOV,SAAgB,cAAc,EAAE,WAAW,UAAU,GAAG,SAA+B;AACrF,QACE,oBAAC;EAAG,WAAW,GAAG,mCAAmC,UAAU;EAAE,GAAI;EAClE;GACE;;;;;AAOT,MAAM,iBAAiB;CACrB,aAAa;CACb,YAAY;CACZ,SAAS;CAEV;AAED,SAAgB,cAAc,EAC5B,UAAU,WACV,WACA,GAAG,SACiE;CACpE,MAAM,OAAO,eAAe;AAE5B,QAAO,oBAAC;EAAK,WAAW,GAAG,sBAAsB,UAAU;EAAE,GAAI;GAAS;;;;;AAM5E,SAAgB,qBAAqB,EAAE,WAAW,UAAU,GAAG,SAA8B;AAC3F,QACE,oBAAC;EAAE,WAAW,GAAG,kCAAkC,UAAU;EAAE,GAAI;EAChE;GACC"}

package/dist/components/layouts/providers.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"providers.client.d.mts","names":[],"sources":["../../../src/components/layouts/providers.client.tsx"],"mappings":";;;;iBAWgB,SAAA,CAAA;EAAY;AAAA,GAAY,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"providers.client.d.mts","names":[],"sources":["../../../src/components/layouts/providers.client.tsx"],"mappings":";;;;iBAYgB,SAAA,CAAA;EAAY;AAAA,GAAY,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/layouts/providers.client.mjs

@@ -1,6 +1,7 @@
 "use client";
 
 import { IndicatorContextProvider } from "../../lib/hooks/use-indicator.mjs";
+import { TooltipProvider } from "../ui/tooltip.client.mjs";
 import { Toaster } from "../ui/sonner.client.mjs";
 import { getQueryClient } from "../../modules/router/lib/query-client.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -13,7 +14,7 @@ import { NuqsAdapter } from "nuqs/adapters/next/app";
 function Providers({ children }) {
 	return /* @__PURE__ */ jsx(QueryClientProvider, {
 		client: getQueryClient(),
-		children: /* @__PURE__ */ jsx(NuqsAdapter, { children: /* @__PURE__ */ jsx(IndicatorContextProvider, { children: /* @__PURE__ */ jsxs(ThemeProvider, {
+		children: /* @__PURE__ */ jsx(NuqsAdapter, { children: /* @__PURE__ */ jsx(IndicatorContextProvider, { children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(ThemeProvider, {
 			attribute: "class",
 			defaultTheme: "system",
 			enableSystem: true,
@@ -22,7 +23,7 @@ function Providers({ children }) {
 				/* @__PURE__ */ jsx(Toaster, {}),
 				/* @__PURE__ */ jsx(ReactQueryDevtools, {})
 			]
-		}) }) })
+		}) }) }) })
 	});
 }
 

package/dist/components/layouts/providers.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"providers.client.mjs","names":[],"sources":["../../../src/components/layouts/providers.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { QueryClientProvider } from \"@tanstack/react-query\";\nimport { ReactQueryDevtools } from \"@tanstack/react-query-devtools\";\nimport { ThemeProvider } from \"next-themes\";\nimport { NuqsAdapter } from \"nuqs/adapters/next/app\";\nimport type { PropsWithChildren } from \"react\";\nimport { Toaster } from \"@/components/ui/sonner.client\";\nimport { IndicatorContextProvider } from \"@/lib/hooks/use-indicator\";\nimport { getQueryClient } from \"@/modules/router/lib/query-client\";\n\nexport function Providers({ children }: PropsWithChildren) {\n  const queryClient = getQueryClient();\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <NuqsAdapter>\n        <IndicatorContextProvider>\n          <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n            {children}\n\n            <Toaster />\n            <ReactQueryDevtools />\n          </ThemeProvider>\n        </IndicatorContextProvider>\n      </NuqsAdapter>\n    </QueryClientProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,UAAU,EAAE,YAA+B;AAGzD,QACE,oBAAC;EAAoB,QAHH,gBAAgB;YAIhC,oBAAC,yBACC,oBAAC,sCACC,qBAAC;GAAc,WAAU;GAAQ,cAAa;GAAS;;IACpD;IAED,oBAAC,YAAU;IACX,oBAAC,uBAAqB;;IACR,GACS,GACf;GACM"}
+{"version":3,"file":"providers.client.mjs","names":[],"sources":["../../../src/components/layouts/providers.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { QueryClientProvider } from \"@tanstack/react-query\";\nimport { ReactQueryDevtools } from \"@tanstack/react-query-devtools\";\nimport { ThemeProvider } from \"next-themes\";\nimport { NuqsAdapter } from \"nuqs/adapters/next/app\";\nimport type { PropsWithChildren } from \"react\";\nimport { Toaster } from \"@/components/ui/sonner.client\";\nimport { IndicatorContextProvider } from \"@/lib/hooks/use-indicator\";\nimport { getQueryClient } from \"@/modules/router/lib/query-client\";\nimport { TooltipProvider } from \"../ui/tooltip.client\";\n\nexport function Providers({ children }: PropsWithChildren) {\n  const queryClient = getQueryClient();\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <NuqsAdapter>\n        <IndicatorContextProvider>\n          <TooltipProvider>\n            <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n              {children}\n\n              <Toaster />\n              <ReactQueryDevtools />\n            </ThemeProvider>\n          </TooltipProvider>\n        </IndicatorContextProvider>\n      </NuqsAdapter>\n    </QueryClientProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,SAAgB,UAAU,EAAE,YAA+B;AAGzD,QACE,oBAAC;EAAoB,QAHH,gBAAgB;YAIhC,oBAAC,yBACC,oBAAC,sCACC,oBAAC,6BACC,qBAAC;GAAc,WAAU;GAAQ,cAAa;GAAS;;IACpD;IAED,oBAAC,YAAU;IACX,oBAAC,uBAAqB;;IACR,GACA,GACO,GACf;GACM"}

package/dist/components/layouts/root-loading.mjs

@@ -1,11 +1,11 @@
-import { Spinner } from "../ui/spinner.mjs";
+import { Loader } from "../ui/loader.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/layouts/root-loading.tsx
 function RootLoading() {
 	return /* @__PURE__ */ jsx("div", {
 		className: "grid h-dvh w-full place-items-center",
-		children: /* @__PURE__ */ jsx(Spinner, {})
+		children: /* @__PURE__ */ jsx(Loader, {})
 	});
 }
 

package/dist/components/layouts/root-loading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"root-loading.mjs","names":[],"sources":["../../../src/components/layouts/root-loading.tsx"],"sourcesContent":["import { Spinner } from \"../ui/spinner\";\n\nexport function RootLoading() {\n  return (\n    <div className=\"grid h-dvh w-full place-items-center\">\n      <Spinner />\n    </div>\n  );\n}\n"],"mappings":";;;;AAEA,SAAgB,cAAc;AAC5B,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC,YAAU;GACP"}
+{"version":3,"file":"root-loading.mjs","names":[],"sources":["../../../src/components/layouts/root-loading.tsx"],"sourcesContent":["import { Loader } from \"../ui/loader\";\n\nexport function RootLoading() {\n  return (\n    <div className=\"grid h-dvh w-full place-items-center\">\n      <Loader />\n    </div>\n  );\n}\n"],"mappings":";;;;AAEA,SAAgB,cAAc;AAC5B,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC,WAAS;GACN"}

package/dist/components/layouts/tab-layout.mjs

@@ -1,8 +1,8 @@
 "use client";
 
 import { Allowed } from "../../modules/auth/components/allowed.client.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.client.mjs";
 import { ListLayout } from "./list-layout.mjs";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter, useSelectedLayoutSegment } from "next/navigation";