@tulip-systems/core 0.5.13 → 0.5.15

package/dist/components/ui/switch.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime254 from "react/jsx-runtime";
+import * as react_jsx_runtime380 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 
@@ -6,7 +6,7 @@ import * as SwitchPrimitive from "@radix-ui/react-switch";
 declare function Switch({
   className,
   ...props
-}: React$1.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime254.JSX.Element;
+}: React$1.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime380.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=switch.d.mts.map

package/dist/components/ui/tabs.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime255 from "react/jsx-runtime";
+import * as react_jsx_runtime381 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 
@@ -6,19 +6,19 @@ import * as TabsPrimitive from "@radix-ui/react-tabs";
 declare function Tabs({
   className,
   ...props
-}: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime255.JSX.Element;
+}: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime381.JSX.Element;
 declare function TabsList({
   className,
   ...props
-}: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime255.JSX.Element;
+}: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime381.JSX.Element;
 declare function TabsTrigger({
   className,
   ...props
-}: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime255.JSX.Element;
+}: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime381.JSX.Element;
 declare function TabsContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime255.JSX.Element;
+}: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime381.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.mts.map

package/dist/components/ui/textarea.d.mts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime259 from "react/jsx-runtime";
+import * as react_jsx_runtime385 from "react/jsx-runtime";
 import * as React$1 from "react";
 
 //#region src/components/ui/textarea.d.ts
 declare function Textarea({
   className,
   ...props
-}: React$1.ComponentProps<"textarea">): react_jsx_runtime259.JSX.Element;
+}: React$1.ComponentProps<"textarea">): react_jsx_runtime385.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.mts.map

package/dist/components/ui/time-input.client.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime382 from "react/jsx-runtime";
+import * as react_jsx_runtime234 from "react/jsx-runtime";
 
 //#region src/components/ui/time-input.client.d.ts
 type TimeInputProps = {
@@ -10,7 +10,7 @@ declare function TimeInput({
   value,
   onChange,
   format
-}: TimeInputProps): react_jsx_runtime382.JSX.Element;
+}: TimeInputProps): react_jsx_runtime234.JSX.Element;
 //#endregion
 export { TimeInput };
 //# sourceMappingURL=time-input.client.d.mts.map

package/dist/components/ui/toggle-group.client.d.mts

@@ -1,5 +1,5 @@
 import { toggleVariants } from "./toggle.mjs";
-import * as react_jsx_runtime383 from "react/jsx-runtime";
+import * as react_jsx_runtime235 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
@@ -11,14 +11,14 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime383.JSX.Element;
+}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime235.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime383.JSX.Element;
+}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime235.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.client.d.mts.map

package/dist/components/ui/toggle.d.mts

@@ -1,20 +1,20 @@
-import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as react_jsx_runtime238 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 
 //#region src/components/ui/toggle.d.ts
 declare const toggleVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
 declare function Toggle({
   className,
   variant,
   size,
   ...props
-}: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime89.JSX.Element;
+}: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime238.JSX.Element;
 //#endregion
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.mts.map

package/dist/components/ui/toggle.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.mts","names":[],"sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQM;;;IAoBL,+BAAA,CAAA;AAxB8B,iBA0BtB,MAAA,CAFR;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAOE,OAAA,CAAM,cAPR,CAAA,OAO8B,eAAA,CAAgB,IAP9C,CAAA,GAOsD,YAPtD,CAAA,OAO0E,cAP1E,CAAA,CAAA,EAOyF,mBAAA,CAAA,GAAA,CAAA,OAPzF"}
+{"version":3,"file":"toggle.d.mts","names":[],"sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQM;;;IAoBL,+BAAA,CAAA;AAxB8B,iBA0BtB,MAAA,CAFR;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAOE,OAAA,CAAM,cAPR,CAAA,OAO8B,eAAA,CAAgB,IAP9C,CAAA,GAOsD,YAPtD,CAAA,OAO0E,cAP1E,CAAA,CAAA,EAOyF,oBAAA,CAAA,GAAA,CAAA,OAPzF"}

package/dist/components/ui/tooltip.client.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime260 from "react/jsx-runtime";
+import * as react_jsx_runtime112 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
@@ -6,19 +6,19 @@ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime260.JSX.Element;
+}: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime112.JSX.Element;
 declare function Tooltip({
   ...props
-}: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime260.JSX.Element;
+}: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime112.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime260.JSX.Element;
+}: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime112.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime260.JSX.Element;
+}: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime112.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=tooltip.client.d.mts.map

package/dist/components.mjs

@@ -10,12 +10,11 @@ import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMe
 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 { Label } from "./components/ui/label.mjs";
 import { Input } from "./components/ui/input.mjs";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/ui/alert-dialog.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 { 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";
@@ -31,6 +30,7 @@ import { DataList, DataListItem, DataListTitle, DataListValue } from "./componen
 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";

package/dist/lib/client.mjs

@@ -1,6 +1,6 @@
 import { IndicatorContext, IndicatorContextProvider, useIndicator, useLocalIndicator } from "./hooks/use-indicator.mjs";
-import { useAction } from "./hooks/use-action.mjs";
 import { useIsMobile } from "./hooks/use-mobile.client.mjs";
 import { fontSans, registerFonts } from "./utils/fonts.mjs";
+import { useAction } from "./hooks/use-action.mjs";
 
 export { IndicatorContext, IndicatorContextProvider, fontSans, registerFonts, useAction, useIndicator, useIsMobile, useLocalIndicator };

package/dist/lib/hooks/use-action.d.mts

@@ -1,4 +1,4 @@
-import * as _tanstack_react_query0 from "@tanstack/react-query";
+import * as _tanstack_react_query1 from "@tanstack/react-query";
 import { DefaultError, MutationFunctionContext, UseMutationOptions } from "@tanstack/react-query";
 import "client-only";
 
@@ -12,7 +12,7 @@ import "client-only";
  */
 declare function useAction<TData = unknown, TError = DefaultError, TVariables = void, TContext = MutationFunctionContext>(options?: UseMutationOptions<TData, TError, TVariables, TContext> & {
   onRedirect?: () => void;
-}): _tanstack_react_query0.UseMutationResult<TData, TError, TVariables, TContext>;
+}): _tanstack_react_query1.UseMutationResult<TData, TError, TVariables, TContext>;
 //#endregion
 export { useAction };
 //# sourceMappingURL=use-action.d.mts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime58 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/lib/hooks/use-indicator.d.ts
@@ -34,7 +34,7 @@ declare function IndicatorContextProvider({
   children
 }: {
   children: React.ReactNode;
-}): react_jsx_runtime38.JSX.Element;
+}): react_jsx_runtime58.JSX.Element;
 //#endregion
 export { IndicatorContext, IndicatorContextProvider, IndicatorStatus, useIndicator, useLocalIndicator };
 //# sourceMappingURL=use-indicator.d.mts.map

package/dist/modules/auth/components/allowed.client.d.mts

@@ -1,5 +1,5 @@
 import { UsePermissionProps } from "../hooks/use-permission.mjs";
-import * as react_jsx_runtime88 from "react/jsx-runtime";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
 import { JSX } from "react";
 
 //#region src/modules/auth/components/allowed.client.d.ts
@@ -29,7 +29,7 @@ declare function Allowed({
   strategy,
   fallback,
   children
-}: AllowedProps): react_jsx_runtime88.JSX.Element;
+}: AllowedProps): react_jsx_runtime60.JSX.Element;
 //#endregion
 export { Allowed, AllowedProps, AllowedStrategy };
 //# sourceMappingURL=allowed.client.d.mts.map

package/dist/modules/auth/components/allowed.client.mjs

@@ -8,11 +8,10 @@ import { Fragment, jsx } from "react/jsx-runtime";
 * Allowed
 */
 function Allowed({ permission, strategy, fallback, children }) {
-	const { data } = usePermission({
+	if (usePermission({
 		permission,
 		strategy
-	});
-	if (data?.success) return /* @__PURE__ */ jsx(Fragment, { children });
+	}).success) return /* @__PURE__ */ jsx(Fragment, { children });
 	return /* @__PURE__ */ jsx(Fragment, { children: fallback });
 }
 

package/dist/modules/auth/components/allowed.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"allowed.client.mjs","names":[],"sources":["../../../../src/modules/auth/components/allowed.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { JSX } from \"react\";\nimport { usePermission, UsePermissionProps } from \"../hooks/use-permission\";\n\n/**\n * Allowed types\n */\nexport type AllowedStrategy = \"all\" | \"any\";\n\n/**\n * Allowed props\n */\nexport type AllowedProps = UsePermissionProps & {\n  // /**\n  //  * Permission to check\n  //  * @example { project: [\"view\", \"create\"] }\n  //  */\n  // permission: Permission;\n\n  // /**\n  //  * Strategy to use when checking multiple permissions\n  //  * - \"all\": all permissions must be allowed\n  //  * - \"any\": at least one permission must be allowed\n  //  * @default \"all\"\n  //  */\n  // strategy?: AllowedStrategy;\n\n  /**\n   * Fallback component to render if the user doesn't have the permission\n   * @default null\n   */\n  fallback?: JSX.Element | string;\n\n  /**\n   * Children to render if the user has the permission\n   */\n  children: React.ReactNode;\n};\n\n/**\n * Allowed\n */\nexport function Allowed({ permission, strategy, fallback, children }: AllowedProps) {\n  const { data } = usePermission({ permission, strategy } as UsePermissionProps);\n\n  if (data?.success) return <>{children}</>;\n\n  return <>{fallback}</>;\n}\n"],"mappings":";;;;;;;;;AA2CA,SAAgB,QAAQ,EAAE,YAAY,UAAU,UAAU,YAA0B;CAClF,MAAM,EAAE,SAAS,cAAc;EAAE;EAAY;EAAU,CAAuB;AAE9E,KAAI,MAAM,QAAS,QAAO,gCAAG,WAAY;AAEzC,QAAO,0CAAG,WAAY"}
+{"version":3,"file":"allowed.client.mjs","names":[],"sources":["../../../../src/modules/auth/components/allowed.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { JSX } from \"react\";\nimport { usePermission, UsePermissionProps } from \"../hooks/use-permission\";\n\n/**\n * Allowed types\n */\nexport type AllowedStrategy = \"all\" | \"any\";\n\n/**\n * Allowed props\n */\nexport type AllowedProps = UsePermissionProps & {\n  // /**\n  //  * Permission to check\n  //  * @example { project: [\"view\", \"create\"] }\n  //  */\n  // permission: Permission;\n\n  // /**\n  //  * Strategy to use when checking multiple permissions\n  //  * - \"all\": all permissions must be allowed\n  //  * - \"any\": at least one permission must be allowed\n  //  * @default \"all\"\n  //  */\n  // strategy?: AllowedStrategy;\n\n  /**\n   * Fallback component to render if the user doesn't have the permission\n   * @default null\n   */\n  fallback?: JSX.Element | string;\n\n  /**\n   * Children to render if the user has the permission\n   */\n  children: React.ReactNode;\n};\n\n/**\n * Allowed\n */\nexport function Allowed({ permission, strategy, fallback, children }: AllowedProps) {\n  const data = usePermission({ permission, strategy } as UsePermissionProps);\n\n  if (data.success) return <>{children}</>;\n\n  return <>{fallback}</>;\n}\n"],"mappings":";;;;;;;;;AA2CA,SAAgB,QAAQ,EAAE,YAAY,UAAU,UAAU,YAA0B;AAGlF,KAFa,cAAc;EAAE;EAAY;EAAU,CAAuB,CAEjE,QAAS,QAAO,gCAAG,WAAY;AAExC,QAAO,0CAAG,WAAY"}

package/dist/modules/auth/components/auth-layout.server.d.mts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime95 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/modules/auth/components/auth-layout.server.d.ts
 declare function AuthLayout(props: PropsWithChildren<{
   name: string;
-}>): Promise<react_jsx_runtime95.JSX.Element>;
+}>): Promise<react_jsx_runtime8.JSX.Element>;
 //#endregion
 export { AuthLayout };
 //# sourceMappingURL=auth-layout.server.d.mts.map

package/dist/modules/auth/components/auth-layout.server.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"auth-layout.server.d.mts","names":[],"sources":["../../../../src/modules/auth/components/auth-layout.server.tsx"],"sourcesContent":[],"mappings":";;;;iBAIsB,UAAA,QAAkB;;KAAmC,QAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"auth-layout.server.d.mts","names":[],"sources":["../../../../src/modules/auth/components/auth-layout.server.tsx"],"sourcesContent":[],"mappings":";;;;iBAIsB,UAAA,QAAkB;;KAAmC,QAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/auth/components/auth-loading.d.mts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime87 from "react/jsx-runtime";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
 
 //#region src/modules/auth/components/auth-loading.d.ts
-declare function AuthLoading(): react_jsx_runtime87.JSX.Element;
+declare function AuthLoading(): react_jsx_runtime57.JSX.Element;
 //#endregion
 export { AuthLoading };
 //# sourceMappingURL=auth-loading.d.mts.map

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

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime90 from "react/jsx-runtime";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
 
 //#region src/modules/auth/components/create-first-user-page.client.d.ts
-declare function CreateFirstUserPage(): react_jsx_runtime90.JSX.Element;
+declare function CreateFirstUserPage(): react_jsx_runtime61.JSX.Element;
 //#endregion
 export { CreateFirstUserPage };
 //# sourceMappingURL=create-first-user-page.client.d.mts.map

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

@@ -2,23 +2,24 @@
 
 import { Icons } from "../../../components/common/icons.mjs";
 import { Button } from "../../../components/ui/button.mjs";
-import { authClient } from "../handler/client.client.mjs";
-import { Form as Form$1, FormControl, FormField, FormItem, FormLabel, FormMessage } from "../../../components/ui/form.client.mjs";
+import { useAuthClient } from "../hooks/use-auth-client.mjs";
 import { Input } from "../../../components/ui/input.mjs";
+import { Form as Form$1, FormControl, FormField, FormItem, FormLabel, FormMessage } from "../../../components/ui/form.client.mjs";
 import { createUserSchema } from "../lib/validators.mjs";
 import { Eye, EyeOff } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter } from "next/navigation";
 import { useMutation } from "@tanstack/react-query";
+import { toast } from "sonner";
 import { useForm } from "react-hook-form";
 import { parseAsString, useQueryState } from "nuqs";
-import { toast } from "sonner";
 import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 
 //#region src/modules/auth/components/create-first-user-page.client.tsx
 function CreateFirstUserPage() {
 	const router = useRouter();
+	const authClient = useAuthClient();
 	const [callbackURL] = useQueryState("callbackURL", parseAsString);
 	const [showPassword, setShowPassword] = useState(false);
 	const createFirstUserMutation = useMutation({

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 { 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 { useMutation } from \"@tanstack/react-query\";\nimport { parseAsString, useQueryState } from \"nuqs\";\nimport { toast } from \"sonner\";\nimport * as z from \"zod\";\nimport { createUserSchema } from \"../lib/validators\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { useRouter } from \"next/navigation\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { authClient } from \"../handler/client.client\";\n\nexport function CreateFirstUserPage() {\n  const router = useRouter();\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":";;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,sBAAsB;CACpC,MAAM,SAAS,WAAW;CAC1B,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,KAAG,OAAO,KAAK,KAAK,UAAU,OAAO,CAAC,SAAS,EAC7C,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 { 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 { useMutation } from \"@tanstack/react-query\";\nimport { parseAsString, useQueryState } from \"nuqs\";\nimport { toast } from \"sonner\";\nimport * as z from \"zod\";\nimport { createUserSchema } from \"../lib/validators\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { useRouter } from \"next/navigation\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\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":";;;;;;;;;;;;;;;;;;;AA0BA,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.d.mts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime91 from "react/jsx-runtime";
+import * as react_jsx_runtime62 from "react/jsx-runtime";
 
 //#region src/modules/auth/components/forget-password-page.client.d.ts
-declare function ForgetPasswordPage(): react_jsx_runtime91.JSX.Element;
+declare function ForgetPasswordPage(): react_jsx_runtime62.JSX.Element;
 //#endregion
 export { ForgetPasswordPage };
 //# sourceMappingURL=forget-password-page.client.d.mts.map

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

@@ -2,18 +2,19 @@
 
 import { Icons } from "../../../components/common/icons.mjs";
 import { Button } from "../../../components/ui/button.mjs";
-import { authClient } from "../handler/client.client.mjs";
-import { Form as Form$1, FormControl, FormField, FormItem, FormMessage } from "../../../components/ui/form.client.mjs";
+import { useAuthClient } from "../hooks/use-auth-client.mjs";
 import { Input } from "../../../components/ui/input.mjs";
+import { Form as Form$1, FormControl, FormField, FormItem, FormMessage } from "../../../components/ui/form.client.mjs";
 import { forgotPasswordSchema } from "../lib/validators.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
-import { useForm } from "react-hook-form";
 import { toast } from "sonner";
+import { useForm } from "react-hook-form";
 import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 
 //#region src/modules/auth/components/forget-password-page.client.tsx
 function ForgetPasswordPage() {
+	const authClient = useAuthClient();
 	const [isPending, startTransition$1] = React.useTransition();
 	const form = useForm({
 		resolver: standardSchemaResolver(forgotPasswordSchema),

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

@@ -1 +1 @@
-{"version":3,"file":"forget-password-page.client.mjs","names":["startTransition","Form"],"sources":["../../../../src/modules/auth/components/forget-password-page.client.tsx"],"sourcesContent":["\"use client\";\n\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 { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport * as z from \"zod\";\nimport { authClient } from \"../handler/client.client\";\nimport { forgotPasswordSchema } from \"../lib/validators\";\n\nexport function ForgetPasswordPage() {\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,CAAC,WAAWA,qBAAmB,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,oBAACC;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,YAC7BD,kBAAgB,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":["startTransition","Form"],"sources":["../../../../src/modules/auth/components/forget-password-page.client.tsx"],"sourcesContent":["\"use client\";\n\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 { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport * as z from \"zod\";\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,WAAWA,qBAAmB,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,oBAACC;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,YAC7BD,kBAAgB,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/guard-first-user.server.d.mts

@@ -1,7 +1,7 @@
 import { TDatabaseSchema } from "../../config/db/types.mjs";
 import { TulipContext } from "../../config/lib/context.mjs";
 import "../../../config.mjs";
-import * as react_jsx_runtime96 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/modules/auth/components/guard-first-user.server.d.ts
@@ -12,7 +12,7 @@ declare function AuthGuardFirstUser<TSchema extends TDatabaseSchema>({
   children,
   db,
   login
-}: AuthGuardFirstUserProps<TSchema>): Promise<react_jsx_runtime96.JSX.Element>;
+}: AuthGuardFirstUserProps<TSchema>): Promise<react_jsx_runtime9.JSX.Element>;
 //#endregion
 export { AuthGuardFirstUser };
 //# sourceMappingURL=guard-first-user.server.d.mts.map

package/dist/modules/auth/components/guard-first-user.server.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"guard-first-user.server.d.mts","names":[],"sources":["../../../../src/modules/auth/components/guard-first-user.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAMK,wCAAwC,mBAAmB,kBAC9D,KAAK,aAAa;;;iBAGE,mCAAmC;;;;GAItD,wBAAwB,WAAQ,QAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"guard-first-user.server.d.mts","names":[],"sources":["../../../../src/modules/auth/components/guard-first-user.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAMK,wCAAwC,mBAAmB,kBAC9D,KAAK,aAAa;;;iBAGE,mCAAmC;;;;GAItD,wBAAwB,WAAQ,QAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/auth/components/guard.server.d.mts

@@ -1,14 +1,15 @@
 import { TDatabaseSchema } from "../../config/db/types.mjs";
 import { TulipContext } from "../../config/lib/context.mjs";
 import "../../../config.mjs";
-import * as react_jsx_runtime97 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
+import "server-only";
 
 //#region src/modules/auth/components/guard.server.d.ts
 declare function AuthGuard<TSchema extends TDatabaseSchema>({
   children,
   auth
-}: PropsWithChildren<Pick<TulipContext<TSchema>, "auth">>): Promise<react_jsx_runtime97.JSX.Element>;
+}: PropsWithChildren<Pick<TulipContext<TSchema>, "auth">>): Promise<react_jsx_runtime10.JSX.Element>;
 //#endregion
 export { AuthGuard };
 //# sourceMappingURL=guard.server.d.mts.map

package/dist/modules/auth/components/guard.server.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"guard.server.d.mts","names":[],"sources":["../../../../src/modules/auth/components/guard.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAOsB,0BAA0B;;;GAG7C,kBAAkB,KAAK,aAAa,qBAAkB,QAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"guard.server.d.mts","names":[],"sources":["../../../../src/modules/auth/components/guard.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBASsB,0BAA0B;;;GAG7C,kBAAkB,KAAK,aAAa,qBAAkB,QAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/auth/components/guard.server.mjs

@@ -3,6 +3,7 @@ import { HydrateClient } from "../../router/lib/query-client.server.mjs";
 import { getSession } from "../lib/helpers.server.mjs";
 import { jsx } from "react/jsx-runtime";
 import { redirect } from "next/navigation";
+import "server-only";
 
 //#region src/modules/auth/components/guard.server.tsx
 async function AuthGuard({ children, auth }) {

package/dist/modules/auth/components/guard.server.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"guard.server.mjs","names":[],"sources":["../../../../src/modules/auth/components/guard.server.tsx"],"sourcesContent":["import { TDatabaseSchema, TulipContext } from \"@/modules/config/entry\";\nimport { getQueryClient } from \"@/modules/router/lib/query-client\";\nimport { HydrateClient } from \"@/modules/router/lib/query-client.server\";\nimport { redirect } from \"next/navigation\";\nimport { PropsWithChildren } from \"react\";\nimport { getSession } from \"../lib/helpers.server\";\n\nexport async function AuthGuard<TSchema extends TDatabaseSchema>({\n  children,\n  auth,\n}: PropsWithChildren<Pick<TulipContext<TSchema>, \"auth\">>) {\n  const session = await getSession({ auth });\n  if (!session) redirect(\"/auth/login\");\n\n  const queryClient = getQueryClient();\n  queryClient.prefetchQuery({\n    queryKey: [\"session\"],\n    queryFn: async () => session,\n  });\n\n  return <HydrateClient>{children}</HydrateClient>;\n}\n"],"mappings":";;;;;;;AAOA,eAAsB,UAA2C,EAC/D,UACA,QACyD;CACzD,MAAM,UAAU,MAAM,WAAW,EAAE,MAAM,CAAC;AAC1C,KAAI,CAAC,QAAS,UAAS,cAAc;AAGrC,CADoB,gBAAgB,CACxB,cAAc;EACxB,UAAU,CAAC,UAAU;EACrB,SAAS,YAAY;EACtB,CAAC;AAEF,QAAO,oBAAC,iBAAe,WAAyB"}
+{"version":3,"file":"guard.server.mjs","names":[],"sources":["../../../../src/modules/auth/components/guard.server.tsx"],"sourcesContent":["import \"server-only\";\n\nimport { TDatabaseSchema, TulipContext } from \"@/modules/config/entry\";\nimport { getQueryClient } from \"@/modules/router/lib/query-client\";\nimport { HydrateClient } from \"@/modules/router/lib/query-client.server\";\nimport { redirect } from \"next/navigation\";\nimport { PropsWithChildren } from \"react\";\nimport { getSession } from \"../lib/helpers.server\";\n\nexport async function AuthGuard<TSchema extends TDatabaseSchema>({\n  children,\n  auth,\n}: PropsWithChildren<Pick<TulipContext<TSchema>, \"auth\">>) {\n  const session = await getSession({ auth });\n  if (!session) redirect(\"/auth/login\");\n\n  const queryClient = getQueryClient();\n  queryClient.prefetchQuery({\n    queryKey: [\"session\"],\n    queryFn: async () => session,\n  });\n\n  return <HydrateClient>{children}</HydrateClient>;\n}\n"],"mappings":";;;;;;;;AASA,eAAsB,UAA2C,EAC/D,UACA,QACyD;CACzD,MAAM,UAAU,MAAM,WAAW,EAAE,MAAM,CAAC;AAC1C,KAAI,CAAC,QAAS,UAAS,cAAc;AAGrC,CADoB,gBAAgB,CACxB,cAAc;EACxB,UAAU,CAAC,UAAU;EACrB,SAAS,YAAY;EACtB,CAAC;AAEF,QAAO,oBAAC,iBAAe,WAAyB"}

package/dist/modules/auth/components/login-page.client.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime92 from "react/jsx-runtime";
+import * as react_jsx_runtime63 from "react/jsx-runtime";
 
 //#region src/modules/auth/components/login-page.client.d.ts
 type LoginPageProps = {
@@ -6,7 +6,7 @@ type LoginPageProps = {
     enablePasskey?: boolean;
   };
 };
-declare function LoginPage(props: LoginPageProps): react_jsx_runtime92.JSX.Element;
+declare function LoginPage(props: LoginPageProps): react_jsx_runtime63.JSX.Element;
 //#endregion
 export { LoginPage };
 //# sourceMappingURL=login-page.client.d.mts.map

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

@@ -2,9 +2,9 @@
 
 import { Icons } from "../../../components/common/icons.mjs";
 import { Button } from "../../../components/ui/button.mjs";
-import { authClient } from "../handler/client.client.mjs";
-import { Form as Form$1, FormControl, FormField, FormItem, FormMessage } from "../../../components/ui/form.client.mjs";
+import { useAuthClient } from "../hooks/use-auth-client.mjs";
 import { Input } from "../../../components/ui/input.mjs";
+import { Form as Form$1, FormControl, FormField, FormItem, FormMessage } from "../../../components/ui/form.client.mjs";
 import { loginSchema } from "../lib/validators.mjs";
 import { Eye, EyeOff, FingerprintIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -12,14 +12,15 @@ import { useState } from "react";
 import { useRouter } from "next/navigation";
 import Link from "next/link";
 import { useMutation } from "@tanstack/react-query";
+import { toast } from "sonner";
 import { useForm } from "react-hook-form";
 import { parseAsString, useQueryState } from "nuqs";
-import { toast } from "sonner";
 import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 
 //#region src/modules/auth/components/login-page.client.tsx
 function LoginPage(props) {
 	const router = useRouter();
+	const authClient = useAuthClient();
 	const [callbackURL] = useQueryState("callbackURL", parseAsString);
 	const [showPassword, setShowPassword] = useState(false);
 	const loginWithEmailMutation = useMutation({