@tulip-systems/core 0.6.0 → 0.7.0

package/dist/components.mjs

@@ -4,18 +4,15 @@ import { StatusBadge, StatusField, createStatusConfig, createStatusVariants, fin
 import { createFileHandlerUploadStrategy } from "./components/editor/extensions/file-handler/strategy.mjs";
 import { convertEditorContentToHTML, convertHTMLToEditorContent } from "./components/editor/lib/helpers.mjs";
 import { Button, buttonVariants } from "./components/ui/button.mjs";
-import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/ui/context-menu.mjs";
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/ui/breadcrumb.mjs";
-import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.mjs";
 import { ScrollArea, ScrollBar } from "./components/ui/scroll-area.mjs";
 import { Skeleton } from "./components/ui/skeleton.mjs";
-import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.mjs";
 import { Input } from "./components/ui/input.mjs";
 import { Separator } from "./components/ui/separator.mjs";
-import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.mjs";
-import { Calendar, CalendarDayButton } from "./components/ui/calendar.mjs";
+import { Textarea } from "./components/ui/textarea.mjs";
+import { DateInput } from "./components/ui/input-date.mjs";
+import { TimeInput } from "./components/ui/input-time.mjs";
 import { Label } from "./components/ui/label.mjs";
-import { Toggle, toggleVariants } from "./components/ui/toggle.mjs";
 import { ErrorPage, ErrorPageCode, ErrorPageDescription, ErrorPageIcon } from "./components/layouts/error-page.mjs";
 import { DefaultErrorSection, NotAllowedSection, NotFoundSection, ServerErrorSection } from "./components/layouts/error-sections.mjs";
 import { AdminErrorPage, AdminNotAllowedPage, AdminNotFoundPage } from "./components/layouts/admin-error-pages.mjs";
@@ -23,26 +20,21 @@ import { AdminLoadingLayout } from "./components/layouts/admin-loading.mjs";
 import { EmptyPage, EmptyPageDescription, EmptyPageTitle } from "./components/layouts/empty-page.mjs";
 import { ListLayout } from "./components/layouts/list-layout.mjs";
 import { RootNotFoundPage } from "./components/layouts/root-error-pages.mjs";
+import { Loader } from "./components/ui/loader.mjs";
 import { RootLoading } from "./components/layouts/root-loading.mjs";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.mjs";
 import { TabLayout } from "./components/layouts/tab-layout.mjs";
 import { DataList, DataListItem, DataListTitle, DataListValue } from "./components/lists/data-list.mjs";
 import { DataStack, DataStackColumn, DataStackGrid, DataStackLayout, DataStackRow, DataStackTitle, DataStackValue } from "./components/lists/data-stack.mjs";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/ui/accordion.mjs";
-import { Alert, AlertDescription, AlertTitle } from "./components/ui/alert.mjs";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/ui/alert-dialog.mjs";
-import { AspectRatio } from "./components/ui/aspect-ratio.mjs";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.mjs";
-import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "./components/ui/carousel.mjs";
-import { Checkbox } from "./components/ui/checkbox.mjs";
-import { DateInput } from "./components/ui/input-date.mjs";
-import { DateTimeInput } from "./components/ui/input-date-time.mjs";
-import { TimeInput } from "./components/ui/input-time.mjs";
+import { Alert, AlertAction, AlertDescription, AlertTitle } from "./components/ui/alert.mjs";
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./components/ui/button-group.mjs";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.mjs";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "./components/ui/empty.mjs";
+import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from "./components/ui/item.mjs";
+import { Kbd, KbdGroup } from "./components/ui/kbd.mjs";
 import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from "./components/ui/navigation-menu.mjs";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.mjs";
 import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.mjs";
 import { Slider } from "./components/ui/slider.mjs";
-import { Switch } from "./components/ui/switch.mjs";
-import { Textarea } from "./components/ui/textarea.mjs";
+import { Spinner } from "./components/ui/spinner.mjs";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdminErrorPage, AdminLoadingLayout, AdminNotAllowedPage, AdminNotFoundPage, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataList, DataListItem, DataListTitle, DataListValue, DataStack, DataStackColumn, DataStackGrid, DataStackLayout, DataStackRow, DataStackTitle, DataStackValue, DateInput, DateTimeInput, DefaultErrorSection, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyPage, EmptyPageDescription, EmptyPageTitle, ErrorPage, ErrorPageCode, ErrorPageDescription, ErrorPageIcon, Icons, Input, Label, ListLayout, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotAllowedSection, NotFoundSection, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, RootLoading, RootNotFoundPage, ScrollArea, ScrollBar, Separator, ServerErrorSection, Skeleton, Slider, StatusBadge, StatusField, Switch, TabLayout, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimeInput, Toggle, badgeVariants, buttonVariants, convertEditorContentToHTML, convertHTMLToEditorContent, createFileHandlerUploadStrategy, createStatusConfig, createStatusVariants, findStatus, navigationMenuTriggerStyle, toggleVariants };
+export { AdminErrorPage, AdminLoadingLayout, AdminNotAllowedPage, AdminNotFoundPage, Alert, AlertAction, AlertDescription, AlertTitle, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, DataList, DataListItem, DataListTitle, DataListValue, DataStack, DataStackColumn, DataStackGrid, DataStackLayout, DataStackRow, DataStackTitle, DataStackValue, DateInput, DefaultErrorSection, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyPage, EmptyPageDescription, EmptyPageTitle, EmptyTitle, ErrorPage, ErrorPageCode, ErrorPageDescription, ErrorPageIcon, Icons, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, ListLayout, Loader, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotAllowedSection, NotFoundSection, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, RadioGroup, RadioGroupItem, RootLoading, RootNotFoundPage, ScrollArea, ScrollBar, Separator, ServerErrorSection, Skeleton, Slider, Spinner, StatusBadge, StatusField, TabLayout, Textarea, TimeInput, badgeVariants, buttonGroupVariants, buttonVariants, convertEditorContentToHTML, convertHTMLToEditorContent, createFileHandlerUploadStrategy, createStatusConfig, createStatusVariants, findStatus, navigationMenuTriggerStyle };

package/dist/inline-edit/client.d.mts

@@ -1,4 +1,4 @@
-import { useInlineEdit, useInlineEditOptions } from "../modules/inline-edit/hooks/use-inline.client.mjs";
+import { UseInlineEditProps, useInlineEdit, useInlineEditOptions } from "../modules/inline-edit/hooks/use-inline.client.mjs";
 import { InlineCombobox, InlineComboboxProps } from "../modules/inline-edit/components/combobox.client.mjs";
 import { InlineComboboxDropdown, InlineEditComboboxDropdownProps } from "../modules/inline-edit/components/combobox-dropdown.client.mjs";
 import { InlineDateInput } from "../modules/inline-edit/components/date-input.client.mjs";
@@ -8,8 +8,8 @@ import { InlineEditor, InlineEditorProps } from "../modules/inline-edit/componen
 import { InlineDecimalInput, InlineNumberInput, InlineStringInput } from "../modules/inline-edit/components/input.client.mjs";
 import { InlineRecipientInput } from "../modules/inline-edit/components/input-recipient.client.mjs";
 import { InlineStringInputToggle } from "../modules/inline-edit/components/input-toggle.client.mjs";
-import { InlineSelect, InlineSelectContent, InlineSelectContentProps, InlineSelectItem, InlineSelectItenProps, InlineSelectTrigger, InlineSelectTriggerProps, InlineSelectValue, InlineSelectValueProps } from "../modules/inline-edit/components/select.client.mjs";
+import { InlineSelect, InlineSelectContent, InlineSelectItem, InlineSelectTrigger, InlineSelectValue } from "../modules/inline-edit/components/select.client.mjs";
 import { InlineSwitch } from "../modules/inline-edit/components/switch.client.mjs";
 import { InlineEditToggleProps, InlineToggle } from "../modules/inline-edit/components/toggle.client.mjs";
 import { InlineEditContextParams, InlineEditProvider, useInlineEditContext } from "../modules/inline-edit/hooks/context.client.mjs";
-export { InlineCombobox, InlineComboboxDropdown, InlineComboboxProps, InlineDateInput, InlineDatePicker, InlineDateTimeInput, InlineDecimalInput, InlineEditComboboxDropdownProps, InlineEditContextParams, InlineEditProvider, InlineEditToggleProps, InlineEditor, InlineEditorProps, InlineNumberInput, InlineRecipientInput, InlineSelect, InlineSelectContent, InlineSelectContentProps, InlineSelectItem, InlineSelectItenProps, InlineSelectTrigger, InlineSelectTriggerProps, InlineSelectValue, InlineSelectValueProps, InlineStringInput, InlineStringInputToggle, InlineSwitch, InlineToggle, useInlineEdit, useInlineEditContext, useInlineEditOptions };
+export { InlineCombobox, InlineComboboxDropdown, InlineComboboxProps, InlineDateInput, InlineDatePicker, InlineDateTimeInput, InlineDecimalInput, InlineEditComboboxDropdownProps, InlineEditContextParams, InlineEditProvider, InlineEditToggleProps, InlineEditor, InlineEditorProps, InlineNumberInput, InlineRecipientInput, InlineSelect, InlineSelectContent, InlineSelectItem, InlineSelectTrigger, InlineSelectValue, InlineStringInput, InlineStringInputToggle, InlineSwitch, InlineToggle, UseInlineEditProps, useInlineEdit, useInlineEditContext, useInlineEditOptions };

package/dist/lib/hooks/use-indicator.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"use-indicator.d.mts","names":[],"sources":["../../../src/lib/hooks/use-indicator.tsx"],"mappings":";;;;;;;KAQY,eAAA;;;;iBAKI,iBAAA,CAAA;;;;;;;;KAiCX,oBAAA;EACH,MAAA,EAAQ,eAAA;EACR,SAAA,EAAW,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA,CAAe,eAAA;EAC/C,eAAA,EAAiB,KAAA,CAAM,uBAAA;AAAA;AAAA,cAGZ,gBAAA,EAAgB,KAAA,CAAA,OAAA,CAAA,oBAAA;;;;cAKhB,YAAA,QAAY,oBAAA;;;;iBAKT,wBAAA,CAAA;EAA2B;AAAA;EAAc,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"use-indicator.d.mts","names":[],"sources":["../../../src/lib/hooks/use-indicator.tsx"],"mappings":";;;;;;;KAQY,eAAA;;;;iBAKI,iBAAA,CAAA;;;;;;;;KAuCX,oBAAA;EACH,MAAA,EAAQ,eAAA;EACR,SAAA,EAAW,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA,CAAe,eAAA;EAC/C,eAAA,EAAiB,KAAA,CAAM,uBAAA;AAAA;AAAA,cAGZ,gBAAA,EAAgB,KAAA,CAAA,OAAA,CAAA,oBAAA;;;;cAKhB,YAAA,QAAY,oBAAA;;;;iBAKT,wBAAA,CAAA;EAA2B;AAAA;EAAc,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/lib/hooks/use-indicator.mjs

@@ -1,7 +1,7 @@
 "use client";
 
 import { jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useState, useTransition } from "react";
+import { createContext, useCallback, useContext, useEffect, useState, useTransition } from "react";
 
 //#region src/lib/hooks/use-indicator.tsx
 /**
@@ -11,7 +11,7 @@ function useLocalIndicator() {
 	/**
 	* Start transition
 	*/
-	const [isPending, startTransition] = useTransition();
+	const [, startTransitionBase] = useTransition();
 	/**
 	* Status of the inline edit indicator
 	*/
@@ -19,17 +19,20 @@ function useLocalIndicator() {
 	/**
 	* Set status to pending when isPending is true
 	*/
-	useEffect(() => {
-		if (isPending) setStatus("pending");
-	}, [isPending]);
+	const startTransition = useCallback((callback) => {
+		setStatus("pending");
+		startTransitionBase(callback);
+	}, []);
 	/**
 	* Set status back to idle after 1.5 seconds when status is succes
 	* Set status back to idle after 3 seconds when status is error
 	*/
-	useEffect(() => {
-		if (status === "success") setTimeout(() => setStatus("idle"), 1e3);
-		if (status === "error") setTimeout(() => setStatus("idle"), 2e3);
+	const resetAfterDelay = useCallback(() => {
+		if (status !== "success" && status !== "error") return void 0;
+		const timeout = setTimeout(() => setStatus("idle"), status === "success" ? 1e3 : 2e3);
+		return () => clearTimeout(timeout);
 	}, [status]);
+	useEffect(() => resetAfterDelay(), [resetAfterDelay]);
 	return {
 		status,
 		setStatus,

package/dist/lib/hooks/use-indicator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-indicator.mjs","names":[],"sources":["../../../src/lib/hooks/use-indicator.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { createContext, useContext, useEffect, useState, useTransition } from \"react\";\n\n/**\n * Indicator status\n */\nexport type IndicatorStatus = \"idle\" | \"pending\" | \"success\" | \"error\";\n\n/**\n * Use local indicator\n */\nexport function useLocalIndicator() {\n  /**\n   * Start transition\n   */\n  const [isPending, startTransition] = useTransition();\n\n  /**\n   * Status of the inline edit indicator\n   */\n  const [status, setStatus] = useState<IndicatorStatus>(\"idle\");\n\n  /**\n   * Set status to pending when isPending is true\n   */\n  useEffect(() => {\n    if (isPending) setStatus(\"pending\");\n  }, [isPending]);\n\n  /**\n   * Set status back to idle after 1.5 seconds when status is succes\n   * Set status back to idle after 3 seconds when status is error\n   */\n  useEffect(() => {\n    if (status === \"success\") setTimeout(() => setStatus(\"idle\"), 1000);\n    if (status === \"error\") setTimeout(() => setStatus(\"idle\"), 2000);\n  }, [status]);\n\n  return { status, setStatus, startTransition };\n}\n\n/**\n * Indicator context\n */\ntype IndicatorContextType = {\n  status: IndicatorStatus;\n  setStatus: React.Dispatch<React.SetStateAction<IndicatorStatus>>;\n  startTransition: React.TransitionStartFunction;\n};\n\nexport const IndicatorContext = createContext<IndicatorContextType>({} as IndicatorContextType);\n\n/**\n * Inline edit indicator context\n */\nexport const useIndicator = () => useContext(IndicatorContext);\n\n/**\n * Indicator context provider\n */\nexport function IndicatorContextProvider({ children }: { children: React.ReactNode }) {\n  const { status, setStatus, startTransition } = useLocalIndicator();\n\n  return (\n    <IndicatorContext.Provider value={{ status, setStatus, startTransition }}>\n      {children}\n    </IndicatorContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,oBAAoB;;;;CAIlC,MAAM,CAAC,WAAW,mBAAmB,eAAe;;;;CAKpD,MAAM,CAAC,QAAQ,aAAa,SAA0B,OAAO;;;;AAK7D,iBAAgB;AACd,MAAI,UAAW,WAAU,UAAU;IAClC,CAAC,UAAU,CAAC;;;;;AAMf,iBAAgB;AACd,MAAI,WAAW,UAAW,kBAAiB,UAAU,OAAO,EAAE,IAAK;AACnE,MAAI,WAAW,QAAS,kBAAiB,UAAU,OAAO,EAAE,IAAK;IAChE,CAAC,OAAO,CAAC;AAEZ,QAAO;EAAE;EAAQ;EAAW;EAAiB;;AAY/C,MAAa,mBAAmB,cAAoC,EAAE,CAAyB;;;;AAK/F,MAAa,qBAAqB,WAAW,iBAAiB;;;;AAK9D,SAAgB,yBAAyB,EAAE,YAA2C;CACpF,MAAM,EAAE,QAAQ,WAAW,oBAAoB,mBAAmB;AAElE,QACE,oBAAC,iBAAiB;EAAS,OAAO;GAAE;GAAQ;GAAW;GAAiB;EACrE;GACyB"}
+{"version":3,"file":"use-indicator.mjs","names":[],"sources":["../../../src/lib/hooks/use-indicator.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { createContext, useCallback, useContext, useEffect, useState, useTransition } from \"react\";\n\n/**\n * Indicator status\n */\nexport type IndicatorStatus = \"idle\" | \"pending\" | \"success\" | \"error\";\n\n/**\n * Use local indicator\n */\nexport function useLocalIndicator() {\n  /**\n   * Start transition\n   */\n  const [, startTransitionBase] = useTransition();\n\n  /**\n   * Status of the inline edit indicator\n   */\n  const [status, setStatus] = useState<IndicatorStatus>(\"idle\");\n\n  /**\n   * Set status to pending when isPending is true\n   */\n  const startTransition = useCallback<React.TransitionStartFunction>((callback) => {\n    setStatus(\"pending\");\n    startTransitionBase(callback);\n  }, []);\n\n  /**\n   * Set status back to idle after 1.5 seconds when status is succes\n   * Set status back to idle after 3 seconds when status is error\n   */\n  const resetAfterDelay = useCallback(() => {\n    if (status !== \"success\" && status !== \"error\") return undefined;\n\n    const timeout = setTimeout(() => setStatus(\"idle\"), status === \"success\" ? 1000 : 2000);\n\n    return () => clearTimeout(timeout);\n  }, [status]);\n\n  useEffect(() => resetAfterDelay(), [resetAfterDelay]);\n\n  return { status, setStatus, startTransition };\n}\n\n/**\n * Indicator context\n */\ntype IndicatorContextType = {\n  status: IndicatorStatus;\n  setStatus: React.Dispatch<React.SetStateAction<IndicatorStatus>>;\n  startTransition: React.TransitionStartFunction;\n};\n\nexport const IndicatorContext = createContext<IndicatorContextType>({} as IndicatorContextType);\n\n/**\n * Inline edit indicator context\n */\nexport const useIndicator = () => useContext(IndicatorContext);\n\n/**\n * Indicator context provider\n */\nexport function IndicatorContextProvider({ children }: { children: React.ReactNode }) {\n  const { status, setStatus, startTransition } = useLocalIndicator();\n\n  return (\n    <IndicatorContext.Provider value={{ status, setStatus, startTransition }}>\n      {children}\n    </IndicatorContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,oBAAoB;;;;CAIlC,MAAM,GAAG,uBAAuB,eAAe;;;;CAK/C,MAAM,CAAC,QAAQ,aAAa,SAA0B,OAAO;;;;CAK7D,MAAM,kBAAkB,aAA4C,aAAa;AAC/E,YAAU,UAAU;AACpB,sBAAoB,SAAS;IAC5B,EAAE,CAAC;;;;;CAMN,MAAM,kBAAkB,kBAAkB;AACxC,MAAI,WAAW,aAAa,WAAW,QAAS,QAAO;EAEvD,MAAM,UAAU,iBAAiB,UAAU,OAAO,EAAE,WAAW,YAAY,MAAO,IAAK;AAEvF,eAAa,aAAa,QAAQ;IACjC,CAAC,OAAO,CAAC;AAEZ,iBAAgB,iBAAiB,EAAE,CAAC,gBAAgB,CAAC;AAErD,QAAO;EAAE;EAAQ;EAAW;EAAiB;;AAY/C,MAAa,mBAAmB,cAAoC,EAAE,CAAyB;;;;AAK/F,MAAa,qBAAqB,WAAW,iBAAiB;;;;AAK9D,SAAgB,yBAAyB,EAAE,YAA2C;CACpF,MAAM,EAAE,QAAQ,WAAW,oBAAoB,mBAAmB;AAElE,QACE,oBAAC,iBAAiB;EAAS,OAAO;GAAE;GAAQ;GAAW;GAAiB;EACrE;GACyB"}

package/dist/modules/auth/components/auth-layout.server.mjs

@@ -5,9 +5,9 @@ import Image from "next/image";
 //#region src/modules/auth/components/auth-layout.server.tsx
 async function AuthLayout(props) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "container relative mx-auto grid h-[100dvh] flex-col items-center justify-center lg:max-w-none lg:grid-cols-2 lg:px-0",
+		className: "container relative mx-auto grid h-dvh flex-col items-center justify-center lg:max-w-none lg:grid-cols-2 lg:px-0",
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "bg-muted relative hidden h-full flex-col p-10 text-white lg:flex dark:border-r",
+			className: "relative hidden h-full flex-col bg-muted p-10 text-white lg:flex dark:border-r",
 			children: [
 				/* @__PURE__ */ jsx(Image, {
 					src: "/images/auth-background.jpeg",
@@ -17,7 +17,7 @@ async function AuthLayout(props) {
 				}),
 				/* @__PURE__ */ jsx(Link, {
 					href: "/",
-					className: "relative z-20 flex items-center text-lg font-bold",
+					className: "relative z-20 flex items-center font-bold text-lg",
 					children: props.name
 				}),
 				/* @__PURE__ */ jsx("div", {

package/dist/modules/auth/components/auth-layout.server.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"auth-layout.server.mjs","names":[],"sources":["../../../../src/modules/auth/components/auth-layout.server.tsx"],"sourcesContent":["import Image from \"next/image\";\nimport Link from \"next/link\";\nimport type { PropsWithChildren } from \"react\";\n\nexport async function AuthLayout(props: PropsWithChildren<{ name: string }>) {\n  return (\n    <div className=\"container relative mx-auto grid h-[100dvh] flex-col items-center justify-center lg:max-w-none lg:grid-cols-2 lg:px-0\">\n      <div className=\"bg-muted relative hidden h-full flex-col p-10 text-white lg:flex dark:border-r\">\n        <Image src=\"/images/auth-background.jpeg\" alt=\"Background\" className=\"object-cover\" fill />\n\n        <Link href=\"/\" className=\"relative z-20 flex items-center text-lg font-bold\">\n          {props.name}\n        </Link>\n\n        <div className=\"relative z-20 mt-auto\">\n          <blockquote className=\"space-y-2 text-sm\">Developed by NewCode</blockquote>\n        </div>\n      </div>\n\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,eAAsB,WAAW,OAA4C;AAC3E,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAM,KAAI;KAA+B,KAAI;KAAa,WAAU;KAAe;MAAO;IAE3F,oBAAC;KAAK,MAAK;KAAI,WAAU;eACtB,MAAM;MACF;IAEP,oBAAC;KAAI,WAAU;eACb,oBAAC;MAAW,WAAU;gBAAoB;OAAiC;MACvE;;IACF,EAEL,MAAM;GACH"}
+{"version":3,"file":"auth-layout.server.mjs","names":[],"sources":["../../../../src/modules/auth/components/auth-layout.server.tsx"],"sourcesContent":["import Image from \"next/image\";\nimport Link from \"next/link\";\nimport type { PropsWithChildren } from \"react\";\n\nexport async function AuthLayout(props: PropsWithChildren<{ name: string }>) {\n  return (\n    <div className=\"container relative mx-auto grid h-dvh flex-col items-center justify-center lg:max-w-none lg:grid-cols-2 lg:px-0\">\n      <div className=\"relative hidden h-full flex-col bg-muted p-10 text-white lg:flex dark:border-r\">\n        <Image src=\"/images/auth-background.jpeg\" alt=\"Background\" className=\"object-cover\" fill />\n\n        <Link href=\"/\" className=\"relative z-20 flex items-center font-bold text-lg\">\n          {props.name}\n        </Link>\n\n        <div className=\"relative z-20 mt-auto\">\n          <blockquote className=\"space-y-2 text-sm\">Developed by NewCode</blockquote>\n        </div>\n      </div>\n\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,eAAsB,WAAW,OAA4C;AAC3E,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAM,KAAI;KAA+B,KAAI;KAAa,WAAU;KAAe;MAAO;IAE3F,oBAAC;KAAK,MAAK;KAAI,WAAU;eACtB,MAAM;MACF;IAEP,oBAAC;KAAI,WAAU;eACb,oBAAC;MAAW,WAAU;gBAAoB;OAAiC;MACvE;;IACF,EAEL,MAAM;GACH"}

package/dist/modules/auth/components/create-first-user-page.client.mjs

@@ -61,7 +61,7 @@ function CreateFirstUserPage() {
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col space-y-2 text-center",
 			children: [/* @__PURE__ */ jsx("h1", {
-				className: "text-3xl font-semibold tracking-tight",
+				className: "font-semibold text-3xl tracking-tight",
 				children: "Welkom eerste gebruiker"
 			}), /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground text-sm",
@@ -126,10 +126,10 @@ function CreateFirstUserPage() {
 										type: "button",
 										variant: "ghost",
 										size: "sm",
-										className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+										className: "absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent",
 										onClick: () => setShowPassword(!showPassword),
 										disabled,
-										children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "text-muted-foreground h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "text-muted-foreground h-4 w-4" })
+										children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4 text-muted-foreground" })
 									})]
 								}) }),
 								/* @__PURE__ */ jsx(FormMessage, {})

package/dist/modules/auth/components/create-first-user-page.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"create-first-user-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/create-first-user-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { useRouter } from \"next/navigation\";\nimport { parseAsString, useQueryState } from \"nuqs\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { createUserSchema } from \"../lib/validators\";\n\nexport function CreateFirstUserPage() {\n  const router = useRouter();\n  const authClient = useAuthClient();\n  const [callbackURL] = useQueryState(\"callbackURL\", parseAsString);\n  const [showPassword, setShowPassword] = useState(false);\n\n  const createFirstUserMutation = useMutation({\n    mutationFn: async (data: z.infer<typeof createUserSchema>) => {\n      const result = await authClient.signUp.email({\n        email: data.email,\n        password: data.password,\n        name: `${data.firstName} ${data.lastName}`,\n        firstName: data.firstName,\n        lastName: data.lastName,\n        callbackURL: callbackURL ?? \"/admin\",\n      });\n\n      if (result.error) throw result.error;\n\n      return result.data;\n    },\n    onError: (err: Error) => {\n      console.error(\"Create First User error: \", err);\n      toast.error(\"Er is iets misgegaan\");\n    },\n    onSuccess: () => {\n      router.replace(callbackURL ?? \"/admin\");\n      toast.success(\"Account succesvol aangemaakt!\");\n    },\n  });\n\n  const disabled = createFirstUserMutation.isPending;\n\n  const form = useForm<z.infer<typeof createUserSchema>>({\n    resolver: standardSchemaResolver(createUserSchema),\n    defaultValues: { email: \"\", firstName: \"\", lastName: \"\", password: \"\" },\n    disabled,\n  });\n\n  if (Object.keys(form.formState.errors).length > 0) {\n    console.error(form.formState.errors);\n  }\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"text-3xl font-semibold tracking-tight\">Welkom eerste gebruiker</h1>\n        <p className=\"text-muted-foreground text-sm\">Maak eerst een account aan om in te loggen</p>\n      </div>\n\n      <Form {...form}>\n        <form\n          className=\"space-y-6\"\n          onSubmit={form.handleSubmit((data) => createFirstUserMutation.mutate(data))}\n        >\n          <div className=\"flex flex-col gap-3\">\n            <FormField\n              control={form.control}\n              name=\"firstName\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Voornaam</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"Voornaam\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"lastName\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Achternaam</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"Achternaam\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"email\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Email</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"email@example.be\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Wachtwoord</FormLabel>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPassword ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPassword(!showPassword)}\n                        disabled={disabled}\n                      >\n                        {showPassword ? (\n                          <EyeOff className=\"text-muted-foreground h-4 w-4\" />\n                        ) : (\n                          <Eye className=\"text-muted-foreground h-4 w-4\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <div className=\"space-y-3\">\n            <Button disabled={disabled} className=\"w-full\">\n              {createFirstUserMutation.isPending && (\n                <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n              )}\n              Account aanmaken\n            </Button>\n          </div>\n        </form>\n      </Form>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,sBAAsB;CACpC,MAAM,SAAS,WAAW;CAC1B,MAAM,aAAa,eAAe;CAClC,MAAM,CAAC,eAAe,cAAc,eAAe,cAAc;CACjE,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CAEvD,MAAM,0BAA0B,YAAY;EAC1C,YAAY,OAAO,SAA2C;GAC5D,MAAM,SAAS,MAAM,WAAW,OAAO,MAAM;IAC3C,OAAO,KAAK;IACZ,UAAU,KAAK;IACf,MAAM,GAAG,KAAK,UAAU,GAAG,KAAK;IAChC,WAAW,KAAK;IAChB,UAAU,KAAK;IACf,aAAa,eAAe;IAC7B,CAAC;AAEF,OAAI,OAAO,MAAO,OAAM,OAAO;AAE/B,UAAO,OAAO;;EAEhB,UAAU,QAAe;AACvB,WAAQ,MAAM,6BAA6B,IAAI;AAC/C,SAAM,MAAM,uBAAuB;;EAErC,iBAAiB;AACf,UAAO,QAAQ,eAAe,SAAS;AACvC,SAAM,QAAQ,gCAAgC;;EAEjD,CAAC;CAEF,MAAM,WAAW,wBAAwB;CAEzC,MAAM,OAAO,QAA0C;EACrD,UAAU,uBAAuB,iBAAiB;EAClD,eAAe;GAAE,OAAO;GAAI,WAAW;GAAI,UAAU;GAAI,UAAU;GAAI;EACvE;EACD,CAAC;AAEF,KAAI,OAAO,KAAK,KAAK,UAAU,OAAO,CAAC,SAAS,EAC9C,SAAQ,MAAM,KAAK,UAAU,OAAO;AAGtC,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAA4B,EAClF,oBAAC;IAAE,WAAU;cAAgC;KAA8C;IACvF,EAEN,oBAACA;GAAK,GAAI;aACR,qBAAC;IACC,WAAU;IACV,UAAU,KAAK,cAAc,SAAS,wBAAwB,OAAO,KAAK,CAAC;eAE3E,qBAAC;KAAI,WAAU;;MACb,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC;QACC,oBAAC,uBAAU,aAAoB;QAC/B,oBAAC,yBACC,oBAAC;SAAM,aAAY;SAAW,GAAI;UAAS,GAC/B;QACd,oBAAC,gBAAc;WACN;QAEb;MAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC;QACC,oBAAC,uBAAU,eAAsB;QACjC,oBAAC,yBACC,oBAAC;SAAM,aAAY;SAAa,GAAI;UAAS,GACjC;QACd,oBAAC,gBAAc;WACN;QAEb;MAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC;QACC,oBAAC,uBAAU,UAAiB;QAC5B,oBAAC,yBACC,oBAAC;SAAM,aAAY;SAAmB,GAAI;UAAS,GACvC;QACd,oBAAC,gBAAc;WACN;QAEb;MAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC;QACC,oBAAC,uBAAU,eAAsB;QACjC,oBAAC,yBACC,qBAAC;SAAI,WAAU;oBACb,oBAAC;UACC,MAAM,eAAe,SAAS;UAC9B,aAAY;UACZ,GAAI;WACJ,EACF,oBAAC;UACC,MAAK;UACL,SAAQ;UACR,MAAK;UACL,WAAU;UACV,eAAe,gBAAgB,CAAC,aAAa;UACnC;oBAET,eACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;WAE5C;UACL,GACM;QACd,oBAAC,gBAAc;WACN;QAEb;;MACE,EAEN,oBAAC;KAAI,WAAU;eACb,qBAAC;MAAiB;MAAU,WAAU;iBACnC,wBAAwB,aACvB,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EACvD;OAEK;MACL;KACD;IACF;GACH"}
+{"version":3,"file":"create-first-user-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/create-first-user-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { useRouter } from \"next/navigation\";\nimport { parseAsString, useQueryState } from \"nuqs\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { createUserSchema } from \"../lib/validators\";\n\nexport function CreateFirstUserPage() {\n  const router = useRouter();\n  const authClient = useAuthClient();\n  const [callbackURL] = useQueryState(\"callbackURL\", parseAsString);\n  const [showPassword, setShowPassword] = useState(false);\n\n  const createFirstUserMutation = useMutation({\n    mutationFn: async (data: z.infer<typeof createUserSchema>) => {\n      const result = await authClient.signUp.email({\n        email: data.email,\n        password: data.password,\n        name: `${data.firstName} ${data.lastName}`,\n        firstName: data.firstName,\n        lastName: data.lastName,\n        callbackURL: callbackURL ?? \"/admin\",\n      });\n\n      if (result.error) throw result.error;\n\n      return result.data;\n    },\n    onError: (err: Error) => {\n      console.error(\"Create First User error: \", err);\n      toast.error(\"Er is iets misgegaan\");\n    },\n    onSuccess: () => {\n      router.replace(callbackURL ?? \"/admin\");\n      toast.success(\"Account succesvol aangemaakt!\");\n    },\n  });\n\n  const disabled = createFirstUserMutation.isPending;\n\n  const form = useForm<z.infer<typeof createUserSchema>>({\n    resolver: standardSchemaResolver(createUserSchema),\n    defaultValues: { email: \"\", firstName: \"\", lastName: \"\", password: \"\" },\n    disabled,\n  });\n\n  if (Object.keys(form.formState.errors).length > 0) {\n    console.error(form.formState.errors);\n  }\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"font-semibold text-3xl tracking-tight\">Welkom eerste gebruiker</h1>\n        <p className=\"text-muted-foreground text-sm\">Maak eerst een account aan om in te loggen</p>\n      </div>\n\n      <Form {...form}>\n        <form\n          className=\"space-y-6\"\n          onSubmit={form.handleSubmit((data) => createFirstUserMutation.mutate(data))}\n        >\n          <div className=\"flex flex-col gap-3\">\n            <FormField\n              control={form.control}\n              name=\"firstName\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Voornaam</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"Voornaam\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"lastName\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Achternaam</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"Achternaam\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"email\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Email</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"email@example.be\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Wachtwoord</FormLabel>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPassword ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPassword(!showPassword)}\n                        disabled={disabled}\n                      >\n                        {showPassword ? (\n                          <EyeOff className=\"h-4 w-4 text-muted-foreground\" />\n                        ) : (\n                          <Eye className=\"h-4 w-4 text-muted-foreground\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <div className=\"space-y-3\">\n            <Button disabled={disabled} className=\"w-full\">\n              {createFirstUserMutation.isPending && (\n                <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n              )}\n              Account aanmaken\n            </Button>\n          </div>\n        </form>\n      </Form>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,sBAAsB;CACpC,MAAM,SAAS,WAAW;CAC1B,MAAM,aAAa,eAAe;CAClC,MAAM,CAAC,eAAe,cAAc,eAAe,cAAc;CACjE,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CAEvD,MAAM,0BAA0B,YAAY;EAC1C,YAAY,OAAO,SAA2C;GAC5D,MAAM,SAAS,MAAM,WAAW,OAAO,MAAM;IAC3C,OAAO,KAAK;IACZ,UAAU,KAAK;IACf,MAAM,GAAG,KAAK,UAAU,GAAG,KAAK;IAChC,WAAW,KAAK;IAChB,UAAU,KAAK;IACf,aAAa,eAAe;IAC7B,CAAC;AAEF,OAAI,OAAO,MAAO,OAAM,OAAO;AAE/B,UAAO,OAAO;;EAEhB,UAAU,QAAe;AACvB,WAAQ,MAAM,6BAA6B,IAAI;AAC/C,SAAM,MAAM,uBAAuB;;EAErC,iBAAiB;AACf,UAAO,QAAQ,eAAe,SAAS;AACvC,SAAM,QAAQ,gCAAgC;;EAEjD,CAAC;CAEF,MAAM,WAAW,wBAAwB;CAEzC,MAAM,OAAO,QAA0C;EACrD,UAAU,uBAAuB,iBAAiB;EAClD,eAAe;GAAE,OAAO;GAAI,WAAW;GAAI,UAAU;GAAI,UAAU;GAAI;EACvE;EACD,CAAC;AAEF,KAAI,OAAO,KAAK,KAAK,UAAU,OAAO,CAAC,SAAS,EAC9C,SAAQ,MAAM,KAAK,UAAU,OAAO;AAGtC,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAA4B,EAClF,oBAAC;IAAE,WAAU;cAAgC;KAA8C;IACvF,EAEN,oBAACA;GAAK,GAAI;aACR,qBAAC;IACC,WAAU;IACV,UAAU,KAAK,cAAc,SAAS,wBAAwB,OAAO,KAAK,CAAC;eAE3E,qBAAC;KAAI,WAAU;;MACb,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC;QACC,oBAAC,uBAAU,aAAoB;QAC/B,oBAAC,yBACC,oBAAC;SAAM,aAAY;SAAW,GAAI;UAAS,GAC/B;QACd,oBAAC,gBAAc;WACN;QAEb;MAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC;QACC,oBAAC,uBAAU,eAAsB;QACjC,oBAAC,yBACC,oBAAC;SAAM,aAAY;SAAa,GAAI;UAAS,GACjC;QACd,oBAAC,gBAAc;WACN;QAEb;MAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC;QACC,oBAAC,uBAAU,UAAiB;QAC5B,oBAAC,yBACC,oBAAC;SAAM,aAAY;SAAmB,GAAI;UAAS,GACvC;QACd,oBAAC,gBAAc;WACN;QAEb;MAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC;QACC,oBAAC,uBAAU,eAAsB;QACjC,oBAAC,yBACC,qBAAC;SAAI,WAAU;oBACb,oBAAC;UACC,MAAM,eAAe,SAAS;UAC9B,aAAY;UACZ,GAAI;WACJ,EACF,oBAAC;UACC,MAAK;UACL,SAAQ;UACR,MAAK;UACL,WAAU;UACV,eAAe,gBAAgB,CAAC,aAAa;UACnC;oBAET,eACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;WAE5C;UACL,GACM;QACd,oBAAC,gBAAc;WACN;QAEb;;MACE,EAEN,oBAAC;KAAI,WAAU;eACb,qBAAC;MAAiB;MAAU,WAAU;iBACnC,wBAAwB,aACvB,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EACvD;OAEK;MACL;KACD;IACF;GACH"}

package/dist/modules/auth/components/forget-password-page.client.mjs

@@ -26,7 +26,7 @@ function ForgetPasswordPage() {
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col space-y-2 text-center",
 			children: [/* @__PURE__ */ jsx("h1", {
-				className: "text-3xl font-semibold tracking-tight",
+				className: "font-semibold text-3xl tracking-tight",
 				children: "Wachtwoord vergeten"
 			}), /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground text-sm",

package/dist/modules/auth/components/forget-password-page.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"forget-password-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/forget-password-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport { Form, FormControl, FormField, FormItem, FormMessage } from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { forgotPasswordSchema } from \"../lib/validators\";\n\nexport function ForgetPasswordPage() {\n  const authClient = useAuthClient();\n  const [isPending, startTransition] = React.useTransition();\n\n  const form = useForm<z.infer<typeof forgotPasswordSchema>>({\n    resolver: standardSchemaResolver(forgotPasswordSchema),\n    defaultValues: { email: \"\" },\n    disabled: isPending,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"text-3xl font-semibold tracking-tight\">Wachtwoord vergeten</h1>\n        <p className=\"text-muted-foreground text-sm\">\n          Schrijf je email zodat we je een mail kunnen verzenden om je wachtwoord te herstellen.\n        </p>\n      </div>\n\n      <Form {...form}>\n        <form\n          onSubmit={form.handleSubmit(({ email }) =>\n            startTransition(async () => {\n              await authClient.emailOtp.sendVerificationOtp({\n                type: \"forget-password\",\n                email,\n                fetchOptions: {\n                  onSuccess: () => {\n                    toast.success(\"Succesvol verzonden\", {\n                      description:\n                        \"We hebben je een email verzonden om je wachtwoord te herstellen.\",\n                    });\n                  },\n                  onError: ({ error }) => {\n                    console.error(\"Error: \", error);\n                    toast.error(\"Er is iets misgegaan\");\n                  },\n                },\n              });\n            }),\n          )}\n          className=\"space-y-6\"\n        >\n          <FormField\n            control={form.control}\n            name=\"email\"\n            render={({ field }) => (\n              <FormItem>\n                <FormControl>\n                  <Input placeholder=\"email@example.be\" {...field} />\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n\n          <Button disabled={form.formState.disabled} className=\"w-full\">\n            {isPending && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n            Verzenden\n          </Button>\n        </form>\n      </Form>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAcA,SAAgB,qBAAqB;CACnC,MAAM,aAAa,eAAe;CAClC,MAAM,CAAC,WAAW,mBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAA8C;EACzD,UAAU,uBAAuB,qBAAqB;EACtD,eAAe,EAAE,OAAO,IAAI;EAC5B,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAAwB,EAC9E,oBAAC;IAAE,WAAU;cAAgC;KAEzC;IACA,EAEN,oBAACA;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,YAC7B,gBAAgB,YAAY;AAC1B,WAAM,WAAW,SAAS,oBAAoB;MAC5C,MAAM;MACN;MACA,cAAc;OACZ,iBAAiB;AACf,cAAM,QAAQ,uBAAuB,EACnC,aACE,oEACH,CAAC;;OAEJ,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,WAAW,MAAM;AAC/B,cAAM,MAAM,uBAAuB;;OAEtC;MACF,CAAC;MACF,CACH;IACD,WAAU;eAEV,oBAAC;KACC,SAAS,KAAK;KACd,MAAK;KACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,oBAAC;MAAM,aAAY;MAAmB,GAAI;OAAS,GACvC,EACd,oBAAC,gBAAc,IACN;MAEb,EAEF,qBAAC;KAAO,UAAU,KAAK,UAAU;KAAU,WAAU;gBAClD,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAAC;MAE/D;KACJ;IACF;GACH"}
+{"version":3,"file":"forget-password-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/forget-password-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport { Form, FormControl, FormField, FormItem, FormMessage } from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { forgotPasswordSchema } from \"../lib/validators\";\n\nexport function ForgetPasswordPage() {\n  const authClient = useAuthClient();\n  const [isPending, startTransition] = React.useTransition();\n\n  const form = useForm<z.infer<typeof forgotPasswordSchema>>({\n    resolver: standardSchemaResolver(forgotPasswordSchema),\n    defaultValues: { email: \"\" },\n    disabled: isPending,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"font-semibold text-3xl tracking-tight\">Wachtwoord vergeten</h1>\n        <p className=\"text-muted-foreground text-sm\">\n          Schrijf je email zodat we je een mail kunnen verzenden om je wachtwoord te herstellen.\n        </p>\n      </div>\n\n      <Form {...form}>\n        <form\n          onSubmit={form.handleSubmit(({ email }) =>\n            startTransition(async () => {\n              await authClient.emailOtp.sendVerificationOtp({\n                type: \"forget-password\",\n                email,\n                fetchOptions: {\n                  onSuccess: () => {\n                    toast.success(\"Succesvol verzonden\", {\n                      description:\n                        \"We hebben je een email verzonden om je wachtwoord te herstellen.\",\n                    });\n                  },\n                  onError: ({ error }) => {\n                    console.error(\"Error: \", error);\n                    toast.error(\"Er is iets misgegaan\");\n                  },\n                },\n              });\n            }),\n          )}\n          className=\"space-y-6\"\n        >\n          <FormField\n            control={form.control}\n            name=\"email\"\n            render={({ field }) => (\n              <FormItem>\n                <FormControl>\n                  <Input placeholder=\"email@example.be\" {...field} />\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n\n          <Button disabled={form.formState.disabled} className=\"w-full\">\n            {isPending && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n            Verzenden\n          </Button>\n        </form>\n      </Form>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAcA,SAAgB,qBAAqB;CACnC,MAAM,aAAa,eAAe;CAClC,MAAM,CAAC,WAAW,mBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAA8C;EACzD,UAAU,uBAAuB,qBAAqB;EACtD,eAAe,EAAE,OAAO,IAAI;EAC5B,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAAwB,EAC9E,oBAAC;IAAE,WAAU;cAAgC;KAEzC;IACA,EAEN,oBAACA;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,YAC7B,gBAAgB,YAAY;AAC1B,WAAM,WAAW,SAAS,oBAAoB;MAC5C,MAAM;MACN;MACA,cAAc;OACZ,iBAAiB;AACf,cAAM,QAAQ,uBAAuB,EACnC,aACE,oEACH,CAAC;;OAEJ,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,WAAW,MAAM;AAC/B,cAAM,MAAM,uBAAuB;;OAEtC;MACF,CAAC;MACF,CACH;IACD,WAAU;eAEV,oBAAC;KACC,SAAS,KAAK;KACd,MAAK;KACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,oBAAC;MAAM,aAAY;MAAmB,GAAI;OAAS,GACvC,EACd,oBAAC,gBAAc,IACN;MAEb,EAEF,qBAAC;KAAO,UAAU,KAAK,UAAU;KAAU,WAAU;gBAClD,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAAC;MAE/D;KACJ;IACF;GACH"}

package/dist/modules/auth/components/login-page.client.mjs

@@ -81,7 +81,7 @@ function LoginPage(props) {
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col space-y-2 text-center",
 				children: [/* @__PURE__ */ jsx("h1", {
-					className: "text-3xl font-semibold tracking-tight",
+					className: "font-semibold text-3xl tracking-tight",
 					children: "Login"
 				}), /* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground text-sm",
@@ -115,10 +115,10 @@ function LoginPage(props) {
 									type: "button",
 									variant: "ghost",
 									size: "sm",
-									className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+									className: "absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent",
 									onClick: () => setShowPassword(!showPassword),
 									disabled,
-									children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "text-muted-foreground h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "text-muted-foreground h-4 w-4" })
+									children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4 text-muted-foreground" })
 								})]
 							}) }), /* @__PURE__ */ jsx(FormMessage, {})] })
 						})]
@@ -140,10 +140,10 @@ function LoginPage(props) {
 				})
 			}),
 			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground px-8 text-center text-sm",
+				className: "px-8 text-center text-muted-foreground text-sm",
 				children: /* @__PURE__ */ jsx(Link, {
 					href: "/auth/forget-password",
-					className: "hover:text-primary underline underline-offset-4",
+					className: "underline underline-offset-4 hover:text-primary",
 					children: "Wachtwoord vergeten"
 				})
 			})

package/dist/modules/auth/components/login-page.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"login-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/login-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { Eye, EyeOff, FingerprintIcon } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { parseAsString, useQueryState } from \"nuqs\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport { Form, FormControl, FormField, FormItem, FormMessage } from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { loginSchema } from \"../lib/validators\";\n\ntype LoginPageProps = {\n  options?: {\n    enablePasskey?: boolean;\n  };\n};\n\nexport function LoginPage(props: LoginPageProps) {\n  const router = useRouter();\n  const authClient = useAuthClient();\n  const [callbackURL] = useQueryState(\"callbackURL\", parseAsString);\n  const [showPassword, setShowPassword] = useState(false);\n\n  const loginWithEmailMutation = useMutation({\n    mutationFn: async (data: z.infer<typeof loginSchema>) => {\n      const result = await authClient.signIn.email({\n        ...data,\n        callbackURL: callbackURL ?? \"/admin\",\n      });\n      if (result.error) throw result.error;\n\n      return result.data;\n    },\n    onError: (err) => {\n      console.error(\"Login error: \", err);\n\n      if (\"status\" in err) {\n        if (err.status === 401) {\n          toast.error(\"Ongeldige email of wachtwoord\");\n          return;\n        }\n\n        if (err.status === 403) {\n          toast.error(\"Account is geblokkeerd\");\n          return;\n        }\n\n        if (err.status === 429) {\n          toast.error(\"Te veel login pogingen\");\n          return;\n        }\n      }\n\n      toast.error(\"Er is iets misgegaan\");\n    },\n  });\n\n  const loginWithPasskeyMutation = useMutation({\n    mutationFn: async () => {\n      const result = await authClient.signIn.passkey();\n      if (result.error) throw result.error;\n\n      return result.data;\n    },\n    onSuccess: () => {\n      router.replace(callbackURL ?? \"/admin\");\n      toast.success(\"Succesvol ingelogd\");\n    },\n    onError: (err) => {\n      console.error(\"Login error: \", err);\n      toast.error(\"Er is iets misgegaan\");\n    },\n  });\n\n  const disabled = loginWithEmailMutation.isPending || loginWithPasskeyMutation.isPending;\n\n  const form = useForm<z.infer<typeof loginSchema>>({\n    resolver: standardSchemaResolver(loginSchema),\n    defaultValues: { email: \"\", password: \"\" },\n    disabled,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"text-3xl font-semibold tracking-tight\">Login</h1>\n        <p className=\"text-muted-foreground text-sm\">\n          Schrijf je email en wachtwoord in om in te loggen.\n        </p>\n      </div>\n\n      <Form {...form}>\n        <form\n          className=\"space-y-6\"\n          onSubmit={form.handleSubmit((data) => loginWithEmailMutation.mutate(data))}\n        >\n          <div className=\"flex flex-col gap-3\">\n            <FormField\n              control={form.control}\n              name=\"email\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormControl>\n                    <Input placeholder=\"email@example.be\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPassword ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPassword(!showPassword)}\n                        disabled={disabled}\n                      >\n                        {showPassword ? (\n                          <EyeOff className=\"text-muted-foreground h-4 w-4\" />\n                        ) : (\n                          <Eye className=\"text-muted-foreground h-4 w-4\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <div className=\"space-y-3\">\n            <Button disabled={disabled} className=\"w-full\">\n              {loginWithEmailMutation.isPending && (\n                <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n              )}\n              Inloggen\n            </Button>\n\n            {props.options?.enablePasskey && (\n              <Button\n                className=\"w-full\"\n                type=\"button\"\n                variant=\"outline\"\n                disabled={disabled}\n                onClick={() => loginWithPasskeyMutation.mutate()}\n              >\n                {loginWithPasskeyMutation.isPending ? (\n                  <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n                ) : (\n                  <FingerprintIcon className=\"mr-2 h-4 w-4\" />\n                )}\n                Inloggen met passkey\n              </Button>\n            )}\n          </div>\n        </form>\n      </Form>\n\n      <p className=\"text-muted-foreground px-8 text-center text-sm\">\n        <Link\n          href=\"/auth/forget-password\"\n          className=\"hover:text-primary underline underline-offset-4\"\n        >\n          Wachtwoord vergeten\n        </Link>\n      </p>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"login-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/login-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { Eye, EyeOff, FingerprintIcon } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { parseAsString, useQueryState } from \"nuqs\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport { Form, FormControl, FormField, FormItem, FormMessage } from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { loginSchema } from \"../lib/validators\";\n\ntype LoginPageProps = {\n  options?: {\n    enablePasskey?: boolean;\n  };\n};\n\nexport function LoginPage(props: LoginPageProps) {\n  const router = useRouter();\n  const authClient = useAuthClient();\n  const [callbackURL] = useQueryState(\"callbackURL\", parseAsString);\n  const [showPassword, setShowPassword] = useState(false);\n\n  const loginWithEmailMutation = useMutation({\n    mutationFn: async (data: z.infer<typeof loginSchema>) => {\n      const result = await authClient.signIn.email({\n        ...data,\n        callbackURL: callbackURL ?? \"/admin\",\n      });\n      if (result.error) throw result.error;\n\n      return result.data;\n    },\n    onError: (err) => {\n      console.error(\"Login error: \", err);\n\n      if (\"status\" in err) {\n        if (err.status === 401) {\n          toast.error(\"Ongeldige email of wachtwoord\");\n          return;\n        }\n\n        if (err.status === 403) {\n          toast.error(\"Account is geblokkeerd\");\n          return;\n        }\n\n        if (err.status === 429) {\n          toast.error(\"Te veel login pogingen\");\n          return;\n        }\n      }\n\n      toast.error(\"Er is iets misgegaan\");\n    },\n  });\n\n  const loginWithPasskeyMutation = useMutation({\n    mutationFn: async () => {\n      const result = await authClient.signIn.passkey();\n      if (result.error) throw result.error;\n\n      return result.data;\n    },\n    onSuccess: () => {\n      router.replace(callbackURL ?? \"/admin\");\n      toast.success(\"Succesvol ingelogd\");\n    },\n    onError: (err) => {\n      console.error(\"Login error: \", err);\n      toast.error(\"Er is iets misgegaan\");\n    },\n  });\n\n  const disabled = loginWithEmailMutation.isPending || loginWithPasskeyMutation.isPending;\n\n  const form = useForm<z.infer<typeof loginSchema>>({\n    resolver: standardSchemaResolver(loginSchema),\n    defaultValues: { email: \"\", password: \"\" },\n    disabled,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"font-semibold text-3xl tracking-tight\">Login</h1>\n        <p className=\"text-muted-foreground text-sm\">\n          Schrijf je email en wachtwoord in om in te loggen.\n        </p>\n      </div>\n\n      <Form {...form}>\n        <form\n          className=\"space-y-6\"\n          onSubmit={form.handleSubmit((data) => loginWithEmailMutation.mutate(data))}\n        >\n          <div className=\"flex flex-col gap-3\">\n            <FormField\n              control={form.control}\n              name=\"email\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormControl>\n                    <Input placeholder=\"email@example.be\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPassword ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPassword(!showPassword)}\n                        disabled={disabled}\n                      >\n                        {showPassword ? (\n                          <EyeOff className=\"h-4 w-4 text-muted-foreground\" />\n                        ) : (\n                          <Eye className=\"h-4 w-4 text-muted-foreground\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <div className=\"space-y-3\">\n            <Button disabled={disabled} className=\"w-full\">\n              {loginWithEmailMutation.isPending && (\n                <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n              )}\n              Inloggen\n            </Button>\n\n            {props.options?.enablePasskey && (\n              <Button\n                className=\"w-full\"\n                type=\"button\"\n                variant=\"outline\"\n                disabled={disabled}\n                onClick={() => loginWithPasskeyMutation.mutate()}\n              >\n                {loginWithPasskeyMutation.isPending ? (\n                  <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n                ) : (\n                  <FingerprintIcon className=\"mr-2 h-4 w-4\" />\n                )}\n                Inloggen met passkey\n              </Button>\n            )}\n          </div>\n        </form>\n      </Form>\n\n      <p className=\"px-8 text-center text-muted-foreground text-sm\">\n        <Link\n          href=\"/auth/forget-password\"\n          className=\"underline underline-offset-4 hover:text-primary\"\n        >\n          Wachtwoord vergeten\n        </Link>\n      </p>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/modules/auth/components/reset-password-page.client.mjs

@@ -31,7 +31,7 @@ function ResetPasswordPage(params) {
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col space-y-2 text-center",
 			children: [/* @__PURE__ */ jsx("h1", {
-				className: "text-3xl font-semibold tracking-tight",
+				className: "font-semibold text-3xl tracking-tight",
 				children: "Wachtwoord herstellen"
 			}), /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground text-sm",
@@ -75,10 +75,10 @@ function ResetPasswordPage(params) {
 									type: "button",
 									variant: "ghost",
 									size: "sm",
-									className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+									className: "absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent",
 									onClick: () => setShowPassword(!showPassword),
 									disabled: form.formState.disabled,
-									children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "text-muted-foreground h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "text-muted-foreground h-4 w-4" })
+									children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4 text-muted-foreground" })
 								})]
 							}) }),
 							/* @__PURE__ */ jsx(FormMessage, {})
@@ -98,10 +98,10 @@ function ResetPasswordPage(params) {
 									type: "button",
 									variant: "ghost",
 									size: "sm",
-									className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+									className: "absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent",
 									onClick: () => setShowPasswordConfirm(!showPasswordConfirm),
 									disabled: form.formState.disabled,
-									children: showPasswordConfirm ? /* @__PURE__ */ jsx(EyeOff, { className: "text-muted-foreground h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "text-muted-foreground h-4 w-4" })
+									children: showPasswordConfirm ? /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4 text-muted-foreground" })
 								})]
 							}) }),
 							/* @__PURE__ */ jsx(FormMessage, {})

package/dist/modules/auth/components/reset-password-page.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"reset-password-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/reset-password-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { useRouter } from \"next/navigation\";\nimport React, { use, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { resetPasswordSchema } from \"../lib/validators\";\n\nexport function ResetPasswordPage(params: {\n  searchParams: Promise<{ email: string; otp: string }>;\n}) {\n  const { email, otp } = use(params.searchParams);\n\n  const router = useRouter();\n  const authClient = useAuthClient();\n\n  const [showPassword, setShowPassword] = useState(false);\n  const [showPasswordConfirm, setShowPasswordConfirm] = useState(false);\n\n  const [isPending, startTransition] = React.useTransition();\n\n  const form = useForm<z.infer<typeof resetPasswordSchema>>({\n    resolver: standardSchemaResolver(resetPasswordSchema),\n    disabled: isPending,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"text-3xl font-semibold tracking-tight\">Wachtwoord herstellen</h1>\n        <p className=\"text-muted-foreground text-sm\">Vul je nieuwe wachtwoord in</p>\n      </div>\n\n      <Form {...form}>\n        <form\n          onSubmit={form.handleSubmit(({ password }) =>\n            startTransition(async () => {\n              await authClient.emailOtp.resetPassword({\n                email,\n                otp,\n                password,\n                fetchOptions: {\n                  onSuccess: () => {\n                    toast.success(\"Wachtwoord succesvol gewijzigd\", {\n                      description: \"Log nu in met je nieuw wachtwoord.\",\n                    });\n                    router.replace(\"/auth/login\");\n                  },\n                  onError: ({ error }) => {\n                    console.error(\"Error: \", error);\n                    toast.error(\"Er is iets misgegaan\");\n                  },\n                },\n              });\n            }),\n          )}\n          className=\"space-y-6\"\n        >\n          <div className=\"flex flex-col gap-3\">\n            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Wachtwoord</FormLabel>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPassword ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPassword(!showPassword)}\n                        disabled={form.formState.disabled}\n                      >\n                        {showPassword ? (\n                          <EyeOff className=\"text-muted-foreground h-4 w-4\" />\n                        ) : (\n                          <Eye className=\"text-muted-foreground h-4 w-4\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"passwordConfirmation\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Herhaal Wachtwoord</FormLabel>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPasswordConfirm ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPasswordConfirm(!showPasswordConfirm)}\n                        disabled={form.formState.disabled}\n                      >\n                        {showPasswordConfirm ? (\n                          <EyeOff className=\"text-muted-foreground h-4 w-4\" />\n                        ) : (\n                          <Eye className=\"text-muted-foreground h-4 w-4\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <Button disabled={form.formState.disabled} className=\"w-full\">\n            {isPending && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n            Verzenden\n          </Button>\n        </form>\n      </Form>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,kBAAkB,QAE/B;CACD,MAAM,EAAE,OAAO,QAAQ,IAAI,OAAO,aAAa;CAE/C,MAAM,SAAS,WAAW;CAC1B,MAAM,aAAa,eAAe;CAElC,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CAErE,MAAM,CAAC,WAAW,mBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAA6C;EACxD,UAAU,uBAAuB,oBAAoB;EACrD,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAA0B,EAChF,oBAAC;IAAE,WAAU;cAAgC;KAA+B;IACxE,EAEN,oBAACA;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,eAC7B,gBAAgB,YAAY;AAC1B,WAAM,WAAW,SAAS,cAAc;MACtC;MACA;MACA;MACA,cAAc;OACZ,iBAAiB;AACf,cAAM,QAAQ,kCAAkC,EAC9C,aAAa,sCACd,CAAC;AACF,eAAO,QAAQ,cAAc;;OAE/B,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,WAAW,MAAM;AAC/B,cAAM,MAAM,uBAAuB;;OAEtC;MACF,CAAC;MACF,CACH;IACD,WAAU;eAEV,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC;OACC,oBAAC,uBAAU,eAAsB;OACjC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,eAAe,SAAS;SAC9B,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,gBAAgB,CAAC,aAAa;SAC7C,UAAU,KAAK,UAAU;mBAExB,eACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM;OACd,oBAAC,gBAAc;UACN;OAEb,EAEF,oBAAC;MACC,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC;OACC,oBAAC,uBAAU,uBAA8B;OACzC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,sBAAsB,SAAS;SACrC,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,uBAAuB,CAAC,oBAAoB;SAC3D,UAAU,KAAK,UAAU;mBAExB,sBACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM;OACd,oBAAC,gBAAc;UACN;OAEb;MACE,EAEN,qBAAC;KAAO,UAAU,KAAK,UAAU;KAAU,WAAU;gBAClD,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAAC;MAE/D;KACJ;IACF;GACH"}
+{"version":3,"file":"reset-password-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/reset-password-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { useRouter } from \"next/navigation\";\nimport React, { use, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { resetPasswordSchema } from \"../lib/validators\";\n\nexport function ResetPasswordPage(params: {\n  searchParams: Promise<{ email: string; otp: string }>;\n}) {\n  const { email, otp } = use(params.searchParams);\n\n  const router = useRouter();\n  const authClient = useAuthClient();\n\n  const [showPassword, setShowPassword] = useState(false);\n  const [showPasswordConfirm, setShowPasswordConfirm] = useState(false);\n\n  const [isPending, startTransition] = React.useTransition();\n\n  const form = useForm<z.infer<typeof resetPasswordSchema>>({\n    resolver: standardSchemaResolver(resetPasswordSchema),\n    disabled: isPending,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"font-semibold text-3xl tracking-tight\">Wachtwoord herstellen</h1>\n        <p className=\"text-muted-foreground text-sm\">Vul je nieuwe wachtwoord in</p>\n      </div>\n\n      <Form {...form}>\n        <form\n          onSubmit={form.handleSubmit(({ password }) =>\n            startTransition(async () => {\n              await authClient.emailOtp.resetPassword({\n                email,\n                otp,\n                password,\n                fetchOptions: {\n                  onSuccess: () => {\n                    toast.success(\"Wachtwoord succesvol gewijzigd\", {\n                      description: \"Log nu in met je nieuw wachtwoord.\",\n                    });\n                    router.replace(\"/auth/login\");\n                  },\n                  onError: ({ error }) => {\n                    console.error(\"Error: \", error);\n                    toast.error(\"Er is iets misgegaan\");\n                  },\n                },\n              });\n            }),\n          )}\n          className=\"space-y-6\"\n        >\n          <div className=\"flex flex-col gap-3\">\n            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Wachtwoord</FormLabel>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPassword ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPassword(!showPassword)}\n                        disabled={form.formState.disabled}\n                      >\n                        {showPassword ? (\n                          <EyeOff className=\"h-4 w-4 text-muted-foreground\" />\n                        ) : (\n                          <Eye className=\"h-4 w-4 text-muted-foreground\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"passwordConfirmation\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Herhaal Wachtwoord</FormLabel>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPasswordConfirm ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPasswordConfirm(!showPasswordConfirm)}\n                        disabled={form.formState.disabled}\n                      >\n                        {showPasswordConfirm ? (\n                          <EyeOff className=\"h-4 w-4 text-muted-foreground\" />\n                        ) : (\n                          <Eye className=\"h-4 w-4 text-muted-foreground\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <Button disabled={form.formState.disabled} className=\"w-full\">\n            {isPending && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n            Verzenden\n          </Button>\n        </form>\n      </Form>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,kBAAkB,QAE/B;CACD,MAAM,EAAE,OAAO,QAAQ,IAAI,OAAO,aAAa;CAE/C,MAAM,SAAS,WAAW;CAC1B,MAAM,aAAa,eAAe;CAElC,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CAErE,MAAM,CAAC,WAAW,mBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAA6C;EACxD,UAAU,uBAAuB,oBAAoB;EACrD,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAA0B,EAChF,oBAAC;IAAE,WAAU;cAAgC;KAA+B;IACxE,EAEN,oBAACA;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,eAC7B,gBAAgB,YAAY;AAC1B,WAAM,WAAW,SAAS,cAAc;MACtC;MACA;MACA;MACA,cAAc;OACZ,iBAAiB;AACf,cAAM,QAAQ,kCAAkC,EAC9C,aAAa,sCACd,CAAC;AACF,eAAO,QAAQ,cAAc;;OAE/B,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,WAAW,MAAM;AAC/B,cAAM,MAAM,uBAAuB;;OAEtC;MACF,CAAC;MACF,CACH;IACD,WAAU;eAEV,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC;OACC,oBAAC,uBAAU,eAAsB;OACjC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,eAAe,SAAS;SAC9B,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,gBAAgB,CAAC,aAAa;SAC7C,UAAU,KAAK,UAAU;mBAExB,eACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM;OACd,oBAAC,gBAAc;UACN;OAEb,EAEF,oBAAC;MACC,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC;OACC,oBAAC,uBAAU,uBAA8B;OACzC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,sBAAsB,SAAS;SACrC,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,uBAAuB,CAAC,oBAAoB;SAC3D,UAAU,KAAK,UAAU;mBAExB,sBACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM;OACd,oBAAC,gBAAc;UACN;OAEb;MACE,EAEN,qBAAC;KAAO,UAAU,KAAK,UAAU;KAAU,WAAU;gBAClD,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAAC;MAE/D;KACJ;IACF;GACH"}

package/dist/modules/commands/components/alert-dialog-command.client.d.mts

@@ -1,7 +1,7 @@
+import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../../components/ui/alert-dialog.client.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import React from "react";
+import React, { ComponentProps } from "react";
 import { DefaultError, MutationOptions } from "@tanstack/react-query";
-import { AlertDialogCancelProps, AlertDialogContentProps, AlertDialogProps } from "@radix-ui/react-alert-dialog";
 import { Keys } from "react-hotkeys-hook";
 
 //#region src/modules/commands/components/alert-dialog-command.client.d.ts
@@ -11,7 +11,7 @@ import { Keys } from "react-hotkeys-hook";
 declare function CommandAlertDialog({
   children,
   ...props
-}: AlertDialogProps): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialog>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogTrigger
  */
@@ -35,42 +35,42 @@ declare function CommandAlertDialogTrigger({
 declare function CommandAlertDialogContent({
   children,
   ...props
-}: AlertDialogContentProps): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialogContent>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogHeader
  */
 declare function CommandAlertDialogHeader({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialogHeader>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogTitle
  */
 declare function CommandAlertDialogTitle({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialogTitle>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogDescription
  */
 declare function CommandAlertDialogDescription({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialogDescription>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogFooter
  */
 declare function CommandAlertDialogFooter({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialogFooter>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogCancel
  */
 declare function CommandAlertDialogCancel({
   children,
   ...props
-}: AlertDialogCancelProps): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialogCancel>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogAction
  */

package/dist/modules/commands/components/alert-dialog-command.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog-command.client.d.mts","names":[],"sources":["../../../../src/modules/commands/components/alert-dialog-command.client.tsx"],"mappings":";;;;;;;;;;iBA2CgB,kBAAA,CAAA;EAAqB,QAAA;EAAA,GAAa;AAAA,GAAS,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAetE,8BAAA;EACH,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,KAAA;EACA,MAAA,GAAS,IAAA;EACT,QAAA;AAAA;AAAA,iBAGc,yBAAA,CAAA;EACd,KAAA;EACA,MAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,8BAAA,GAA8B,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAgEjB,yBAAA,CAAA;EAA4B,QAAA;EAAA,GAAa;AAAA,GAAS,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAnFxF;;;AAAA,iBA0Fe,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOpB,uBAAA,CAAA;EAA0B,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOjF,6BAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAjGpC;iBAwGgB,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOpB,wBAAA,CAAA;EAA2B,QAAA;EAAA,GAAa;AAAA,GAAS,sBAAA,GAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAOlF,6BAAA,2BAEM,YAAA;EAIT,SAAA,EAAW,UAAA;EACX,QAAA,EAAU,eAAA,CAAgB,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA;EACrD,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,QAAA;AAAA;AAAA,iBAGc,wBAAA,2BAEL,YAAA,oDAAA,CAAA;EAIT,SAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,6BAAA,CAA8B,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"alert-dialog-command.client.d.mts","names":[],"sources":["../../../../src/modules/commands/components/alert-dialog-command.client.tsx"],"mappings":";;;;;;;;;;iBAsCgB,kBAAA,CAAA;EAAqB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAexF,8BAAA;EACH,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,KAAA;EACA,MAAA,GAAS,IAAA;EACT,QAAA;AAAA;AAAA,iBAGc,yBAAA,CAAA;EACd,KAAA;EACA,MAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,8BAAA,GAA8B,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAgEjB,yBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,kBAAA,IAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAtF3C;iBA6Fe,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,iBAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO3B,uBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,gBAAA,IAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO1B,6BAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,sBAAA,IAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOhC,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,iBAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAjH3C;;;AAAA,iBAwHgB,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,iBAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAOtC,6BAAA,2BAEM,YAAA;EAIT,SAAA,EAAW,UAAA;EACX,QAAA,EAAU,eAAA,CAAgB,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA;EACrD,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,QAAA;AAAA;AAAA,iBAGc,wBAAA,2BAEL,YAAA,oDAAA,CAAA;EAIT,SAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,6BAAA,CAA8B,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/commands/components/alert-dialog-command.client.mjs

@@ -3,9 +3,9 @@
 import { Icons } from "../../../components/common/icons.mjs";
 import { cn } from "../../../lib/utils/cn.mjs";
 import { buttonVariants } from "../../../components/ui/button.mjs";
-import { ContextMenuItem } from "../../../components/ui/context-menu.mjs";
-import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.mjs";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../../../components/ui/alert-dialog.mjs";
+import { ContextMenuItem } from "../../../components/ui/context-menu.client.mjs";
+import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.client.mjs";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../../../components/ui/alert-dialog.client.mjs";
 import { useCommand } from "../hooks/context.client.mjs";
 import { useCommandMutation } from "../hooks/use-command-mutation.client.mjs";
 import { CommandTrigger } from "./command-trigger.client.mjs";