@pelatform/starter 0.1.5 → 0.1.6

package/dist/index.js

@@ -1,36 +1,12 @@
 "use client";
-'use client';
-
 import {
-  AppleIcon,
-  DiscordIcon,
-  DropboxIcon,
-  FacebookIcon,
-  GitHubIcon,
-  GitLabIcon,
-  GoogleIcon,
-  HuggingFaceIcon,
-  KickIcon,
-  LinearIcon,
-  LinkedInIcon,
-  MicrosoftIcon,
-  NotionIcon,
-  RedditIcon,
-  RobloxIcon,
-  SlackIcon,
-  SpotifyIcon,
-  TikTokIcon,
-  TwitchIcon,
-  VKIcon,
-  XIcon,
-  ZoomIcon,
   defaultAuthQueryOptions,
   fileToBase64,
   getPasswordSchema,
   getTranslations,
   resizeAndCropImage,
   socialProviders
-} from "./chunk-ZWKHMRY6.js";
+} from "./chunk-2ZAZ77F6.js";
 
 // src/config/hook.ts
 import { useContext } from "react";
@@ -123,7 +99,6 @@ var defaultConfig = {
       PRIVACY: "/privacy"
     },
     auth: {
-      ACCEPT_INVITATION: "/join",
       CALLBACK: "/callback",
       EMAIL_OTP: "/otp",
       FORGOT_PASSWORD: "/forgot-password",
@@ -155,6 +130,10 @@ var defaultConfig = {
     admin: {
       OVERVIEW: "/admin/overview",
       USERS: "/admin/users"
+    },
+    custom: {
+      ACCEPT_INVITATION: "/join",
+      NEW_WORKSPACE: "/new"
     }
   },
   ui: {
@@ -235,10 +214,7 @@ import { useContext as useContext5 } from "react";
 
 // src/hooks/auth-mutation.ts
 import { useContext as useContext2 } from "react";
-import {
-  useMutation,
-  useQueryClient
-} from "@pelatform/ui/re/tanstack-query";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 function useAuthMutation({
   queryKey,
   mutationFn,
@@ -291,11 +267,11 @@ var useOnMutateError = () => {
 // src/hooks/auth-query.ts
 import { useContext as useContext4 } from "react";
 import { skipToken } from "@tanstack/query-core";
-import { useQuery as useQuery2 } from "@pelatform/ui/re/tanstack-query";
+import { useQuery as useQuery2 } from "@tanstack/react-query";
 
 // src/hooks/use-session.ts
 import { useContext as useContext3 } from "react";
-import { useQuery } from "@pelatform/ui/re/tanstack-query";
+import { useQuery } from "@tanstack/react-query";
 function useSession(options) {
   const { authClient } = useConfig();
   const { sessionQueryOptions, queryOptions, queryKey } = useContext3(QueryContext);
@@ -389,10 +365,7 @@ function useListApiKeys(options) {
 
 // src/hooks/device-sessions.ts
 import { useContext as useContext7 } from "react";
-import {
-  useMutation as useMutation2,
-  useQueryClient as useQueryClient2
-} from "@pelatform/ui/re/tanstack-query";
+import { useMutation as useMutation2, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 function useListDeviceSessions(options) {
   const { authClient } = useConfig();
   const { queryKey } = useContext7(QueryContext);
@@ -549,11 +522,27 @@ function useUpdateUser(options) {
   });
 }
 
+// src/hooks/use-invitation.ts
+import { useContext as useContext12 } from "react";
+function useInvitation(params, options) {
+  const { authClient } = useConfig();
+  const { queryKey: key } = useContext12(QueryContext);
+  const queryKey = [key.invitationKey, JSON.stringify(params)];
+  return useAuthQuery({
+    queryKey,
+    queryFn: (fnParams) => authClient.organization.getInvitation({
+      ...params,
+      ...fnParams
+    }),
+    options
+  });
+}
+
 // src/ui/account/dialogs/backup-codes.tsx
 import { CheckIcon, CopyIcon } from "lucide-react";
 import { useTranslations as useTranslations2 } from "next-intl";
-import { Button as Button2 } from "@pelatform/ui/default";
-import { useCopyToClipboard } from "@pelatform/ui/hooks";
+import { Button as Button2 } from "pelatform-ui/default";
+import { useCopyToClipboard } from "pelatform-ui/hooks";
 import { cn as cn2 } from "@pelatform/utils";
 
 // src/ui/shared/components/dialog.tsx
@@ -566,7 +555,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "@pelatform/ui/default";
+} from "pelatform-ui/default";
 import { cn } from "@pelatform/utils";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function DialogComponent({
@@ -686,8 +675,9 @@ function BackupCodesDialog({
 
 // src/ui/account/dialogs/delete-account.tsx
 import { useRouter as useRouter2 } from "next/navigation";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations5 } from "next-intl";
-import { AlertToast } from "@pelatform/ui/components";
+import { AlertToast } from "pelatform-ui/components";
 import {
   Button as Button4,
   Card,
@@ -698,16 +688,15 @@ import {
   FormLabel,
   FormMessage,
   Spinner
-} from "@pelatform/ui/default";
-import { useForm } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver } from "@pelatform/ui/re/resolver";
-import { z } from "@pelatform/ui/re/zod";
+} from "pelatform-ui/default";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
 import { cn as cn6 } from "@pelatform/utils";
 
 // src/ui/shared/password-input.tsx
 import { useState as useState2 } from "react";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
-import { Button as Button3, Input } from "@pelatform/ui/default";
+import { Button as Button3, Input } from "pelatform-ui/default";
 import { cn as cn3 } from "@pelatform/utils";
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function PasswordInput({
@@ -761,14 +750,14 @@ function PasswordInput({
 // src/ui/shared/view.tsx
 import { KeyRoundIcon } from "lucide-react";
 import { useLocale, useTranslations as useTranslations4 } from "next-intl";
-import { Skeleton as Skeleton2 } from "@pelatform/ui/default";
+import { Skeleton as Skeleton2 } from "pelatform-ui/default";
 import { cn as cn5 } from "@pelatform/utils";
 
 // src/ui/shared/avatar.tsx
-import { UserRoundIcon } from "lucide-react";
+import { BuildingIcon, UserRoundIcon } from "lucide-react";
 import { useTranslations as useTranslations3 } from "next-intl";
-import { getInitials } from "@pelatform/ui/components";
-import { Avatar, AvatarFallback, AvatarImage, Skeleton } from "@pelatform/ui/default";
+import { getInitials } from "pelatform-ui/components";
+import { Avatar, AvatarFallback, AvatarImage, Skeleton } from "pelatform-ui/default";
 import { cn as cn4 } from "@pelatform/utils";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function getSize(size) {
@@ -828,6 +817,57 @@ function UserAvatar({
     }
   );
 }
+function WorkspaceLogo({
+  className,
+  classNames,
+  isPending,
+  size,
+  workspace,
+  ...props
+}) {
+  const t = useTranslations3();
+  const name = workspace?.name;
+  const src = workspace?.logo;
+  if (isPending) {
+    return /* @__PURE__ */ jsx5(
+      Skeleton,
+      {
+        className: cn4(
+          "shrink-0 rounded-full",
+          getSize(size),
+          className,
+          classNames?.base,
+          classNames?.skeleton
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs4(
+    Avatar,
+    {
+      className: cn4("rounded-full bg-accent", getSize(size), className, classNames?.base),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx5(
+          AvatarImage,
+          {
+            src: src || void 0,
+            alt: name || t("systems.ORGANIZATION"),
+            className: classNames?.image
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          AvatarFallback,
+          {
+            className: cn4("text-foreground", classNames?.fallback),
+            delayMs: src ? 600 : void 0,
+            children: /* @__PURE__ */ jsx5(BuildingIcon, { className: cn4("size-[50%]", classNames?.fallbackIcon) })
+          }
+        )
+      ]
+    }
+  );
+}
 
 // src/ui/shared/view.tsx
 import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -919,6 +959,68 @@ function ApiKeyView({ className, classNames, apiKey }) {
     ] })
   ] });
 }
+function WorkspaceView({ className, classNames, isPending, size, workspace }) {
+  const t = useTranslations4();
+  return /* @__PURE__ */ jsxs5("div", { className: cn5("flex items-center gap-2 truncate", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx6(
+      WorkspaceLogo,
+      {
+        className: cn5(size !== "sm" && "my-0.5"),
+        classNames: classNames?.avatar,
+        isPending,
+        workspace,
+        size
+      }
+    ),
+    /* @__PURE__ */ jsx6("div", { className: cn5("flex flex-col truncate text-start leading-tight", classNames?.content), children: isPending ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+      /* @__PURE__ */ jsx6(
+        Skeleton2,
+        {
+          className: cn5(
+            "max-w-full",
+            size === "lg" ? "h-4.5 w-32" : "h-3.5 w-24",
+            classNames?.title,
+            classNames?.skeleton
+          )
+        }
+      ),
+      size !== "sm" && /* @__PURE__ */ jsx6(
+        Skeleton2,
+        {
+          className: cn5(
+            "mt-1.5 max-w-full",
+            size === "lg" ? "h-3.5 w-24" : "h-3 w-16",
+            classNames?.subtitle,
+            classNames?.skeleton
+          )
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
+      /* @__PURE__ */ jsx6(
+        "span",
+        {
+          className: cn5(
+            "truncate font-semibold",
+            size === "lg" ? "text-base" : "text-sm",
+            classNames?.title
+          ),
+          children: workspace?.name || t("systems.ORGANIZATION")
+        }
+      ),
+      size !== "sm" && workspace?.slug && /* @__PURE__ */ jsx6(
+        "span",
+        {
+          className: cn5(
+            "truncate opacity-70",
+            size === "lg" ? "text-sm" : "text-xs",
+            classNames?.subtitle
+          ),
+          children: workspace.slug
+        }
+      )
+    ] }) })
+  ] });
+}
 
 // src/ui/account/dialogs/delete-account.tsx
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -1046,7 +1148,7 @@ function DeleteAccountDialog({
 // src/ui/account/dialogs/session-freshness.tsx
 import { useRouter as useRouter3 } from "next/navigation";
 import { useTranslations as useTranslations6 } from "next-intl";
-import { Button as Button5 } from "@pelatform/ui/default";
+import { Button as Button5 } from "pelatform-ui/default";
 import { cn as cn7 } from "@pelatform/utils";
 import { jsx as jsx8 } from "react/jsx-runtime";
 function SessionFreshnessDialog({
@@ -1088,8 +1190,9 @@ function SessionFreshnessDialog({
 // src/ui/account/dialogs/two-factor-password.tsx
 import { useState as useState3 } from "react";
 import { useRouter as useRouter4 } from "next/navigation";
+import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations7 } from "next-intl";
-import { AlertToast as AlertToast2 } from "@pelatform/ui/components";
+import { AlertToast as AlertToast2 } from "pelatform-ui/components";
 import {
   Button as Button6,
   Form as Form2,
@@ -1099,10 +1202,9 @@ import {
   FormLabel as FormLabel2,
   FormMessage as FormMessage2,
   Spinner as Spinner2
-} from "@pelatform/ui/default";
-import { useForm as useForm2 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver2 } from "@pelatform/ui/re/resolver";
-import { z as z2 } from "@pelatform/ui/re/zod";
+} from "pelatform-ui/default";
+import { useForm as useForm2 } from "react-hook-form";
+import { z as z2 } from "zod";
 import { cn as cn8 } from "@pelatform/utils";
 import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function TwoFactorPasswordDialog({
@@ -1250,8 +1352,8 @@ import { useState as useState4 } from "react";
 import { useTranslations as useTranslations8 } from "next-intl";
 
 // src/ui/shared/components/card.tsx
-import { Button as Button7, Card as Card2, CardContent, CardFooter, Skeleton as Skeleton3, Spinner as Spinner3 } from "@pelatform/ui/default";
-import { useFormState } from "@pelatform/ui/re/react-hook-form";
+import { Button as Button7, Card as Card2, CardContent, CardFooter, Skeleton as Skeleton3, Spinner as Spinner3 } from "pelatform-ui/default";
+import { useFormState } from "react-hook-form";
 import { cn as cn9 } from "@pelatform/utils";
 import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function CardComponent({
@@ -1467,14 +1569,14 @@ function DeleteAccountCard({
 import { useRef, useState as useState5 } from "react";
 import { Trash2Icon, UploadCloudIcon } from "lucide-react";
 import { useTranslations as useTranslations9 } from "next-intl";
-import { AlertToast as AlertToast3 } from "@pelatform/ui/components";
+import { AlertToast as AlertToast3 } from "pelatform-ui/components";
 import {
   Button as Button8,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger
-} from "@pelatform/ui/default";
+} from "pelatform-ui/default";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function FormAvatarCard({
   className,
@@ -1597,8 +1699,9 @@ function FormAvatarCard({
 
 // src/ui/account/partials/form-email.tsx
 import { useState as useState6 } from "react";
+import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations10 } from "next-intl";
-import { AlertToast as AlertToast4 } from "@pelatform/ui/components";
+import { AlertToast as AlertToast4 } from "pelatform-ui/components";
 import {
   Form as Form3,
   FormControl as FormControl3,
@@ -1607,10 +1710,9 @@ import {
   FormMessage as FormMessage3,
   Input as Input2,
   Skeleton as Skeleton4
-} from "@pelatform/ui/default";
-import { useForm as useForm3 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver3 } from "@pelatform/ui/re/resolver";
-import { z as z3 } from "@pelatform/ui/re/zod";
+} from "pelatform-ui/default";
+import { useForm as useForm3 } from "react-hook-form";
+import { z as z3 } from "zod";
 import { cn as cn10 } from "@pelatform/utils";
 import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function FormEmailCard({ className, classNames, ...props }) {
@@ -1730,8 +1832,9 @@ function FormEmailCard({ className, classNames, ...props }) {
 }
 
 // src/ui/account/partials/form-fields.tsx
+import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations11 } from "next-intl";
-import { AlertToast as AlertToast5 } from "@pelatform/ui/components";
+import { AlertToast as AlertToast5 } from "pelatform-ui/components";
 import {
   Checkbox,
   Form as Form4,
@@ -1743,10 +1846,9 @@ import {
   Input as Input3,
   Skeleton as Skeleton5,
   Textarea
-} from "@pelatform/ui/default";
-import { useForm as useForm4 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver4 } from "@pelatform/ui/re/resolver";
-import { z as z4 } from "@pelatform/ui/re/zod";
+} from "pelatform-ui/default";
+import { useForm as useForm4 } from "react-hook-form";
+import { z as z4 } from "zod";
 import { cn as cn11 } from "@pelatform/utils";
 import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function FormFieldsCard({
@@ -1930,8 +2032,9 @@ function FormNameCard({ className, classNames, ...props }) {
 }
 
 // src/ui/account/partials/form-password.tsx
+import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations13 } from "next-intl";
-import { AlertToast as AlertToast6 } from "@pelatform/ui/components";
+import { AlertToast as AlertToast6 } from "pelatform-ui/components";
 import {
   Form as Form5,
   FormControl as FormControl5,
@@ -1939,14 +2042,13 @@ import {
   FormItem as FormItem5,
   FormLabel as FormLabel4,
   FormMessage as FormMessage5
-} from "@pelatform/ui/default";
-import { useForm as useForm5 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver5 } from "@pelatform/ui/re/resolver";
-import { z as z5 } from "@pelatform/ui/re/zod";
+} from "pelatform-ui/default";
+import { useForm as useForm5 } from "react-hook-form";
+import { z as z5 } from "zod";
 import { cn as cn13 } from "@pelatform/utils";
 
 // src/ui/shared/components/skeleton.tsx
-import { Card as Card3, Skeleton as Skeleton6 } from "@pelatform/ui/default";
+import { Card as Card3, Skeleton as Skeleton6 } from "pelatform-ui/default";
 import { cn as cn12 } from "@pelatform/utils";
 import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function SkeletonViewComponent({ classNames }) {
@@ -2171,7 +2273,7 @@ import { useState as useState7 } from "react";
 import { useRouter as useRouter5 } from "next/navigation";
 import { EllipsisIcon, LogOutIcon, RepeatIcon, UserX2Icon } from "lucide-react";
 import { useTranslations as useTranslations15 } from "next-intl";
-import { AlertToast as AlertToast7 } from "@pelatform/ui/components";
+import { AlertToast as AlertToast7 } from "pelatform-ui/components";
 import {
   Button as Button9,
   Card as Card4,
@@ -2180,7 +2282,7 @@ import {
   DropdownMenuItem as DropdownMenuItem2,
   DropdownMenuTrigger as DropdownMenuTrigger2,
   Spinner as Spinner4
-} from "@pelatform/ui/default";
+} from "pelatform-ui/default";
 import { cn as cn14 } from "@pelatform/utils";
 import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function MultiAccountCard({ className, classNames, ...props }) {
@@ -2323,9 +2425,9 @@ function MultiAccountCell({
 import { useState as useState8 } from "react";
 import { FingerprintIcon } from "lucide-react";
 import { useTranslations as useTranslations16 } from "next-intl";
-import { AlertToast as AlertToast8 } from "@pelatform/ui/components";
-import { Button as Button10, Card as Card5, Form as Form6, Spinner as Spinner5 } from "@pelatform/ui/default";
-import { useForm as useForm6 } from "@pelatform/ui/re/react-hook-form";
+import { AlertToast as AlertToast8 } from "pelatform-ui/components";
+import { Button as Button10, Card as Card5, Form as Form6, Spinner as Spinner5 } from "pelatform-ui/default";
+import { useForm as useForm6 } from "react-hook-form";
 import { cn as cn15 } from "@pelatform/utils";
 import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function PasskeysCard({ className, classNames, ...props }) {
@@ -2449,8 +2551,8 @@ function PasskeyCell({
 // src/ui/account/partials/providers.tsx
 import { useState as useState9 } from "react";
 import { useTranslations as useTranslations17 } from "next-intl";
-import { AlertToast as AlertToast9 } from "@pelatform/ui/components";
-import { Button as Button11, Card as Card6, Skeleton as Skeleton7, Spinner as Spinner6 } from "@pelatform/ui/default";
+import { AlertToast as AlertToast9 } from "pelatform-ui/components";
+import { Button as Button11, Card as Card6, Skeleton as Skeleton7, Spinner as Spinner6 } from "pelatform-ui/default";
 import { cn as cn16 } from "@pelatform/utils";
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function ProvidersCard({
@@ -2580,9 +2682,9 @@ import { useState as useState10 } from "react";
 import { useRouter as useRouter6 } from "next/navigation";
 import { LaptopIcon, SmartphoneIcon } from "lucide-react";
 import { useTranslations as useTranslations18 } from "next-intl";
+import { AlertToast as AlertToast10 } from "pelatform-ui/components";
+import { Button as Button12, Card as Card7, Spinner as Spinner7 } from "pelatform-ui/default";
 import { UAParser } from "ua-parser-js";
-import { AlertToast as AlertToast10 } from "@pelatform/ui/components";
-import { Button as Button12, Card as Card7, Spinner as Spinner7 } from "@pelatform/ui/default";
 import { cn as cn17 } from "@pelatform/utils";
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function SessionsCard({ className, classNames, ...props }) {
@@ -2765,8 +2867,8 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "@pelatform/ui/default";
-import { useCopyToClipboard as useCopyToClipboard2 } from "@pelatform/ui/hooks";
+} from "pelatform-ui/default";
+import { useCopyToClipboard as useCopyToClipboard2 } from "pelatform-ui/hooks";
 import { cn as cn19 } from "@pelatform/utils";
 import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function DisplayIdCard({
@@ -2847,12 +2949,13 @@ function SettingsCards({
 // src/ui/apikeys/apikeys.tsx
 import { useMemo as useMemo2, useState as useState13 } from "react";
 import { useTranslations as useTranslations25 } from "next-intl";
-import { Button as Button17, Card as Card9 } from "@pelatform/ui/default";
+import { Button as Button17, Card as Card9 } from "pelatform-ui/default";
 import { cn as cn24 } from "@pelatform/utils";
 
 // src/ui/apikeys/create-apikey.tsx
+import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
 import { useLocale as useLocale2, useTranslations as useTranslations22 } from "next-intl";
-import { AlertToast as AlertToast11 } from "@pelatform/ui/components";
+import { AlertToast as AlertToast11 } from "pelatform-ui/components";
 import {
   Button as Button14,
   Form as Form7,
@@ -2868,10 +2971,9 @@ import {
   SelectTrigger,
   SelectValue,
   Spinner as Spinner8
-} from "@pelatform/ui/default";
-import { useForm as useForm7 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver6 } from "@pelatform/ui/re/resolver";
-import { z as z6 } from "@pelatform/ui/re/zod";
+} from "pelatform-ui/default";
+import { useForm as useForm7 } from "react-hook-form";
+import { z as z6 } from "zod";
 import { cn as cn21 } from "@pelatform/utils";
 import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function CreateApiKeyDialog({
@@ -3011,8 +3113,8 @@ function CreateApiKeyDialog({
 // src/ui/apikeys/delete-apikey.tsx
 import { useState as useState12 } from "react";
 import { useTranslations as useTranslations23 } from "next-intl";
-import { AlertToast as AlertToast12 } from "@pelatform/ui/components";
-import { Button as Button15, Card as Card8, Spinner as Spinner9 } from "@pelatform/ui/default";
+import { AlertToast as AlertToast12 } from "pelatform-ui/components";
+import { Button as Button15, Card as Card8, Spinner as Spinner9 } from "pelatform-ui/default";
 import { cn as cn22 } from "@pelatform/utils";
 import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function ApiKeyDeleteDialog({
@@ -3073,8 +3175,8 @@ function ApiKeyDeleteDialog({
 // src/ui/apikeys/display-apikey.tsx
 import { CheckIcon as CheckIcon3, CopyIcon as CopyIcon3 } from "lucide-react";
 import { useTranslations as useTranslations24 } from "next-intl";
-import { Button as Button16 } from "@pelatform/ui/default";
-import { useCopyToClipboard as useCopyToClipboard3 } from "@pelatform/ui/hooks";
+import { Button as Button16 } from "pelatform-ui/default";
+import { useCopyToClipboard as useCopyToClipboard3 } from "pelatform-ui/hooks";
 import { cn as cn23 } from "@pelatform/utils";
 import { Fragment as Fragment12, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function ApiKeyDisplayDialog({
@@ -3237,12 +3339,12 @@ function ApiKeyCell({
 import { useRouter as useRouter7 } from "next/navigation";
 import { LockIcon, MailIcon } from "lucide-react";
 import { useTranslations as useTranslations27 } from "next-intl";
-import { Button as Button18 } from "@pelatform/ui/default";
+import { Button as Button18 } from "pelatform-ui/default";
 import { cn as cn26 } from "@pelatform/utils";
 
 // src/ui/auth/partials/last-used-button.tsx
 import { useTranslations as useTranslations26 } from "next-intl";
-import { Badge } from "@pelatform/ui/default";
+import { Badge } from "pelatform-ui/default";
 import { cn as cn25 } from "@pelatform/utils";
 import { jsx as jsx31 } from "react/jsx-runtime";
 function LastUsedButton({
@@ -3304,7 +3406,7 @@ function EmailOTPButton({ className, classNames, isSubmitting, view }) {
 import { useRouter as useRouter8 } from "next/navigation";
 import { LockIcon as LockIcon2, MailIcon as MailIcon2 } from "lucide-react";
 import { useTranslations as useTranslations28 } from "next-intl";
-import { Button as Button19 } from "@pelatform/ui/default";
+import { Button as Button19 } from "pelatform-ui/default";
 import { cn as cn27 } from "@pelatform/utils";
 import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
 function MagicLinkButton({ className, classNames, isSubmitting, view }) {
@@ -3341,7 +3443,7 @@ function MagicLinkButton({ className, classNames, isSubmitting, view }) {
 // src/ui/auth/partials/one-tap.tsx
 import { useEffect as useEffect2, useRef as useRef3 } from "react";
 import { useTranslations as useTranslations29 } from "next-intl";
-import { AlertToast as AlertToast13 } from "@pelatform/ui/components";
+import { AlertToast as AlertToast13 } from "pelatform-ui/components";
 function OneTap({ redirectTo }) {
   const { authClient } = useConfig();
   const t = useTranslations29();
@@ -3373,8 +3475,8 @@ function OneTap({ redirectTo }) {
 // src/ui/auth/partials/passkey-button.tsx
 import { FingerprintIcon as FingerprintIcon2 } from "lucide-react";
 import { useTranslations as useTranslations30 } from "next-intl";
-import { AlertToast as AlertToast14 } from "@pelatform/ui/components";
-import { Button as Button20 } from "@pelatform/ui/default";
+import { AlertToast as AlertToast14 } from "pelatform-ui/components";
+import { Button as Button20 } from "pelatform-ui/default";
 import { cn as cn28 } from "@pelatform/utils";
 import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 function PasskeyButton({
@@ -3439,8 +3541,8 @@ function PasskeyButton({
 // src/ui/auth/partials/provider-button.tsx
 import { useSearchParams as useSearchParams2 } from "next/navigation";
 import { useTranslations as useTranslations31 } from "next-intl";
-import { AlertToast as AlertToast15 } from "@pelatform/ui/components";
-import { Button as Button21 } from "@pelatform/ui/default";
+import { AlertToast as AlertToast15 } from "pelatform-ui/components";
+import { Button as Button21 } from "pelatform-ui/default";
 import { cn as cn29, REDIRECT_QUERY_PARAM as REDIRECT_QUERY_PARAM2 } from "@pelatform/utils";
 import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 function ProviderButton({
@@ -3501,27 +3603,228 @@ function ProviderButton({
   );
 }
 
+// src/ui/auth/accept-invitation.tsx
+import { useEffect as useEffect3, useState as useState14 } from "react";
+import { useRouter as useRouter9, useSearchParams as useSearchParams3 } from "next/navigation";
+import { CheckIcon as CheckIcon4, XIcon } from "lucide-react";
+import { useTranslations as useTranslations32 } from "next-intl";
+import { AlertToast as AlertToast16 } from "pelatform-ui/components";
+import { Button as Button22, Card as Card10, CardContent as CardContent2, CardHeader, Skeleton as Skeleton9, Spinner as Spinner10 } from "pelatform-ui/default";
+import { cn as cn30 } from "@pelatform/utils";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+function AcceptInvitation({
+  className,
+  classNames,
+  redirectTo: redirectToProp
+}) {
+  const router = useRouter9();
+  const searchParams = useSearchParams3();
+  const t = useTranslations32();
+  const { data: sessionData } = useSession();
+  const { redirectTo } = useOnSuccessTransition(redirectToProp);
+  const [invitationId, setInvitationId] = useState14(null);
+  useEffect3(() => {
+    const invitationIdParam = searchParams.get("invitationId");
+    if (!invitationIdParam) {
+      AlertToast16({
+        message: t("systems.INVITATION_NOT_FOUND"),
+        icon: "destructive"
+      });
+      router.replace(redirectTo);
+      return;
+    }
+    setInvitationId(invitationIdParam);
+  }, [router, redirectTo, searchParams.get, t]);
+  if (!sessionData || !invitationId) {
+    return /* @__PURE__ */ jsx36(AcceptInvitationSkeleton, { className, classNames });
+  }
+  return /* @__PURE__ */ jsx36(
+    AcceptInvitationContent,
+    {
+      className,
+      classNames,
+      invitationId,
+      redirectTo
+    }
+  );
+}
+function AcceptInvitationContent({
+  className,
+  classNames,
+  invitationId,
+  redirectTo
+}) {
+  const { authClient } = useConfig();
+  const router = useRouter9();
+  const t = useTranslations32();
+  const { data: invitation, isPending } = useInvitation({
+    query: {
+      id: invitationId
+    }
+  });
+  const [isRejecting, setIsRejecting] = useState14(false);
+  const [isAccepting, setIsAccepting] = useState14(false);
+  const isProcessing = isRejecting || isAccepting;
+  useEffect3(() => {
+    if (isPending || !invitationId) return;
+    if (!invitation) {
+      AlertToast16({
+        message: t("systems.INVITATION_NOT_FOUND"),
+        icon: "destructive"
+      });
+      router.replace(redirectTo);
+      return;
+    }
+    if (invitation.status !== "pending" || new Date(invitation.expiresAt) < /* @__PURE__ */ new Date()) {
+      AlertToast16({
+        message: new Date(invitation.expiresAt) < /* @__PURE__ */ new Date() ? t("systems.INVITATION_EXPIRED") : t("systems.INVITATION_NOT_FOUND"),
+        icon: "destructive"
+      });
+      router.replace(redirectTo);
+    }
+  }, [invitation, isPending, invitationId, router, redirectTo, t]);
+  const acceptInvitation = async () => {
+    setIsAccepting(true);
+    try {
+      await authClient.organization.acceptInvitation({
+        invitationId,
+        fetchOptions: { throw: true }
+      });
+      AlertToast16({
+        message: t("systems.INVITATION_ACCEPTED")
+      });
+      router.replace(redirectTo);
+    } catch (error) {
+      AlertToast16({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+      setIsAccepting(false);
+    }
+  };
+  const rejectInvitation = async () => {
+    setIsRejecting(true);
+    try {
+      await authClient.organization.rejectInvitation({
+        invitationId,
+        fetchOptions: { throw: true }
+      });
+      AlertToast16({
+        message: t("systems.INVITATION_REJECTED")
+      });
+      router.replace(redirectTo);
+    } catch (error) {
+      AlertToast16({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+      setIsRejecting(false);
+    }
+  };
+  if (!invitation) {
+    return /* @__PURE__ */ jsx36(AcceptInvitationSkeleton, { className, classNames });
+  }
+  return /* @__PURE__ */ jsxs31(Card10, { className: cn30("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx36(CardHeader, { className: "py-4", children: /* @__PURE__ */ jsx36(
+      CardHeaderComponent,
+      {
+        title: t("systems.ACCEPT_INVITATION"),
+        description: t("systems.ACCEPT_INVITATION_DESCRIPTION")
+      }
+    ) }),
+    /* @__PURE__ */ jsxs31(CardContent2, { className: cn30("flex flex-col gap-6 truncate", classNames?.content), children: [
+      /* @__PURE__ */ jsxs31(Card10, { className: cn30("flex-row items-center p-4"), children: [
+        /* @__PURE__ */ jsx36(
+          WorkspaceView,
+          {
+            workspace: {
+              id: invitation.organizationId,
+              name: invitation.organizationName,
+              slug: invitation.organizationSlug,
+              // logo: invitation.organizationLogo,
+              createdAt: /* @__PURE__ */ new Date()
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx36("p", { className: "ms-auto font-semibold text-muted-foreground text-sm", children: t(`systems.${invitation?.role.toUpperCase()}`) || invitation?.role })
+      ] }),
+      /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs31(
+          Button22,
+          {
+            variant: "destructive",
+            className: cn30(classNames?.button, classNames?.destructiveButton),
+            onClick: rejectInvitation,
+            disabled: isProcessing,
+            children: [
+              isRejecting ? /* @__PURE__ */ jsx36(Spinner10, {}) : /* @__PURE__ */ jsx36(XIcon, {}),
+              t("systems.REJECT")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs31(
+          Button22,
+          {
+            className: cn30(classNames?.button, classNames?.primaryButton),
+            onClick: acceptInvitation,
+            disabled: isProcessing,
+            children: [
+              isAccepting ? /* @__PURE__ */ jsx36(Spinner10, {}) : /* @__PURE__ */ jsx36(CheckIcon4, {}),
+              t("systems.ACCEPT")
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function AcceptInvitationSkeleton({ className, classNames }) {
+  const t = useTranslations32();
+  return /* @__PURE__ */ jsxs31(Card10, { className: cn30("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx36(CardHeader, { className: "py-4", children: /* @__PURE__ */ jsx36(
+      CardHeaderComponent,
+      {
+        className: "w-full",
+        title: t("systems.ACCEPT_INVITATION"),
+        description: t("systems.ACCEPT_INVITATION_DESCRIPTION"),
+        isPending: true
+      }
+    ) }),
+    /* @__PURE__ */ jsxs31(CardContent2, { className: cn30("flex flex-col gap-6 truncate", classNames?.content), children: [
+      /* @__PURE__ */ jsxs31(Card10, { className: cn30("flex-row items-center p-4"), children: [
+        /* @__PURE__ */ jsx36(WorkspaceView, { isPending: true }),
+        /* @__PURE__ */ jsx36(Skeleton9, { className: "ms-auto mt-0.5 h-4 w-full max-w-14 shrink-2" })
+      ] }),
+      /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsx36(Skeleton9, { className: "h-9 w-full" }),
+        /* @__PURE__ */ jsx36(Skeleton9, { className: "h-9 w-full" })
+      ] })
+    ] })
+  ] });
+}
+
 // src/ui/auth/callback.tsx
-import { useEffect as useEffect3, useRef as useRef4 } from "react";
-import { Spinner as Spinner10 } from "@pelatform/ui/default";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { useEffect as useEffect4, useRef as useRef4 } from "react";
+import { Spinner as Spinner11 } from "pelatform-ui/default";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function AuthCallback({ redirectTo }) {
   const { onSuccess } = useOnSuccessTransition(redirectTo);
   const isRedirecting = useRef4(false);
-  useEffect3(() => {
+  useEffect4(() => {
     if (isRedirecting.current) return;
     isRedirecting.current = true;
     onSuccess();
   }, [onSuccess]);
-  return /* @__PURE__ */ jsx36("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx36(Spinner10, { className: "size-12" }) });
+  return /* @__PURE__ */ jsx37("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx37(Spinner11, { className: "size-12" }) });
 }
 
 // src/ui/auth/email-otp.tsx
-import { useEffect as useEffect4, useState as useState14 } from "react";
-import { useTranslations as useTranslations32 } from "next-intl";
-import { AlertToast as AlertToast16 } from "@pelatform/ui/components";
+import { useEffect as useEffect5, useState as useState15 } from "react";
+import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
+import { useTranslations as useTranslations33 } from "next-intl";
+import { AlertToast as AlertToast17 } from "pelatform-ui/components";
 import {
-  Button as Button22,
+  Button as Button23,
   Form as Form8,
   FormControl as FormControl7,
   FormField as FormField7,
@@ -3530,68 +3833,67 @@ import {
   FormMessage as FormMessage7,
   Input as Input6,
   InputOTP,
-  Spinner as Spinner11
-} from "@pelatform/ui/default";
-import { useForm as useForm8 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver7 } from "@pelatform/ui/re/resolver";
-import { z as z7 } from "@pelatform/ui/re/zod";
-import { cn as cn30 } from "@pelatform/utils";
+  Spinner as Spinner12
+} from "pelatform-ui/default";
+import { useForm as useForm8 } from "react-hook-form";
+import { z as z7 } from "zod";
+import { cn as cn31 } from "@pelatform/utils";
 
 // src/ui/shared/otp-input-group.tsx
-import { InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "@pelatform/ui/default";
-import { Fragment as Fragment14, jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+import { InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "pelatform-ui/default";
+import { Fragment as Fragment14, jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 function OTPInputGroup({ otpSeparators = 0 }) {
   if (otpSeparators === 0) {
-    return /* @__PURE__ */ jsxs31(InputOTPGroup, { children: [
-      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 0 }),
-      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 1 }),
-      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 2 }),
-      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 3 }),
-      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 4 }),
-      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 5 })
+    return /* @__PURE__ */ jsxs32(InputOTPGroup, { children: [
+      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 0 }),
+      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 1 }),
+      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 2 }),
+      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 3 }),
+      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 4 }),
+      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 5 })
     ] });
   }
   if (otpSeparators === 1) {
-    return /* @__PURE__ */ jsxs31(Fragment14, { children: [
-      /* @__PURE__ */ jsxs31(InputOTPGroup, { children: [
-        /* @__PURE__ */ jsx37(InputOTPSlot, { index: 0 }),
-        /* @__PURE__ */ jsx37(InputOTPSlot, { index: 1 }),
-        /* @__PURE__ */ jsx37(InputOTPSlot, { index: 2 })
+    return /* @__PURE__ */ jsxs32(Fragment14, { children: [
+      /* @__PURE__ */ jsxs32(InputOTPGroup, { children: [
+        /* @__PURE__ */ jsx38(InputOTPSlot, { index: 0 }),
+        /* @__PURE__ */ jsx38(InputOTPSlot, { index: 1 }),
+        /* @__PURE__ */ jsx38(InputOTPSlot, { index: 2 })
       ] }),
-      /* @__PURE__ */ jsx37(InputOTPSeparator, {}),
-      /* @__PURE__ */ jsxs31(InputOTPGroup, { children: [
-        /* @__PURE__ */ jsx37(InputOTPSlot, { index: 3 }),
-        /* @__PURE__ */ jsx37(InputOTPSlot, { index: 4 }),
-        /* @__PURE__ */ jsx37(InputOTPSlot, { index: 5 })
+      /* @__PURE__ */ jsx38(InputOTPSeparator, {}),
+      /* @__PURE__ */ jsxs32(InputOTPGroup, { children: [
+        /* @__PURE__ */ jsx38(InputOTPSlot, { index: 3 }),
+        /* @__PURE__ */ jsx38(InputOTPSlot, { index: 4 }),
+        /* @__PURE__ */ jsx38(InputOTPSlot, { index: 5 })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs31(Fragment14, { children: [
-    /* @__PURE__ */ jsxs31(InputOTPGroup, { children: [
-      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 0 }),
-      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 1 })
+  return /* @__PURE__ */ jsxs32(Fragment14, { children: [
+    /* @__PURE__ */ jsxs32(InputOTPGroup, { children: [
+      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 0 }),
+      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 1 })
     ] }),
-    /* @__PURE__ */ jsx37(InputOTPSeparator, {}),
-    /* @__PURE__ */ jsxs31(InputOTPGroup, { children: [
-      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 2 }),
-      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 3 })
+    /* @__PURE__ */ jsx38(InputOTPSeparator, {}),
+    /* @__PURE__ */ jsxs32(InputOTPGroup, { children: [
+      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 2 }),
+      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 3 })
     ] }),
-    /* @__PURE__ */ jsx37(InputOTPSeparator, {}),
-    /* @__PURE__ */ jsxs31(InputOTPGroup, { children: [
-      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 4 }),
-      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 5 })
+    /* @__PURE__ */ jsx38(InputOTPSeparator, {}),
+    /* @__PURE__ */ jsxs32(InputOTPGroup, { children: [
+      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 4 }),
+      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 5 })
     ] })
   ] });
 }
 
 // src/ui/auth/email-otp.tsx
-import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 function EmailOTPForm(props) {
-  const [email, setEmail] = useState14();
+  const [email, setEmail] = useState15();
   if (!email) {
-    return /* @__PURE__ */ jsx38(EmailForm, { ...props, setEmail });
+    return /* @__PURE__ */ jsx39(EmailForm, { ...props, setEmail });
   }
-  return /* @__PURE__ */ jsx38(OTPForm, { ...props, email });
+  return /* @__PURE__ */ jsx39(OTPForm, { ...props, email });
 }
 function EmailForm({
   className,
@@ -3601,7 +3903,7 @@ function EmailForm({
   setEmail
 }) {
   const { authClient } = useConfig();
-  const t = useTranslations32();
+  const t = useTranslations33();
   const formSchema = z7.object({
     email: z7.email({
       error: `${t("systems.EMAIL")} ${t("systems.IS_INVALID")}`
@@ -3614,7 +3916,7 @@ function EmailForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting;
-  useEffect4(() => {
+  useEffect5(() => {
     setIsSubmitting?.(form.formState.isSubmitting);
   }, [form.formState.isSubmitting, setIsSubmitting]);
   async function onSubmit({ email }) {
@@ -3624,29 +3926,29 @@ function EmailForm({
         type: "sign-in",
         fetchOptions: { throw: true }
       });
-      AlertToast16({ message: t("systems.EMAIL_OTP_VERIFICATION_SENT") });
+      AlertToast17({ message: t("systems.EMAIL_OTP_VERIFICATION_SENT") });
       setEmail(email);
     } catch (error) {
-      AlertToast16({
+      AlertToast17({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
     }
   }
-  return /* @__PURE__ */ jsx38(Form8, { ...form, children: /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsx39(Form8, { ...form, children: /* @__PURE__ */ jsxs33(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn30("grid w-full gap-6", className, classNames?.base),
+      className: cn31("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           FormField7,
           {
             control: form.control,
             name: "email",
-            render: ({ field }) => /* @__PURE__ */ jsxs32(FormItem7, { children: [
-              /* @__PURE__ */ jsx38(FormLabel6, { className: classNames?.label, children: t("systems.EMAIL") }),
-              /* @__PURE__ */ jsx38(FormControl7, { children: /* @__PURE__ */ jsx38(
+            render: ({ field }) => /* @__PURE__ */ jsxs33(FormItem7, { children: [
+              /* @__PURE__ */ jsx39(FormLabel6, { className: classNames?.label, children: t("systems.EMAIL") }),
+              /* @__PURE__ */ jsx39(FormControl7, { children: /* @__PURE__ */ jsx39(
                 Input6,
                 {
                   type: "email",
@@ -3657,17 +3959,17 @@ function EmailForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx38(FormMessage7, { className: classNames?.error })
+              /* @__PURE__ */ jsx39(FormMessage7, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx38(
-          Button22,
+        /* @__PURE__ */ jsx39(
+          Button23,
           {
             type: "submit",
-            className: cn30("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn31("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
-            children: submitting ? /* @__PURE__ */ jsx38(Spinner11, {}) : t("systems.EMAIL_OTP_SEND_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx39(Spinner12, {}) : t("systems.EMAIL_OTP_SEND_ACTION")
           }
         )
       ]
@@ -3684,7 +3986,7 @@ function OTPForm({
   email
 }) {
   const { authClient } = useConfig();
-  const t = useTranslations32();
+  const t = useTranslations33();
   const { onSuccess, isPending: transitionPending } = useOnSuccessTransition(redirectTo);
   const formSchema = z7.object({
     code: z7.string().min(1, {
@@ -3700,7 +4002,7 @@ function OTPForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting || transitionPending;
-  useEffect4(() => {
+  useEffect5(() => {
     setIsSubmitting?.(form.formState.isSubmitting || transitionPending);
   }, [form.formState.isSubmitting, setIsSubmitting, transitionPending]);
   async function onSubmit({ code }) {
@@ -3712,27 +4014,27 @@ function OTPForm({
       });
       await onSuccess();
     } catch (error) {
-      AlertToast16({
+      AlertToast17({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
       form.reset();
     }
   }
-  return /* @__PURE__ */ jsx38(Form8, { ...form, children: /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsx39(Form8, { ...form, children: /* @__PURE__ */ jsxs33(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn30("grid w-full gap-6", className, classNames?.base),
+      className: cn31("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           FormField7,
           {
             control: form.control,
             name: "code",
-            render: ({ field }) => /* @__PURE__ */ jsxs32(FormItem7, { children: [
-              /* @__PURE__ */ jsx38(FormLabel6, { className: classNames?.label, children: t("systems.EMAIL_OTP") }),
-              /* @__PURE__ */ jsx38(FormControl7, { children: /* @__PURE__ */ jsx38(
+            render: ({ field }) => /* @__PURE__ */ jsxs33(FormItem7, { children: [
+              /* @__PURE__ */ jsx39(FormLabel6, { className: classNames?.label, children: t("systems.EMAIL_OTP") }),
+              /* @__PURE__ */ jsx39(FormControl7, { children: /* @__PURE__ */ jsx39(
                 InputOTP,
                 {
                   ...field,
@@ -3746,20 +4048,20 @@ function OTPForm({
                   containerClassName: classNames?.otpInputContainer,
                   className: classNames?.otpInput,
                   disabled: submitting,
-                  children: /* @__PURE__ */ jsx38(OTPInputGroup, { otpSeparators })
+                  children: /* @__PURE__ */ jsx39(OTPInputGroup, { otpSeparators })
                 }
               ) }),
-              /* @__PURE__ */ jsx38(FormMessage7, { className: classNames?.error })
+              /* @__PURE__ */ jsx39(FormMessage7, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx38(
-          Button22,
+        /* @__PURE__ */ jsx39(
+          Button23,
           {
             type: "submit",
-            className: cn30("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn31("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
-            children: submitting ? /* @__PURE__ */ jsx38(Spinner11, {}) : t("systems.EMAIL_OTP_VERIFY_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx39(Spinner12, {}) : t("systems.EMAIL_OTP_VERIFY_ACTION")
           }
         )
       ]
@@ -3768,12 +4070,13 @@ function OTPForm({
 }
 
 // src/ui/auth/forgot-password.tsx
-import { useEffect as useEffect5 } from "react";
-import { useRouter as useRouter9 } from "next/navigation";
-import { useTranslations as useTranslations33 } from "next-intl";
-import { AlertToast as AlertToast17 } from "@pelatform/ui/components";
+import { useEffect as useEffect6 } from "react";
+import { useRouter as useRouter10 } from "next/navigation";
+import { zodResolver as zodResolver8 } from "@hookform/resolvers/zod";
+import { useTranslations as useTranslations34 } from "next-intl";
+import { AlertToast as AlertToast18 } from "pelatform-ui/components";
 import {
-  Button as Button23,
+  Button as Button24,
   Form as Form9,
   FormControl as FormControl8,
   FormField as FormField8,
@@ -3781,13 +4084,12 @@ import {
   FormLabel as FormLabel7,
   FormMessage as FormMessage8,
   Input as Input7,
-  Spinner as Spinner12
-} from "@pelatform/ui/default";
-import { useForm as useForm9 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver8 } from "@pelatform/ui/re/resolver";
-import { z as z8 } from "@pelatform/ui/re/zod";
-import { cn as cn31 } from "@pelatform/utils";
-import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+  Spinner as Spinner13
+} from "pelatform-ui/default";
+import { useForm as useForm9 } from "react-hook-form";
+import { z as z8 } from "zod";
+import { cn as cn32 } from "@pelatform/utils";
+import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 function ForgotPasswordForm({
   className,
   classNames,
@@ -3795,9 +4097,9 @@ function ForgotPasswordForm({
   setIsSubmitting
 }) {
   const { authClient, app, path } = useConfig();
-  const router = useRouter9();
-  const t = useTranslations33();
-  const formSchema = z8.object({
+  const router = useRouter10();
+  const t = useTranslations34();
+  const formSchema = z8.object({
     email: z8.email({
       error: `${t("systems.EMAIL")} ${t("systems.IS_INVALID")}`
     })
@@ -3809,7 +4111,7 @@ function ForgotPasswordForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting;
-  useEffect5(() => {
+  useEffect6(() => {
     setIsSubmitting?.(form.formState.isSubmitting);
   }, [form.formState.isSubmitting, setIsSubmitting]);
   async function onSubmit({ email }) {
@@ -3819,31 +4121,31 @@ function ForgotPasswordForm({
         redirectTo: `${app.url}${path.auth.RESET_PASSWORD}`,
         fetchOptions: { throw: true }
       });
-      AlertToast17({
+      AlertToast18({
         message: t("systems.FORGOT_PASSWORD_EMAIL")
       });
       router.push(`${path.auth.SIGN_IN}${window.location.search}`);
     } catch (error) {
-      AlertToast17({
+      AlertToast18({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
     }
   }
-  return /* @__PURE__ */ jsx39(Form9, { ...form, children: /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsx40(Form9, { ...form, children: /* @__PURE__ */ jsxs34(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn31("grid w-full gap-6", className, classNames?.base),
+      className: cn32("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           FormField8,
           {
             control: form.control,
             name: "email",
-            render: ({ field }) => /* @__PURE__ */ jsxs33(FormItem8, { children: [
-              /* @__PURE__ */ jsx39(FormLabel7, { className: classNames?.label, children: t("systems.EMAIL") }),
-              /* @__PURE__ */ jsx39(FormControl8, { children: /* @__PURE__ */ jsx39(
+            render: ({ field }) => /* @__PURE__ */ jsxs34(FormItem8, { children: [
+              /* @__PURE__ */ jsx40(FormLabel7, { className: classNames?.label, children: t("systems.EMAIL") }),
+              /* @__PURE__ */ jsx40(FormControl8, { children: /* @__PURE__ */ jsx40(
                 Input7,
                 {
                   type: "email",
@@ -3854,17 +4156,17 @@ function ForgotPasswordForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx39(FormMessage8, { className: classNames?.error })
+              /* @__PURE__ */ jsx40(FormMessage8, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx39(
-          Button23,
+        /* @__PURE__ */ jsx40(
+          Button24,
           {
             type: "submit",
-            className: cn31("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn32("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
-            children: submitting ? /* @__PURE__ */ jsx39(Spinner12, {}) : t("systems.FORGOT_PASSWORD_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx40(Spinner13, {}) : t("systems.FORGOT_PASSWORD_ACTION")
           }
         )
       ]
@@ -3873,12 +4175,13 @@ function ForgotPasswordForm({
 }
 
 // src/ui/auth/magic-link.tsx
-import { useEffect as useEffect6 } from "react";
-import { useSearchParams as useSearchParams3 } from "next/navigation";
-import { useTranslations as useTranslations34 } from "next-intl";
-import { AlertToast as AlertToast18 } from "@pelatform/ui/components";
+import { useEffect as useEffect7 } from "react";
+import { useSearchParams as useSearchParams4 } from "next/navigation";
+import { zodResolver as zodResolver9 } from "@hookform/resolvers/zod";
+import { useTranslations as useTranslations35 } from "next-intl";
+import { AlertToast as AlertToast19 } from "pelatform-ui/components";
 import {
-  Button as Button24,
+  Button as Button25,
   Form as Form10,
   FormControl as FormControl9,
   FormField as FormField9,
@@ -3886,13 +4189,12 @@ import {
   FormLabel as FormLabel8,
   FormMessage as FormMessage9,
   Input as Input8,
-  Spinner as Spinner13
-} from "@pelatform/ui/default";
-import { useForm as useForm10 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver9 } from "@pelatform/ui/re/resolver";
-import { z as z9 } from "@pelatform/ui/re/zod";
-import { cn as cn32, REDIRECT_QUERY_PARAM as REDIRECT_QUERY_PARAM3 } from "@pelatform/utils";
-import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
+  Spinner as Spinner14
+} from "pelatform-ui/default";
+import { useForm as useForm10 } from "react-hook-form";
+import { z as z9 } from "zod";
+import { cn as cn33, REDIRECT_QUERY_PARAM as REDIRECT_QUERY_PARAM3 } from "@pelatform/utils";
+import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 function MagicLinkForm({
   className,
   classNames,
@@ -3900,8 +4202,8 @@ function MagicLinkForm({
   setIsSubmitting
 }) {
   const { authClient, app, path } = useConfig();
-  const searchParams = useSearchParams3();
-  const t = useTranslations34();
+  const searchParams = useSearchParams4();
+  const t = useTranslations35();
   const formSchema = z9.object({
     email: z9.email({
       error: `${t("systems.EMAIL")} ${t("systems.IS_INVALID")}`
@@ -3914,7 +4216,7 @@ function MagicLinkForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting;
-  useEffect6(() => {
+  useEffect7(() => {
     setIsSubmitting?.(form.formState.isSubmitting);
   }, [form.formState.isSubmitting, setIsSubmitting]);
   async function onSubmit({ email }) {
@@ -3924,31 +4226,31 @@ function MagicLinkForm({
         callbackURL: `${app.url}${path.auth.CALLBACK}?redirectTo=${searchParams?.get(REDIRECT_QUERY_PARAM3)}`,
         fetchOptions: { throw: true }
       });
-      AlertToast18({
+      AlertToast19({
         message: t("systems.MAGIC_LINK_EMAIL")
       });
       form.reset();
     } catch (error) {
-      AlertToast18({
+      AlertToast19({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
     }
   }
-  return /* @__PURE__ */ jsx40(Form10, { ...form, children: /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsx41(Form10, { ...form, children: /* @__PURE__ */ jsxs35(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn32("grid w-full gap-6", className, classNames?.base),
+      className: cn33("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsx41(
           FormField9,
           {
             control: form.control,
             name: "email",
-            render: ({ field }) => /* @__PURE__ */ jsxs34(FormItem9, { children: [
-              /* @__PURE__ */ jsx40(FormLabel8, { className: classNames?.label, children: t("systems.EMAIL") }),
-              /* @__PURE__ */ jsx40(FormControl9, { children: /* @__PURE__ */ jsx40(
+            render: ({ field }) => /* @__PURE__ */ jsxs35(FormItem9, { children: [
+              /* @__PURE__ */ jsx41(FormLabel8, { className: classNames?.label, children: t("systems.EMAIL") }),
+              /* @__PURE__ */ jsx41(FormControl9, { children: /* @__PURE__ */ jsx41(
                 Input8,
                 {
                   type: "email",
@@ -3959,17 +4261,17 @@ function MagicLinkForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx40(FormMessage9, { className: classNames?.error })
+              /* @__PURE__ */ jsx41(FormMessage9, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx40(
-          Button24,
+        /* @__PURE__ */ jsx41(
+          Button25,
           {
             type: "submit",
-            className: cn32("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn33("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
-            children: submitting ? /* @__PURE__ */ jsx40(Spinner13, {}) : t("systems.MAGIC_LINK_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx41(Spinner14, {}) : t("systems.MAGIC_LINK_ACTION")
           }
         )
       ]
@@ -3978,11 +4280,12 @@ function MagicLinkForm({
 }
 
 // src/ui/auth/recover-account.tsx
-import { useEffect as useEffect7 } from "react";
-import { useTranslations as useTranslations35 } from "next-intl";
-import { AlertToast as AlertToast19 } from "@pelatform/ui/components";
+import { useEffect as useEffect8 } from "react";
+import { zodResolver as zodResolver10 } from "@hookform/resolvers/zod";
+import { useTranslations as useTranslations36 } from "next-intl";
+import { AlertToast as AlertToast20 } from "pelatform-ui/components";
 import {
-  Button as Button25,
+  Button as Button26,
   Form as Form11,
   FormControl as FormControl10,
   FormField as FormField10,
@@ -3990,13 +4293,12 @@ import {
   FormLabel as FormLabel9,
   FormMessage as FormMessage10,
   Input as Input9,
-  Spinner as Spinner14
-} from "@pelatform/ui/default";
-import { useForm as useForm11 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver10 } from "@pelatform/ui/re/resolver";
-import { z as z10 } from "@pelatform/ui/re/zod";
-import { cn as cn33 } from "@pelatform/utils";
-import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
+  Spinner as Spinner15
+} from "pelatform-ui/default";
+import { useForm as useForm11 } from "react-hook-form";
+import { z as z10 } from "zod";
+import { cn as cn34 } from "@pelatform/utils";
+import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
 function RecoverAccountForm({
   className,
   classNames,
@@ -4005,7 +4307,7 @@ function RecoverAccountForm({
   setIsSubmitting
 }) {
   const { authClient } = useConfig();
-  const t = useTranslations35();
+  const t = useTranslations36();
   const { onSuccess, isPending: transitionPending } = useOnSuccessTransition(redirectTo);
   const formSchema = z10.object({
     code: z10.string().min(1, { error: t("systems.BACKUP_CODE_REQUIRED") })
@@ -4017,7 +4319,7 @@ function RecoverAccountForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting || transitionPending;
-  useEffect7(() => {
+  useEffect8(() => {
     setIsSubmitting?.(form.formState.isSubmitting || transitionPending);
   }, [setIsSubmitting, form.formState.isSubmitting, transitionPending]);
   async function onSubmit({ code }) {
@@ -4028,27 +4330,27 @@ function RecoverAccountForm({
       });
       await onSuccess();
     } catch (error) {
-      AlertToast19({
+      AlertToast20({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
       form.reset();
     }
   }
-  return /* @__PURE__ */ jsx41(Form11, { ...form, children: /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsx42(Form11, { ...form, children: /* @__PURE__ */ jsxs36(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn33("grid w-full gap-6", className, classNames?.base),
+      className: cn34("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           FormField10,
           {
             control: form.control,
             name: "code",
-            render: ({ field }) => /* @__PURE__ */ jsxs35(FormItem10, { children: [
-              /* @__PURE__ */ jsx41(FormLabel9, { className: classNames?.label, children: t("systems.BACKUP_CODE") }),
-              /* @__PURE__ */ jsx41(FormControl10, { children: /* @__PURE__ */ jsx41(
+            render: ({ field }) => /* @__PURE__ */ jsxs36(FormItem10, { children: [
+              /* @__PURE__ */ jsx42(FormLabel9, { className: classNames?.label, children: t("systems.BACKUP_CODE") }),
+              /* @__PURE__ */ jsx42(FormControl10, { children: /* @__PURE__ */ jsx42(
                 Input9,
                 {
                   autoComplete: "off",
@@ -4058,17 +4360,17 @@ function RecoverAccountForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx41(FormMessage10, { className: classNames?.error })
+              /* @__PURE__ */ jsx42(FormMessage10, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx41(
-          Button25,
+        /* @__PURE__ */ jsx42(
+          Button26,
           {
             type: "submit",
-            className: cn33("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn34("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
-            children: submitting ? /* @__PURE__ */ jsx41(Spinner14, {}) : t("systems.RECOVER_ACCOUNT_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx42(Spinner15, {}) : t("systems.RECOVER_ACCOUNT_ACTION")
           }
         )
       ]
@@ -4077,25 +4379,25 @@ function RecoverAccountForm({
 }
 
 // src/ui/auth/reset-password.tsx
-import { useEffect as useEffect8, useMemo as useMemo3, useRef as useRef5 } from "react";
-import { useRouter as useRouter10, useSearchParams as useSearchParams4 } from "next/navigation";
-import { useTranslations as useTranslations36 } from "next-intl";
-import { AlertToast as AlertToast20 } from "@pelatform/ui/components";
+import { useEffect as useEffect9, useMemo as useMemo3, useRef as useRef5 } from "react";
+import { useRouter as useRouter11, useSearchParams as useSearchParams5 } from "next/navigation";
+import { zodResolver as zodResolver11 } from "@hookform/resolvers/zod";
+import { useTranslations as useTranslations37 } from "next-intl";
+import { AlertToast as AlertToast21 } from "pelatform-ui/components";
 import {
-  Button as Button26,
+  Button as Button27,
   Form as Form12,
   FormControl as FormControl11,
   FormField as FormField11,
   FormItem as FormItem11,
   FormLabel as FormLabel10,
   FormMessage as FormMessage11,
-  Spinner as Spinner15
-} from "@pelatform/ui/default";
-import { useForm as useForm12 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver11 } from "@pelatform/ui/re/resolver";
-import { z as z11 } from "@pelatform/ui/re/zod";
-import { cn as cn34 } from "@pelatform/utils";
-import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
+  Spinner as Spinner16
+} from "pelatform-ui/default";
+import { useForm as useForm12 } from "react-hook-form";
+import { z as z11 } from "zod";
+import { cn as cn35 } from "@pelatform/utils";
+import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 function ResetPasswordForm({
   className,
   classNames,
@@ -4103,9 +4405,9 @@ function ResetPasswordForm({
   setIsSubmitting
 }) {
   const { authClient, path } = useConfig();
-  const router = useRouter10();
-  const searchParams = useSearchParams4();
-  const t = useTranslations36();
+  const router = useRouter11();
+  const searchParams = useSearchParams5();
+  const t = useTranslations37();
   const token = searchParams?.get("token");
   const tokenChecked = useRef5(false);
   const formSchema = useMemo3(
@@ -4126,14 +4428,14 @@ function ResetPasswordForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting;
-  useEffect8(() => {
+  useEffect9(() => {
     setIsSubmitting?.(form.formState.isSubmitting);
   }, [form.formState.isSubmitting, setIsSubmitting]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (tokenChecked.current) return;
     tokenChecked.current = true;
     if (!token || token === "INVALID_TOKEN") {
-      AlertToast20({
+      AlertToast21({
         message: t("systems.INVALID_TOKEN"),
         icon: "destructive"
       });
@@ -4142,7 +4444,7 @@ function ResetPasswordForm({
   }, [path.auth.SIGN_IN, router, t, token]);
   async function onSubmit({ newPassword }) {
     if (!token) {
-      AlertToast20({
+      AlertToast21({
         message: t("systems.INVALID_TOKEN"),
         icon: "destructive"
       });
@@ -4154,32 +4456,32 @@ function ResetPasswordForm({
         token,
         fetchOptions: { throw: true }
       });
-      AlertToast20({
+      AlertToast21({
         message: t("systems.RESET_PASSWORD_SUCCESS")
       });
       router.push(`${path.auth.SIGN_IN}${window.location.search}`);
     } catch (error) {
-      AlertToast20({
+      AlertToast21({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
       form.reset();
     }
   }
-  return /* @__PURE__ */ jsx42(Form12, { ...form, children: /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsx43(Form12, { ...form, children: /* @__PURE__ */ jsxs37(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn34("grid w-full gap-6", className, classNames?.base),
+      className: cn35("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43(
           FormField11,
           {
             control: form.control,
             name: "newPassword",
-            render: ({ field }) => /* @__PURE__ */ jsxs36(FormItem11, { children: [
-              /* @__PURE__ */ jsx42(FormLabel10, { className: classNames?.label, children: t("systems.NEW_PASSWORD") }),
-              /* @__PURE__ */ jsx42(FormControl11, { children: /* @__PURE__ */ jsx42(
+            render: ({ field }) => /* @__PURE__ */ jsxs37(FormItem11, { children: [
+              /* @__PURE__ */ jsx43(FormLabel10, { className: classNames?.label, children: t("systems.NEW_PASSWORD") }),
+              /* @__PURE__ */ jsx43(FormControl11, { children: /* @__PURE__ */ jsx43(
                 PasswordInput,
                 {
                   autoComplete: "new-password",
@@ -4190,18 +4492,18 @@ function ResetPasswordForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx42(FormMessage11, { className: classNames?.error })
+              /* @__PURE__ */ jsx43(FormMessage11, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43(
           FormField11,
           {
             control: form.control,
             name: "confirmPassword",
-            render: ({ field }) => /* @__PURE__ */ jsxs36(FormItem11, { children: [
-              /* @__PURE__ */ jsx42(FormLabel10, { className: classNames?.label, children: t("systems.CONFIRM_PASSWORD") }),
-              /* @__PURE__ */ jsx42(FormControl11, { children: /* @__PURE__ */ jsx42(
+            render: ({ field }) => /* @__PURE__ */ jsxs37(FormItem11, { children: [
+              /* @__PURE__ */ jsx43(FormLabel10, { className: classNames?.label, children: t("systems.CONFIRM_PASSWORD") }),
+              /* @__PURE__ */ jsx43(FormControl11, { children: /* @__PURE__ */ jsx43(
                 PasswordInput,
                 {
                   autoComplete: "new-password",
@@ -4212,17 +4514,17 @@ function ResetPasswordForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx42(FormMessage11, { className: classNames?.error })
+              /* @__PURE__ */ jsx43(FormMessage11, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx42(
-          Button26,
+        /* @__PURE__ */ jsx43(
+          Button27,
           {
             type: "submit",
-            className: cn34("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn35("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting || !token,
-            children: submitting ? /* @__PURE__ */ jsx42(Spinner15, {}) : t("systems.RESET_PASSWORD_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx43(Spinner16, {}) : t("systems.RESET_PASSWORD_ACTION")
           }
         )
       ]
@@ -4231,13 +4533,14 @@ function ResetPasswordForm({
 }
 
 // src/ui/auth/sign-in.tsx
-import { useEffect as useEffect9 } from "react";
+import { useEffect as useEffect10 } from "react";
 import Link from "next/link";
-import { useRouter as useRouter11 } from "next/navigation";
-import { useTranslations as useTranslations37 } from "next-intl";
-import { AlertToast as AlertToast21 } from "@pelatform/ui/components";
+import { useRouter as useRouter12 } from "next/navigation";
+import { zodResolver as zodResolver12 } from "@hookform/resolvers/zod";
+import { useTranslations as useTranslations38 } from "next-intl";
+import { AlertToast as AlertToast22 } from "pelatform-ui/components";
 import {
-  Button as Button27,
+  Button as Button28,
   Checkbox as Checkbox2,
   Form as Form13,
   FormControl as FormControl12,
@@ -4246,13 +4549,12 @@ import {
   FormLabel as FormLabel11,
   FormMessage as FormMessage12,
   Input as Input10,
-  Spinner as Spinner16
-} from "@pelatform/ui/default";
-import { useForm as useForm13 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver12 } from "@pelatform/ui/re/resolver";
-import { z as z12 } from "@pelatform/ui/re/zod";
-import { cn as cn35, validateEmail } from "@pelatform/utils";
-import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
+  Spinner as Spinner17
+} from "pelatform-ui/default";
+import { useForm as useForm13 } from "react-hook-form";
+import { z as z12 } from "zod";
+import { cn as cn36, validateEmail } from "@pelatform/utils";
+import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
 function SignInForm({
   className,
   classNames,
@@ -4261,8 +4563,8 @@ function SignInForm({
   setIsSubmitting
 }) {
   const { authClient, auth, path } = useConfig();
-  const t = useTranslations37();
-  const router = useRouter11();
+  const t = useTranslations38();
+  const router = useRouter12();
   const { onSuccess, isPending: transitionPending } = useOnSuccessTransition(redirectToProp);
   const usernameEnabled = auth.authentication.username;
   const formSchema = z12.object({
@@ -4283,7 +4585,7 @@ function SignInForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting || transitionPending;
-  useEffect9(() => {
+  useEffect10(() => {
     setIsSubmitting?.(form.formState.isSubmitting || transitionPending);
   }, [form.formState.isSubmitting, setIsSubmitting, transitionPending]);
   async function onSubmit({ email, password, rememberMe }) {
@@ -4311,27 +4613,27 @@ function SignInForm({
         await onSuccess();
       }
     } catch (error) {
-      AlertToast21({
+      AlertToast22({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
       form.resetField("password");
     }
   }
-  return /* @__PURE__ */ jsx43(Form13, { ...form, children: /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsx44(Form13, { ...form, children: /* @__PURE__ */ jsxs38(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn35("grid w-full gap-6", className, classNames?.base),
+      className: cn36("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           FormField12,
           {
             control: form.control,
             name: "email",
-            render: ({ field }) => /* @__PURE__ */ jsxs37(FormItem12, { children: [
-              /* @__PURE__ */ jsx43(FormLabel11, { className: classNames?.label, children: usernameEnabled ? t("systems.USERNAME") : t("systems.EMAIL") }),
-              /* @__PURE__ */ jsx43(FormControl12, { children: /* @__PURE__ */ jsx43(
+            render: ({ field }) => /* @__PURE__ */ jsxs38(FormItem12, { children: [
+              /* @__PURE__ */ jsx44(FormLabel11, { className: classNames?.label, children: usernameEnabled ? t("systems.USERNAME") : t("systems.EMAIL") }),
+              /* @__PURE__ */ jsx44(FormControl12, { children: /* @__PURE__ */ jsx44(
                 Input10,
                 {
                   type: usernameEnabled ? "text" : "email",
@@ -4342,30 +4644,30 @@ function SignInForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx43(FormMessage12, { className: classNames?.error })
+              /* @__PURE__ */ jsx44(FormMessage12, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           FormField12,
           {
             control: form.control,
             name: "password",
-            render: ({ field }) => /* @__PURE__ */ jsxs37(FormItem12, { children: [
-              /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx43(FormLabel11, { className: classNames?.label, children: t("systems.PASSWORD") }),
-                /* @__PURE__ */ jsx43(Link, { href: `${path.auth.FORGOT_PASSWORD}${window.location.search}`, children: /* @__PURE__ */ jsx43(
-                  Button27,
+            render: ({ field }) => /* @__PURE__ */ jsxs38(FormItem12, { children: [
+              /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx44(FormLabel11, { className: classNames?.label, children: t("systems.PASSWORD") }),
+                /* @__PURE__ */ jsx44(Link, { href: `${path.auth.FORGOT_PASSWORD}${window.location.search}`, children: /* @__PURE__ */ jsx44(
+                  Button28,
                   {
                     mode: "link",
                     underline: "dashed",
                     size: "sm",
-                    className: cn35("px-0 text-foreground text-sm", classNames?.forgotPasswordLink),
+                    className: cn36("px-0 text-foreground text-sm", classNames?.forgotPasswordLink),
                     children: t("systems.FORGOT_PASSWORD_LINK")
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsx43(FormControl12, { children: /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44(FormControl12, { children: /* @__PURE__ */ jsx44(
                 PasswordInput,
                 {
                   autoComplete: "current-password",
@@ -4376,17 +4678,17 @@ function SignInForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx43(FormMessage12, { className: classNames?.error })
+              /* @__PURE__ */ jsx44(FormMessage12, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           FormField12,
           {
             control: form.control,
             name: "rememberMe",
-            render: ({ field }) => /* @__PURE__ */ jsx43(FormItem12, { children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ jsx43(FormControl12, { children: /* @__PURE__ */ jsx43(
+            render: ({ field }) => /* @__PURE__ */ jsx44(FormItem12, { children: /* @__PURE__ */ jsxs38("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsx44(FormControl12, { children: /* @__PURE__ */ jsx44(
                 Checkbox2,
                 {
                   checked: field.value,
@@ -4394,18 +4696,18 @@ function SignInForm({
                   disabled: submitting
                 }
               ) }),
-              /* @__PURE__ */ jsx43(FormLabel11, { children: t("systems.REMEMBER_ME") })
+              /* @__PURE__ */ jsx44(FormLabel11, { children: t("systems.REMEMBER_ME") })
             ] }) })
           }
         ),
-        /* @__PURE__ */ jsxs37(
-          Button27,
+        /* @__PURE__ */ jsxs38(
+          Button28,
           {
             type: "submit",
-            className: cn35("relative w-full", classNames?.button, classNames?.primaryButton),
+            className: cn36("relative w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
             children: [
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44(
                 LastUsedButton,
                 {
                   className: classNames?.lastLoginMethod,
@@ -4413,7 +4715,7 @@ function SignInForm({
                   variant: "secondary"
                 }
               ),
-              submitting ? /* @__PURE__ */ jsx43(Spinner16, {}) : t("systems.SIGN_IN_ACTION")
+              submitting ? /* @__PURE__ */ jsx44(Spinner17, {}) : t("systems.SIGN_IN_ACTION")
             ]
           }
         )
@@ -4423,28 +4725,29 @@ function SignInForm({
 }
 
 // src/ui/auth/sign-out.tsx
-import { useEffect as useEffect10, useRef as useRef6 } from "react";
-import { Spinner as Spinner17 } from "@pelatform/ui/default";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useRef as useRef6 } from "react";
+import { Spinner as Spinner18 } from "pelatform-ui/default";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function SignOut({ redirectTo }) {
   const { authClient, auth } = useConfig();
   const { onSuccess } = useOnSuccessTransition(redirectTo || auth.redirectAfterLogout || "/");
   const signingOut = useRef6(false);
-  useEffect10(() => {
+  useEffect11(() => {
     if (signingOut.current) return;
     signingOut.current = true;
     authClient.signOut().finally(onSuccess);
   }, [authClient, onSuccess]);
-  return /* @__PURE__ */ jsx44("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx44(Spinner17, { className: "size-12" }) });
+  return /* @__PURE__ */ jsx45("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx45(Spinner18, { className: "size-12" }) });
 }
 
 // src/ui/auth/sign-up.tsx
-import { useEffect as useEffect11 } from "react";
-import { useRouter as useRouter12 } from "next/navigation";
-import { useTranslations as useTranslations38 } from "next-intl";
-import { AlertToast as AlertToast22 } from "@pelatform/ui/components";
+import { useEffect as useEffect12 } from "react";
+import { useRouter as useRouter13 } from "next/navigation";
+import { zodResolver as zodResolver13 } from "@hookform/resolvers/zod";
+import { useTranslations as useTranslations39 } from "next-intl";
+import { AlertToast as AlertToast23 } from "pelatform-ui/components";
 import {
-  Button as Button28,
+  Button as Button29,
   Form as Form14,
   FormControl as FormControl13,
   FormField as FormField13,
@@ -4452,13 +4755,12 @@ import {
   FormLabel as FormLabel12,
   FormMessage as FormMessage13,
   Input as Input11,
-  Spinner as Spinner18
-} from "@pelatform/ui/default";
-import { useForm as useForm14 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver13 } from "@pelatform/ui/re/resolver";
-import { z as z13 } from "@pelatform/ui/re/zod";
-import { cn as cn36 } from "@pelatform/utils";
-import { jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
+  Spinner as Spinner19
+} from "pelatform-ui/default";
+import { useForm as useForm14 } from "react-hook-form";
+import { z as z13 } from "zod";
+import { cn as cn37 } from "@pelatform/utils";
+import { jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
 function SignUpForm({
   className,
   classNames,
@@ -4467,8 +4769,8 @@ function SignUpForm({
   setIsSubmitting
 }) {
   const { authClient, app, path } = useConfig();
-  const t = useTranslations38();
-  const router = useRouter12();
+  const t = useTranslations39();
+  const router = useRouter13();
   const {
     onSuccess,
     isPending: transitionPending,
@@ -4492,7 +4794,7 @@ function SignUpForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting || transitionPending;
-  useEffect11(() => {
+  useEffect12(() => {
     setIsSubmitting?.(form.formState.isSubmitting || transitionPending);
   }, [form.formState.isSubmitting, setIsSubmitting, transitionPending]);
   async function onSubmit({ name, email, password }) {
@@ -4507,33 +4809,33 @@ function SignUpForm({
       if ("token" in data && data.token) {
         await onSuccess();
       } else {
-        AlertToast22({
+        AlertToast23({
           message: t("systems.SIGN_UP_EMAIL")
         });
         router.push(`${path.auth.SIGN_IN}${window.location.search}`);
       }
     } catch (error) {
-      AlertToast22({
+      AlertToast23({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
       form.resetField("password");
     }
   }
-  return /* @__PURE__ */ jsx45(Form14, { ...form, children: /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsx46(Form14, { ...form, children: /* @__PURE__ */ jsxs39(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn36("grid w-full gap-6", className, classNames?.base),
+      className: cn37("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           FormField13,
           {
             control: form.control,
             name: "name",
-            render: ({ field }) => /* @__PURE__ */ jsxs38(FormItem13, { children: [
-              /* @__PURE__ */ jsx45(FormLabel12, { className: classNames?.label, children: t("systems.NAME") }),
-              /* @__PURE__ */ jsx45(FormControl13, { children: /* @__PURE__ */ jsx45(
+            render: ({ field }) => /* @__PURE__ */ jsxs39(FormItem13, { children: [
+              /* @__PURE__ */ jsx46(FormLabel12, { className: classNames?.label, children: t("systems.NAME") }),
+              /* @__PURE__ */ jsx46(FormControl13, { children: /* @__PURE__ */ jsx46(
                 Input11,
                 {
                   type: "text",
@@ -4544,18 +4846,18 @@ function SignUpForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx45(FormMessage13, { className: classNames?.error })
+              /* @__PURE__ */ jsx46(FormMessage13, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           FormField13,
           {
             control: form.control,
             name: "email",
-            render: ({ field }) => /* @__PURE__ */ jsxs38(FormItem13, { children: [
-              /* @__PURE__ */ jsx45(FormLabel12, { className: classNames?.label, children: t("systems.EMAIL") }),
-              /* @__PURE__ */ jsx45(FormControl13, { children: /* @__PURE__ */ jsx45(
+            render: ({ field }) => /* @__PURE__ */ jsxs39(FormItem13, { children: [
+              /* @__PURE__ */ jsx46(FormLabel12, { className: classNames?.label, children: t("systems.EMAIL") }),
+              /* @__PURE__ */ jsx46(FormControl13, { children: /* @__PURE__ */ jsx46(
                 Input11,
                 {
                   type: "email",
@@ -4566,18 +4868,18 @@ function SignUpForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx45(FormMessage13, { className: classNames?.error })
+              /* @__PURE__ */ jsx46(FormMessage13, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           FormField13,
           {
             control: form.control,
             name: "password",
-            render: ({ field }) => /* @__PURE__ */ jsxs38(FormItem13, { children: [
-              /* @__PURE__ */ jsx45(FormLabel12, { className: classNames?.label, children: t("systems.PASSWORD") }),
-              /* @__PURE__ */ jsx45(FormControl13, { children: /* @__PURE__ */ jsx45(
+            render: ({ field }) => /* @__PURE__ */ jsxs39(FormItem13, { children: [
+              /* @__PURE__ */ jsx46(FormLabel12, { className: classNames?.label, children: t("systems.PASSWORD") }),
+              /* @__PURE__ */ jsx46(FormControl13, { children: /* @__PURE__ */ jsx46(
                 PasswordInput,
                 {
                   autoComplete: "new-password",
@@ -4588,17 +4890,17 @@ function SignUpForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx45(FormMessage13, { className: classNames?.error })
+              /* @__PURE__ */ jsx46(FormMessage13, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx45(
-          Button28,
+        /* @__PURE__ */ jsx46(
+          Button29,
           {
             type: "submit",
-            className: cn36("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn37("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
-            children: submitting ? /* @__PURE__ */ jsx45(Spinner18, {}) : t("systems.SIGN_UP_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx46(Spinner19, {}) : t("systems.SIGN_UP_ACTION")
           }
         )
       ]
@@ -4607,15 +4909,15 @@ function SignUpForm({
 }
 
 // src/ui/auth/two-factor.tsx
-import { useCallback as useCallback2, useEffect as useEffect12, useMemo as useMemo4, useRef as useRef7, useState as useState15 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect13, useMemo as useMemo4, useRef as useRef7, useState as useState16 } from "react";
 import Link2 from "next/link";
-import { useSearchParams as useSearchParams5 } from "next/navigation";
+import { useSearchParams as useSearchParams6 } from "next/navigation";
+import { zodResolver as zodResolver14 } from "@hookform/resolvers/zod";
 import { QrCodeIcon, SendIcon } from "lucide-react";
-import { useTranslations as useTranslations39 } from "next-intl";
-import QRCode from "qrcode";
-import { AlertToast as AlertToast23 } from "@pelatform/ui/components";
+import { useTranslations as useTranslations40 } from "next-intl";
+import { AlertToast as AlertToast24 } from "pelatform-ui/components";
 import {
-  Button as Button29,
+  Button as Button30,
   Checkbox as Checkbox3,
   Form as Form15,
   FormControl as FormControl14,
@@ -4625,13 +4927,13 @@ import {
   FormMessage as FormMessage14,
   InputOTP as InputOTP2,
   Label,
-  Spinner as Spinner19
-} from "@pelatform/ui/default";
-import { useForm as useForm15 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver14 } from "@pelatform/ui/re/resolver";
-import { z as z14 } from "@pelatform/ui/re/zod";
-import { cn as cn37 } from "@pelatform/utils";
-import { Fragment as Fragment15, jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
+  Spinner as Spinner20
+} from "pelatform-ui/default";
+import QRCode from "qrcode";
+import { useForm as useForm15 } from "react-hook-form";
+import { z as z14 } from "zod";
+import { cn as cn38 } from "@pelatform/utils";
+import { Fragment as Fragment15, jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
 function TwoFactorForm({
   className,
   classNames,
@@ -4641,16 +4943,16 @@ function TwoFactorForm({
   setIsSubmitting
 }) {
   const { authClient, path } = useConfig();
-  const searchParams = useSearchParams5();
-  const t = useTranslations39();
+  const searchParams = useSearchParams6();
+  const t = useTranslations40();
   const { user } = useSession();
   const { onSuccess, isPending: transitionPending } = useOnSuccessTransition(redirectToProp);
   const totpURI = searchParams?.get("totpURI");
   const isTwoFactorEnabled = user?.twoFactorEnabled;
   const initialSendRef = useRef7(false);
-  const [method, setMethod] = useState15("totp");
-  const [isSendingOtp, setIsSendingOtp] = useState15(false);
-  const [cooldownSeconds, setCooldownSeconds] = useState15(0);
+  const [method, setMethod] = useState16("totp");
+  const [isSendingOtp, setIsSendingOtp] = useState16(false);
+  const [cooldownSeconds, setCooldownSeconds] = useState16(0);
   const formSchema = z14.object({
     code: z14.string().min(1, {
       error: `${t("systems.ONE_TIME_PASSWORD")} ${t("systems.IS_REQUIRED")}`
@@ -4667,16 +4969,16 @@ function TwoFactorForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting || transitionPending;
-  useEffect12(() => {
+  useEffect13(() => {
     setIsSubmitting?.(form.formState.isSubmitting || transitionPending);
   }, [form.formState.isSubmitting, setIsSubmitting, transitionPending]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (method === "otp" && cooldownSeconds <= 0 && !initialSendRef.current) {
       initialSendRef.current = true;
       sendOtp();
     }
   }, [method]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (cooldownSeconds <= 0) return;
     const timer = setTimeout(() => {
       setCooldownSeconds((prev) => prev - 1);
@@ -4692,7 +4994,7 @@ function TwoFactorForm({
       });
       setCooldownSeconds(60);
     } catch (error) {
-      AlertToast23({
+      AlertToast24({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
@@ -4713,47 +5015,47 @@ function TwoFactorForm({
       });
       await onSuccess();
       if (user && !isTwoFactorEnabled) {
-        AlertToast23({
+        AlertToast24({
           message: t("systems.TWO_FACTOR_ENABLED")
         });
       }
     } catch (error) {
-      AlertToast23({
+      AlertToast24({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
       form.reset();
     }
   }
-  return /* @__PURE__ */ jsx46(Form15, { ...form, children: /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsx47(Form15, { ...form, children: /* @__PURE__ */ jsxs40(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn37("grid w-full gap-6", className, classNames?.base),
+      className: cn38("grid w-full gap-6", className, classNames?.base),
       children: [
-        totpURI && method === "totp" && /* @__PURE__ */ jsxs39("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx46(Label, { className: cn37("block", classNames?.label), children: t("systems.TWO_FACTOR_TOTP_LABEL") }),
-          /* @__PURE__ */ jsx46(QRCodeComponent, { className: classNames?.qrCode, value: totpURI })
+        totpURI && method === "totp" && /* @__PURE__ */ jsxs40("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx47(Label, { className: cn38("block", classNames?.label), children: t("systems.TWO_FACTOR_TOTP_LABEL") }),
+          /* @__PURE__ */ jsx47(QRCodeComponent, { className: classNames?.qrCode, value: totpURI })
         ] }),
-        method !== null && /* @__PURE__ */ jsxs39(Fragment15, { children: [
-          /* @__PURE__ */ jsx46(
+        method !== null && /* @__PURE__ */ jsxs40(Fragment15, { children: [
+          /* @__PURE__ */ jsx47(
             FormField14,
             {
               control: form.control,
               name: "code",
-              render: ({ field }) => /* @__PURE__ */ jsxs39(FormItem14, { children: [
-                /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-between", children: [
-                  /* @__PURE__ */ jsx46(FormLabel13, { className: classNames?.label, children: t("systems.ONE_TIME_PASSWORD") }),
-                  /* @__PURE__ */ jsx46(
+              render: ({ field }) => /* @__PURE__ */ jsxs40(FormItem14, { children: [
+                /* @__PURE__ */ jsxs40("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx47(FormLabel13, { className: classNames?.label, children: t("systems.ONE_TIME_PASSWORD") }),
+                  /* @__PURE__ */ jsx47(
                     Link2,
                     {
-                      className: cn37("text-sm hover:underline", classNames?.forgotPasswordLink),
+                      className: cn38("text-sm hover:underline", classNames?.forgotPasswordLink),
                       href: `${path.auth.RECOVER_ACCOUNT}${window.location.search}`,
                       children: t("systems.FORGOT_AUTHENTICATOR")
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx46(FormControl14, { children: /* @__PURE__ */ jsx46(
+                /* @__PURE__ */ jsx47(FormControl14, { children: /* @__PURE__ */ jsx47(
                   InputOTP2,
                   {
                     ...field,
@@ -4767,20 +5069,20 @@ function TwoFactorForm({
                     containerClassName: classNames?.otpInputContainer,
                     className: classNames?.otpInput,
                     disabled: submitting,
-                    children: /* @__PURE__ */ jsx46(OTPInputGroup, { otpSeparators })
+                    children: /* @__PURE__ */ jsx47(OTPInputGroup, { otpSeparators })
                   }
                 ) }),
-                /* @__PURE__ */ jsx46(FormMessage14, { className: classNames?.error })
+                /* @__PURE__ */ jsx47(FormMessage14, { className: classNames?.error })
               ] })
             }
           ),
-          /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx47(
             FormField14,
             {
               control: form.control,
               name: "trustDevice",
-              render: ({ field }) => /* @__PURE__ */ jsx46(FormItem14, { children: /* @__PURE__ */ jsxs39("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ jsx46(FormControl14, { children: /* @__PURE__ */ jsx46(
+              render: ({ field }) => /* @__PURE__ */ jsx47(FormItem14, { children: /* @__PURE__ */ jsxs40("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsx47(FormControl14, { children: /* @__PURE__ */ jsx47(
                   Checkbox3,
                   {
                     className: classNames?.checkbox,
@@ -4789,60 +5091,60 @@ function TwoFactorForm({
                     disabled: submitting
                   }
                 ) }),
-                /* @__PURE__ */ jsx46(FormLabel13, { className: classNames?.label, children: t("systems.TRUST_DEVICE") })
+                /* @__PURE__ */ jsx47(FormLabel13, { className: classNames?.label, children: t("systems.TRUST_DEVICE") })
               ] }) })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs39("div", { className: "grid gap-4", children: [
-          method !== null && /* @__PURE__ */ jsx46(
-            Button29,
+        /* @__PURE__ */ jsxs40("div", { className: "grid gap-4", children: [
+          method !== null && /* @__PURE__ */ jsx47(
+            Button30,
             {
               type: "submit",
-              className: cn37(classNames?.button, classNames?.primaryButton),
+              className: cn38(classNames?.button, classNames?.primaryButton),
               disabled: submitting,
-              children: submitting ? /* @__PURE__ */ jsx46(Spinner19, {}) : t("systems.TWO_FACTOR_ACTION")
+              children: submitting ? /* @__PURE__ */ jsx47(Spinner20, {}) : t("systems.TWO_FACTOR_ACTION")
             }
           ),
-          method === "otp" && /* @__PURE__ */ jsxs39(
-            Button29,
+          method === "otp" && /* @__PURE__ */ jsxs40(
+            Button30,
             {
               type: "button",
               variant: "outline",
-              className: cn37(classNames?.button, classNames?.outlineButton),
+              className: cn38(classNames?.button, classNames?.outlineButton),
               onClick: sendOtp,
               disabled: cooldownSeconds > 0 || isSendingOtp || submitting,
               children: [
-                isSendingOtp ? /* @__PURE__ */ jsx46(Spinner19, {}) : /* @__PURE__ */ jsx46(SendIcon, { className: classNames?.icon }),
+                isSendingOtp ? /* @__PURE__ */ jsx47(Spinner20, {}) : /* @__PURE__ */ jsx47(SendIcon, { className: classNames?.icon }),
                 t("systems.RESEND_CODE"),
                 cooldownSeconds > 0 && ` (${cooldownSeconds})`
               ]
             }
           ),
-          method !== "otp" && /* @__PURE__ */ jsxs39(
-            Button29,
+          method !== "otp" && /* @__PURE__ */ jsxs40(
+            Button30,
             {
               type: "button",
               variant: "secondary",
-              className: cn37(classNames?.button, classNames?.secondaryButton),
+              className: cn38(classNames?.button, classNames?.secondaryButton),
               onClick: () => setMethod("otp"),
               disabled: submitting,
               children: [
-                /* @__PURE__ */ jsx46(SendIcon, { className: classNames?.icon }),
+                /* @__PURE__ */ jsx47(SendIcon, { className: classNames?.icon }),
                 t("systems.SEND_VERIFICATION_CODE")
               ]
             }
           ),
-          method !== "totp" && /* @__PURE__ */ jsxs39(
-            Button29,
+          method !== "totp" && /* @__PURE__ */ jsxs40(
+            Button30,
             {
               type: "button",
               variant: "secondary",
-              className: cn37(classNames?.button, classNames?.secondaryButton),
+              className: cn38(classNames?.button, classNames?.secondaryButton),
               onClick: () => setMethod("totp"),
               disabled: submitting,
               children: [
-                /* @__PURE__ */ jsx46(QrCodeIcon, { className: classNames?.icon }),
+                /* @__PURE__ */ jsx47(QrCodeIcon, { className: classNames?.icon }),
                 t("systems.CONTINUE_WITH_AUTHENTICATOR")
               ]
             }
@@ -4859,12 +5161,12 @@ function QRCodeComponent({
   as = "svg",
   className
 }) {
-  const [src, setSrc] = useState15("");
+  const [src, setSrc] = useState16("");
   const opts = useMemo4(
     () => ({ errorCorrectionLevel: level, margin: 1, width: size }),
     [level, size]
   );
-  useEffect12(() => {
+  useEffect13(() => {
     let cancelled = false;
     if (as === "img") {
       QRCode.toDataURL(value, opts).then((url) => !cancelled && setSrc(url));
@@ -4879,36 +5181,36 @@ function QRCodeComponent({
   }, [value, opts, as]);
   if (!src) return null;
   if (as === "img") {
-    return /* @__PURE__ */ jsx46("img", { src, width: size, height: size, alt: "QR code", className });
+    return /* @__PURE__ */ jsx47("img", { src, width: size, height: size, alt: "QR code", className });
   }
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "span",
     {
-      className: cn37("block", className),
+      className: cn38("block", className),
       dangerouslySetInnerHTML: { __html: src }
     }
   );
 }
 
 // src/ui/auth/view.tsx
-import { useEffect as useEffect13, useState as useState16 } from "react";
+import { useEffect as useEffect14, useState as useState17 } from "react";
 import Link3 from "next/link";
-import { useRouter as useRouter13 } from "next/navigation";
+import { useRouter as useRouter14 } from "next/navigation";
 import { ArrowLeftIcon } from "lucide-react";
-import { useTranslations as useTranslations40 } from "next-intl";
+import { useTranslations as useTranslations41 } from "next-intl";
 import {
-  Button as Button30,
-  Card as Card10,
-  CardContent as CardContent2,
+  Button as Button31,
+  Card as Card11,
+  CardContent as CardContent3,
   CardDescription,
   CardFooter as CardFooter2,
-  CardHeader,
+  CardHeader as CardHeader2,
   CardHeading,
   CardTitle,
   Separator
-} from "@pelatform/ui/default";
-import { cn as cn38 } from "@pelatform/utils";
-import { Fragment as Fragment16, jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
+} from "pelatform-ui/default";
+import { cn as cn39 } from "@pelatform/utils";
+import { Fragment as Fragment16, jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
 function getViewByPath(pathConfig, path) {
   if (!path) return null;
   const cleanPath = path.replace(/^\//, "").split("?")[0];
@@ -4923,6 +5225,7 @@ function AuthView({
   className,
   classNames,
   cardHeader,
+  enableAcceptInvitation: enableAcceptInvitationProp,
   otpSeparators = 1,
   path: pathProp,
   pathname,
@@ -4930,8 +5233,8 @@ function AuthView({
   socialLayout: socialLayoutProp = "auto",
   view: viewProp
 }) {
-  const { auth, path: pathConfig } = useConfig();
-  const t = useTranslations40();
+  const { auth, features, path: pathConfig } = useConfig();
+  const t = useTranslations41();
   const auths = auth.authentication;
   let socialLayout = socialLayoutProp;
   if (socialLayout === "auto") {
@@ -4939,8 +5242,8 @@ function AuthView({
   }
   const currentPath = pathProp ?? pathname?.split("/").pop();
   const view = viewProp || getViewByPath(pathConfig.auth, currentPath) || "SIGN_IN";
-  const [isSubmitting, setIsSubmitting] = useState16(false);
-  useEffect13(() => {
+  const [isSubmitting, setIsSubmitting] = useState17(false);
+  useEffect14(() => {
     const handlePageHide = () => setIsSubmitting(false);
     window.addEventListener("pagehide", handlePageHide);
     return () => {
@@ -4948,8 +5251,12 @@ function AuthView({
       window.removeEventListener("pagehide", handlePageHide);
     };
   }, []);
-  if (view === "CALLBACK") return /* @__PURE__ */ jsx47(AuthCallback, { redirectTo });
-  if (view === "SIGN_OUT") return /* @__PURE__ */ jsx47(SignOut, {});
+  const enableAcceptInvitation = enableAcceptInvitationProp ?? features.workspace;
+  if (view === "CALLBACK") return /* @__PURE__ */ jsx48(AuthCallback, { redirectTo });
+  if (view === "SIGN_OUT") return /* @__PURE__ */ jsx48(SignOut, {});
+  if (view === "ACCEPT_INVITATION" && enableAcceptInvitation) {
+    return /* @__PURE__ */ jsx48(AcceptInvitation, {});
+  }
   const description = !auths.password && !auths.magicLink && !auths.emailOtp ? t("systems.DISABLED_CREDENTIALS_DESCRIPTION") : t(`systems.${view}_DESCRIPTION`);
   const showSocialProviders = view !== "RESET_PASSWORD" && view !== "FORGOT_PASSWORD" && auth.socialProviders && auth.socialProviders.length > 0;
   const showPasskey = auths.passkey && [
@@ -4961,38 +5268,38 @@ function AuthView({
     "FORGOT_PASSWORD"
   ].includes(view);
   const showCredentials = auths.password || auths.magicLink || auths.emailOtp;
-  return /* @__PURE__ */ jsxs40(
-    Card10,
+  return /* @__PURE__ */ jsxs41(
+    Card11,
     {
-      className: cn38(
+      className: cn39(
         "w-full max-w-full border-0 bg-transparent p-0 shadow-none",
         className,
         classNames?.base
       ),
       children: [
-        /* @__PURE__ */ jsx47(
-          CardHeader,
+        /* @__PURE__ */ jsx48(
+          CardHeader2,
           {
-            className: cn38(
+            className: cn39(
               "justify-center space-y-1.5 border-0 py-4 pb-3 text-center",
               classNames?.header
             ),
-            children: cardHeader ? cardHeader : /* @__PURE__ */ jsxs40(CardHeading, { children: [
-              /* @__PURE__ */ jsx47(CardTitle, { className: cn38("font-semibold text-2xl tracking-tight", classNames?.title), children: t(`systems.${view}`) }),
-              description && /* @__PURE__ */ jsx47(
+            children: cardHeader ? cardHeader : /* @__PURE__ */ jsxs41(CardHeading, { children: [
+              /* @__PURE__ */ jsx48(CardTitle, { className: cn39("font-semibold text-2xl tracking-tight", classNames?.title), children: t(`systems.${view}`) }),
+              description && /* @__PURE__ */ jsx48(
                 CardDescription,
                 {
-                  className: cn38("text-muted-foreground text-sm", classNames?.description),
+                  className: cn39("text-muted-foreground text-sm", classNames?.description),
                   children: description
                 }
               )
             ] })
           }
         ),
-        /* @__PURE__ */ jsxs40(CardContent2, { className: cn38("grid gap-6", classNames?.content), children: [
-          auths.oneTap && ["SIGN_IN", "SIGN_UP", "MAGIC_LINK", "EMAIL_OTP"].includes(view) && /* @__PURE__ */ jsx47(OneTap, { redirectTo }),
-          showCredentials && /* @__PURE__ */ jsxs40("div", { className: "grid gap-4", children: [
-            /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsxs41(CardContent3, { className: cn39("grid gap-6", classNames?.content), children: [
+          auths.oneTap && ["SIGN_IN", "SIGN_UP", "MAGIC_LINK", "EMAIL_OTP"].includes(view) && /* @__PURE__ */ jsx48(OneTap, { redirectTo }),
+          showCredentials && /* @__PURE__ */ jsxs41("div", { className: "grid gap-4", children: [
+            /* @__PURE__ */ jsx48(
               AuthForm,
               {
                 classNames: classNames?.form,
@@ -5005,22 +5312,22 @@ function AuthView({
             ),
             auths.magicLink && (auths.password && ["FORGOT_PASSWORD", "SIGN_UP", "SIGN_IN", "MAGIC_LINK", "EMAIL_OTP"].includes(
               view
-            ) || auths.emailOtp && view === "EMAIL_OTP") && /* @__PURE__ */ jsx47(MagicLinkButton, { classNames, view }),
+            ) || auths.emailOtp && view === "EMAIL_OTP") && /* @__PURE__ */ jsx48(MagicLinkButton, { classNames, view }),
             auths.emailOtp && (auths.password && ["FORGOT_PASSWORD", "SIGN_UP", "SIGN_IN", "MAGIC_LINK", "EMAIL_OTP"].includes(
               view
-            ) || auths.magicLink && ["SIGN_IN", "MAGIC_LINK"].includes(view)) && /* @__PURE__ */ jsx47(EmailOTPButton, { classNames, view })
+            ) || auths.magicLink && ["SIGN_IN", "MAGIC_LINK"].includes(view)) && /* @__PURE__ */ jsx48(EmailOTPButton, { classNames, view })
           ] }),
-          (showSocialProviders || showPasskey) && /* @__PURE__ */ jsxs40(Fragment16, { children: [
-            showCredentials && /* @__PURE__ */ jsxs40("div", { className: cn38("flex items-center gap-2", classNames?.continueWith), children: [
-              /* @__PURE__ */ jsx47(Separator, { className: cn38("w-auto! grow", classNames?.separator) }),
-              /* @__PURE__ */ jsx47("span", { className: "shrink-0 text-muted-foreground text-sm", children: t("systems.OR_CONTINUE_WITH") }),
-              /* @__PURE__ */ jsx47(Separator, { className: cn38("w-auto! grow", classNames?.separator) })
+          (showSocialProviders || showPasskey) && /* @__PURE__ */ jsxs41(Fragment16, { children: [
+            showCredentials && /* @__PURE__ */ jsxs41("div", { className: cn39("flex items-center gap-2", classNames?.continueWith), children: [
+              /* @__PURE__ */ jsx48(Separator, { className: cn39("w-auto! grow", classNames?.separator) }),
+              /* @__PURE__ */ jsx48("span", { className: "shrink-0 text-muted-foreground text-sm", children: t("systems.OR_CONTINUE_WITH") }),
+              /* @__PURE__ */ jsx48(Separator, { className: cn39("w-auto! grow", classNames?.separator) })
             ] }),
-            /* @__PURE__ */ jsxs40("div", { className: "grid gap-4", children: [
-              showSocialProviders && /* @__PURE__ */ jsx47(
+            /* @__PURE__ */ jsxs41("div", { className: "grid gap-4", children: [
+              showSocialProviders && /* @__PURE__ */ jsx48(
                 "div",
                 {
-                  className: cn38(
+                  className: cn39(
                     "flex w-full items-center justify-between gap-4",
                     socialLayout === "horizontal" && "flex-wrap",
                     socialLayout === "vertical" && "flex-col",
@@ -5031,7 +5338,7 @@ function AuthView({
                       (socialProvider2) => socialProvider2.provider === provider
                     );
                     if (!socialProvider) return null;
-                    return /* @__PURE__ */ jsx47(
+                    return /* @__PURE__ */ jsx48(
                       ProviderButton,
                       {
                         classNames,
@@ -5046,50 +5353,50 @@ function AuthView({
                   })
                 }
               ),
-              showPasskey && /* @__PURE__ */ jsx47(PasskeyButton, { classNames, redirectTo })
+              showPasskey && /* @__PURE__ */ jsx48(PasskeyButton, { classNames, redirectTo })
             ] })
           ] })
         ] }),
-        auths.password && auth.enableSignup && /* @__PURE__ */ jsx47(
+        auths.password && auth.enableSignup && /* @__PURE__ */ jsx48(
           CardFooter2,
           {
-            className: cn38(
+            className: cn39(
               "justify-center gap-1.5 border-0 text-muted-foreground text-sm",
               classNames?.footer
             ),
-            children: view === "SIGN_IN" || view === "MAGIC_LINK" || view === "EMAIL_OTP" ? /* @__PURE__ */ jsxs40(Fragment16, { children: [
+            children: view === "SIGN_IN" || view === "MAGIC_LINK" || view === "EMAIL_OTP" ? /* @__PURE__ */ jsxs41(Fragment16, { children: [
               t("systems.DONT_HAVE_AN_ACCOUNT"),
-              /* @__PURE__ */ jsx47(Link3, { href: `${pathConfig.auth.SIGN_UP}${window.location.search}`, children: /* @__PURE__ */ jsx47(
-                Button30,
+              /* @__PURE__ */ jsx48(Link3, { href: `${pathConfig.auth.SIGN_UP}${window.location.search}`, children: /* @__PURE__ */ jsx48(
+                Button31,
                 {
                   mode: "link",
                   underline: "dashed",
                   size: "sm",
-                  className: cn38("px-0 text-foreground", classNames?.footerLink),
+                  className: cn39("px-0 text-foreground", classNames?.footerLink),
                   children: t("systems.SIGN_UP")
                 }
               ) })
-            ] }) : view === "SIGN_UP" ? /* @__PURE__ */ jsxs40(Fragment16, { children: [
+            ] }) : view === "SIGN_UP" ? /* @__PURE__ */ jsxs41(Fragment16, { children: [
               t("systems.ALREADY_HAVE_AN_ACCOUNT"),
-              /* @__PURE__ */ jsx47(Link3, { href: `${pathConfig.auth.SIGN_IN}${window.location.search}`, children: /* @__PURE__ */ jsx47(
-                Button30,
+              /* @__PURE__ */ jsx48(Link3, { href: `${pathConfig.auth.SIGN_IN}${window.location.search}`, children: /* @__PURE__ */ jsx48(
+                Button31,
                 {
                   mode: "link",
                   underline: "dashed",
                   size: "sm",
-                  className: cn38("px-0 text-foreground", classNames?.footerLink),
+                  className: cn39("px-0 text-foreground", classNames?.footerLink),
                   children: t("systems.SIGN_IN")
                 }
               ) })
-            ] }) : /* @__PURE__ */ jsxs40(Fragment16, { children: [
-              /* @__PURE__ */ jsx47(ArrowLeftIcon, { className: "size-3" }),
-              /* @__PURE__ */ jsx47(
-                Button30,
+            ] }) : /* @__PURE__ */ jsxs41(Fragment16, { children: [
+              /* @__PURE__ */ jsx48(ArrowLeftIcon, { className: "size-3" }),
+              /* @__PURE__ */ jsx48(
+                Button31,
                 {
                   mode: "link",
                   underline: "dashed",
                   size: "sm",
-                  className: cn38("px-0 text-foreground", classNames?.footerLink),
+                  className: cn39("px-0 text-foreground", classNames?.footerLink),
                   onClick: () => {
                     if (typeof window !== "undefined") {
                       window.history.back();
@@ -5116,10 +5423,10 @@ function AuthForm({
   view: viewProp
 }) {
   const { auth, path: pathConfig } = useConfig();
-  const router = useRouter13();
+  const router = useRouter14();
   const auths = auth.authentication;
   const view = viewProp || getViewByPath(pathConfig.auth, pathname) || "SIGN_IN";
-  useEffect13(() => {
+  useEffect14(() => {
     let isInvalidView = false;
     if (view === "MAGIC_LINK" && (!auths.magicLink || !auths.password && !auths.emailOtp)) {
       isInvalidView = true;
@@ -5151,10 +5458,10 @@ function AuthForm({
     pathConfig.auth.SIGN_IN,
     router
   ]);
-  if (view === "SIGN_OUT") return /* @__PURE__ */ jsx47(SignOut, {});
-  if (view === "CALLBACK") return /* @__PURE__ */ jsx47(AuthCallback, { redirectTo });
+  if (view === "SIGN_OUT") return /* @__PURE__ */ jsx48(SignOut, {});
+  if (view === "CALLBACK") return /* @__PURE__ */ jsx48(AuthCallback, { redirectTo });
   if (view === "SIGN_IN") {
-    return auths.password ? /* @__PURE__ */ jsx47(
+    return auths.password ? /* @__PURE__ */ jsx48(
       SignInForm,
       {
         className,
@@ -5163,7 +5470,7 @@ function AuthForm({
         redirectTo,
         setIsSubmitting
       }
-    ) : auths.magicLink ? /* @__PURE__ */ jsx47(
+    ) : auths.magicLink ? /* @__PURE__ */ jsx48(
       MagicLinkForm,
       {
         className,
@@ -5171,7 +5478,7 @@ function AuthForm({
         isSubmitting,
         setIsSubmitting
       }
-    ) : auths.emailOtp ? /* @__PURE__ */ jsx47(
+    ) : auths.emailOtp ? /* @__PURE__ */ jsx48(
       EmailOTPForm,
       {
         className,
@@ -5183,7 +5490,7 @@ function AuthForm({
     ) : null;
   }
   if (view === "TWO_FACTOR") {
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       TwoFactorForm,
       {
         className,
@@ -5196,7 +5503,7 @@ function AuthForm({
     );
   }
   if (view === "RECOVER_ACCOUNT") {
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       RecoverAccountForm,
       {
         className,
@@ -5208,7 +5515,7 @@ function AuthForm({
     );
   }
   if (view === "MAGIC_LINK") {
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       MagicLinkForm,
       {
         className,
@@ -5219,7 +5526,7 @@ function AuthForm({
     );
   }
   if (view === "EMAIL_OTP") {
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       EmailOTPForm,
       {
         className,
@@ -5231,7 +5538,7 @@ function AuthForm({
     );
   }
   if (view === "FORGOT_PASSWORD") {
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       ForgotPasswordForm,
       {
         className,
@@ -5242,7 +5549,7 @@ function AuthForm({
     );
   }
   if (view === "RESET_PASSWORD") {
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       ResetPasswordForm,
       {
         className,
@@ -5253,7 +5560,7 @@ function AuthForm({
     );
   }
   if (view === "SIGN_UP") {
-    return auth.enableSignup ? /* @__PURE__ */ jsx47(
+    return auth.enableSignup ? /* @__PURE__ */ jsx48(
       SignUpForm,
       {
         className,
@@ -5270,73 +5577,73 @@ function AuthForm({
 // src/ui/layouts/auth.tsx
 import Link6 from "next/link";
 import { usePathname } from "next/navigation";
-import { useTranslations as useTranslations44 } from "next-intl";
-import { LayoutBlank } from "@pelatform/ui/components";
+import { useTranslations as useTranslations45 } from "next-intl";
+import { LayoutBlank } from "pelatform-ui/components";
 
 // src/ui/shared/logo.tsx
 import Link4 from "next/link";
-import { Logo } from "@pelatform/ui/components";
-import { cn as cn39 } from "@pelatform/utils";
-import { jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Logo } from "pelatform-ui/components";
+import { cn as cn40 } from "@pelatform/utils";
+import { jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
 function LogoWithName({ className }) {
   const { app } = useConfig();
-  return /* @__PURE__ */ jsxs41("div", { className: cn39("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsx48(Logo, { className: "size-7" }),
-    /* @__PURE__ */ jsx48("span", { className: "font-semibold text-lg text-mono", children: app.name })
+  return /* @__PURE__ */ jsxs42("div", { className: cn40("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx49(Logo, { className: "size-7" }),
+    /* @__PURE__ */ jsx49("span", { className: "font-semibold text-lg text-mono", children: app.name })
   ] });
 }
 function LogoWithHref({ className, href = "/" }) {
   const { app } = useConfig();
-  return /* @__PURE__ */ jsxs41(Link4, { href, className: cn39("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsx48(Logo, { className: "size-7" }),
-    /* @__PURE__ */ jsx48("span", { className: "font-semibold text-lg text-mono", children: app.name })
+  return /* @__PURE__ */ jsxs42(Link4, { href, className: cn40("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx49(Logo, { className: "size-7" }),
+    /* @__PURE__ */ jsx49("span", { className: "font-semibold text-lg text-mono", children: app.name })
   ] });
 }
 
 // src/ui/shared/signed-in-hint.tsx
 import Link5 from "next/link";
-import { useTranslations as useTranslations41 } from "next-intl";
-import { Button as Button31 } from "@pelatform/ui/default";
-import { jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
+import { useTranslations as useTranslations42 } from "next-intl";
+import { Button as Button32 } from "pelatform-ui/default";
+import { jsx as jsx50, jsxs as jsxs43 } from "react/jsx-runtime";
 function SignedInHint({ linkHref = "/signin" }) {
-  const t = useTranslations41("customs.common.signed");
+  const t = useTranslations42("customs.common.signed");
   const { isPending, user } = useSession();
-  return /* @__PURE__ */ jsxs42("div", { className: "fixed start-0 bottom-0 z-40 m-5 flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
+  return /* @__PURE__ */ jsxs43("div", { className: "fixed start-0 bottom-0 z-40 m-5 flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
       t("text"),
       " ",
-      isPending || !user ? /* @__PURE__ */ jsx49("span", { className: "h-3 w-32 animate-pulse rounded-md border bg-muted-foreground" }) : /* @__PURE__ */ jsx49("b", { className: "text-foreground", children: user.email })
+      isPending || !user ? /* @__PURE__ */ jsx50("span", { className: "h-3 w-32 animate-pulse rounded-md border bg-muted-foreground" }) : /* @__PURE__ */ jsx50("b", { className: "text-foreground", children: user.email })
     ] }),
-    /* @__PURE__ */ jsx49(Button31, { variant: "mono", className: "h-8 w-fit rounded-lg px-3 text-xs shadow-sm", children: /* @__PURE__ */ jsx49(Link5, { href: linkHref, children: t("button") }) })
+    /* @__PURE__ */ jsx50(Button32, { variant: "mono", className: "h-8 w-fit rounded-lg px-3 text-xs shadow-sm", children: /* @__PURE__ */ jsx50(Link5, { href: linkHref, children: t("button") }) })
   ] });
 }
 
 // src/ui/layouts/loader.tsx
-import { useTranslations as useTranslations42 } from "next-intl";
-import { ScreenLoader } from "@pelatform/ui/components";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { useTranslations as useTranslations43 } from "next-intl";
+import { ScreenLoader } from "pelatform-ui/components";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function LayoutLoader({ children }) {
-  const t = useTranslations42();
+  const t = useTranslations43();
   const { isPending } = useSession();
   if (isPending) {
-    return /* @__PURE__ */ jsx50(ScreenLoader, { loadingText: t("systems.common.status.loading") });
+    return /* @__PURE__ */ jsx51(ScreenLoader, { loadingText: t("systems.common.status.loading") });
   }
   return children;
 }
 
 // src/ui/layouts/toolbar.tsx
 import { Suspense } from "react";
-import { ModeSwitcher } from "@pelatform/ui/components";
-import { cn as cn40 } from "@pelatform/utils";
+import { ModeSwitcher } from "pelatform-ui/components";
+import { cn as cn41 } from "@pelatform/utils";
 
 // src/ui/shared/language-switcher.tsx
 import Image from "next/image";
-import { useRouter as useRouter14 } from "next/navigation";
-import { useLocale as useLocale3, useTranslations as useTranslations43 } from "next-intl";
+import { useRouter as useRouter15 } from "next/navigation";
+import { useLocale as useLocale3, useTranslations as useTranslations44 } from "next-intl";
 import {
   LanguageSwitcher as LanguageSwitcherBase
-} from "@pelatform/ui/components";
-import { jsx as jsx51 } from "react/jsx-runtime";
+} from "pelatform-ui/components";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function LanguageSwitcher({
   className,
   type,
@@ -5346,8 +5653,8 @@ function LanguageSwitcher({
   showFlags
 }) {
   const { i18n } = useConfig();
-  const router = useRouter14();
-  const t = useTranslations43();
+  const router = useRouter15();
+  const t = useTranslations44();
   const currentLocale = useLocale3();
   const availableLocales = (() => {
     if (!i18n.enabled) {
@@ -5371,7 +5678,7 @@ function LanguageSwitcher({
     document.cookie = `${i18n.localeCookieName}=${newLocale}; max-age=${60 * 60 * 24 * 365}; path=/`;
     router.refresh();
   }
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     LanguageSwitcherBase,
     {
       className,
@@ -5392,33 +5699,33 @@ function LanguageSwitcher({
 }
 
 // src/ui/layouts/toolbar.tsx
-import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
 var DEFAULT_SHOW = ["darkmode"];
 function Toolbar(props) {
-  return /* @__PURE__ */ jsx52(Suspense, { fallback: null, children: /* @__PURE__ */ jsx52("div", { className: cn40("fixed end-0 bottom-0 z-40 m-5", props.className), children: /* @__PURE__ */ jsx52(ToolbarRSC, { ...props }) }) });
+  return /* @__PURE__ */ jsx53(Suspense, { fallback: null, children: /* @__PURE__ */ jsx53("div", { className: cn41("fixed end-0 bottom-0 z-40 m-5", props.className), children: /* @__PURE__ */ jsx53(ToolbarRSC, { ...props }) }) });
 }
 function ToolbarRSC({ show = DEFAULT_SHOW }) {
-  return /* @__PURE__ */ jsx52("div", { className: "flex flex-col items-center gap-2.5", children: /* @__PURE__ */ jsxs43("div", { className: "shrink-0", children: [
-    show.includes("darkmode") && /* @__PURE__ */ jsx52(ModeSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
-    show.includes("help") && /* @__PURE__ */ jsx52("div", { className: "hidden" }),
-    show.includes("language") && /* @__PURE__ */ jsx52(LanguageSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
-    show.includes("onboarding") && /* @__PURE__ */ jsx52("div", { className: "hidden" })
+  return /* @__PURE__ */ jsx53("div", { className: "flex flex-col items-center gap-2.5", children: /* @__PURE__ */ jsxs44("div", { className: "shrink-0", children: [
+    show.includes("darkmode") && /* @__PURE__ */ jsx53(ModeSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
+    show.includes("help") && /* @__PURE__ */ jsx53("div", { className: "hidden" }),
+    show.includes("language") && /* @__PURE__ */ jsx53(LanguageSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
+    show.includes("onboarding") && /* @__PURE__ */ jsx53("div", { className: "hidden" })
   ] }) });
 }
 
 // src/ui/layouts/auth.tsx
-import { jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
 function AuthLayout({
   children,
-  logo = /* @__PURE__ */ jsx53(LogoWithName, {})
+  logo = /* @__PURE__ */ jsx54(LogoWithName, {})
 }) {
   const { app, path } = useConfig();
   const pathname = usePathname();
-  const t = useTranslations44();
-  const footer = /* @__PURE__ */ jsxs44("p", { className: "px-20 py-4 text-center font-medium text-muted-foreground text-xs md:px-0", children: [
+  const t = useTranslations45();
+  const footer = /* @__PURE__ */ jsxs45("p", { className: "px-20 py-4 text-center font-medium text-muted-foreground text-xs md:px-0", children: [
     t("customs.common.agree"),
     " ",
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       Link6,
       {
         href: path.main.TERMS,
@@ -5428,7 +5735,7 @@ function AuthLayout({
       }
     ),
     " ",
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       Link6,
       {
         href: path.main.PRIVACY,
@@ -5438,9 +5745,9 @@ function AuthLayout({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs44(LayoutLoader, { children: [
-    /* @__PURE__ */ jsx53(Toolbar, { show: ["language"], className: "top-0!" }),
-    /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsxs45(LayoutLoader, { children: [
+    /* @__PURE__ */ jsx54(Toolbar, { show: ["language"], className: "top-0!" }),
+    /* @__PURE__ */ jsx54(
       LayoutBlank,
       {
         className: "[&_.max-w-4xl]:max-w-sm [&_.max-w-4xl]:px-0",
@@ -5450,17 +5757,17 @@ function AuthLayout({
         children
       }
     ),
-    /* @__PURE__ */ jsx53(Toolbar, { show: ["darkmode"] }),
-    pathname === path.auth.ACCEPT_INVITATION && /* @__PURE__ */ jsx53(SignedInHint, { linkHref: path.auth.SIGN_IN })
+    /* @__PURE__ */ jsx54(Toolbar, { show: ["darkmode"] }),
+    pathname === path.auth.ACCEPT_INVITATION && /* @__PURE__ */ jsx54(SignedInHint, { linkHref: path.auth.SIGN_IN })
   ] });
 }
 
 // src/ui/layouts/header.tsx
-import { useEffect as useEffect15, useState as useState18 } from "react";
+import { useEffect as useEffect16, useState as useState19 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
 import { Menu, PanelRight } from "lucide-react";
 import {
-  Button as Button32,
+  Button as Button33,
   Sheet,
   SheetBody,
   SheetContent,
@@ -5468,15 +5775,15 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger
-} from "@pelatform/ui/default";
+} from "pelatform-ui/default";
 
 // src/ui/shared/user-menu.tsx
-import { Fragment as Fragment17, useCallback as useCallback3, useEffect as useEffect14, useState as useState17 } from "react";
+import { Fragment as Fragment17, useCallback as useCallback3, useEffect as useEffect15, useState as useState18 } from "react";
 import Link7 from "next/link";
-import { useRouter as useRouter15 } from "next/navigation";
+import { useRouter as useRouter16 } from "next/navigation";
 import { LogOut, PlusCircleIcon, Settings, Shield, UserStar } from "lucide-react";
-import { useTranslations as useTranslations45 } from "next-intl";
-import { ModeSwitcher as ModeSwitcher2, UserAvatar as UserAvatar2 } from "@pelatform/ui/components";
+import { useTranslations as useTranslations46 } from "next-intl";
+import { ModeSwitcher as ModeSwitcher2, UserAvatar as UserAvatar2 } from "pelatform-ui/components";
 import {
   Badge as Badge2,
   DropdownMenu as DropdownMenu3,
@@ -5484,19 +5791,19 @@ import {
   DropdownMenuItem as DropdownMenuItem3,
   DropdownMenuSeparator,
   DropdownMenuTrigger as DropdownMenuTrigger3,
-  Skeleton as Skeleton9
-} from "@pelatform/ui/default";
-import { Fragment as Fragment18, jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
+  Skeleton as Skeleton10
+} from "pelatform-ui/default";
+import { Fragment as Fragment18, jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
 function UserMenu({ hiddenSwitcher = false }) {
   const { features, path } = useConfig();
-  const router = useRouter15();
-  const t = useTranslations45();
+  const router = useRouter16();
+  const t = useTranslations46();
   const { isPending: sessionPending, user } = useSession();
   const { setActiveSessionAsync } = useSetActiveSession();
   const { data: deviceSessions, isPending: deviceSessionsPending } = useListDeviceSessions({
     enabled: features.multiSession
   });
-  const [activeSessionPending, setActiveSessionPending] = useState17(false);
+  const [activeSessionPending, setActiveSessionPending] = useState18(false);
   const isPending = sessionPending || activeSessionPending;
   const switchAccount = useCallback3(
     async (sessionToken) => {
@@ -5512,7 +5819,7 @@ function UserMenu({ hiddenSwitcher = false }) {
     },
     [router, setActiveSessionAsync]
   );
-  useEffect14(() => {
+  useEffect15(() => {
     if (!features.multiSession) return;
     setActiveSessionPending(false);
   }, [features.multiSession, user?.id]);
@@ -5523,33 +5830,33 @@ function UserMenu({ hiddenSwitcher = false }) {
   const userName = getName(user);
   const userAvatar = user?.image || void 0;
   const userRole = user?.role || "user";
-  return /* @__PURE__ */ jsxs45(DropdownMenu3, { children: [
-    /* @__PURE__ */ jsx54(DropdownMenuTrigger3, { className: "focus:outline-none focus:ring-0", children: isPending ? /* @__PURE__ */ jsx54(Skeleton9, { className: "size-8 shrink-0 rounded-full" }) : /* @__PURE__ */ jsx54(UserAvatar2, { className: "size-8", indicator: true, src: userAvatar, alt: userName }) }),
-    /* @__PURE__ */ jsxs45(DropdownMenuContent3, { className: "w-56", side: "bottom", align: "end", sideOffset: 11, children: [
-      /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-        /* @__PURE__ */ jsx54(UserAvatar2, { src: userAvatar, alt: userName }),
-        /* @__PURE__ */ jsxs45("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
-          /* @__PURE__ */ jsx54("span", { className: "truncate font-semibold text-foreground text-sm", children: userName }),
-          /* @__PURE__ */ jsx54("span", { className: "block w-full truncate text-muted-foreground text-xs", children: userEmail }),
-          /* @__PURE__ */ jsx54(Badge2, { variant: "success", appearance: "outline", size: "sm", className: "mt-1", children: userRole.toUpperCase() })
+  return /* @__PURE__ */ jsxs46(DropdownMenu3, { children: [
+    /* @__PURE__ */ jsx55(DropdownMenuTrigger3, { className: "focus:outline-none focus:ring-0", children: isPending ? /* @__PURE__ */ jsx55(Skeleton10, { className: "size-8 shrink-0 rounded-full" }) : /* @__PURE__ */ jsx55(UserAvatar2, { className: "size-8", indicator: true, src: userAvatar, alt: userName }) }),
+    /* @__PURE__ */ jsxs46(DropdownMenuContent3, { className: "w-56", side: "bottom", align: "end", sideOffset: 11, children: [
+      /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+        /* @__PURE__ */ jsx55(UserAvatar2, { src: userAvatar, alt: userName }),
+        /* @__PURE__ */ jsxs46("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+          /* @__PURE__ */ jsx55("span", { className: "truncate font-semibold text-foreground text-sm", children: userName }),
+          /* @__PURE__ */ jsx55("span", { className: "block w-full truncate text-muted-foreground text-xs", children: userEmail }),
+          /* @__PURE__ */ jsx55(Badge2, { variant: "success", appearance: "outline", size: "sm", className: "mt-1", children: userRole.toUpperCase() })
         ] })
       ] }),
-      /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.account.SETTINGS, children: [
-        /* @__PURE__ */ jsx54(Settings, {}),
-        /* @__PURE__ */ jsx54("span", { children: t("systems.navigation.preferences") })
+      /* @__PURE__ */ jsx55(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx55(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs46(Link7, { href: path.account.SETTINGS, children: [
+        /* @__PURE__ */ jsx55(Settings, {}),
+        /* @__PURE__ */ jsx55("span", { children: t("systems.navigation.preferences") })
       ] }) }),
-      /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.account.SECURITY, children: [
-        /* @__PURE__ */ jsx54(Shield, {}),
-        /* @__PURE__ */ jsx54("span", { children: t("systems.navigation.security") })
+      /* @__PURE__ */ jsx55(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs46(Link7, { href: path.account.SECURITY, children: [
+        /* @__PURE__ */ jsx55(Shield, {}),
+        /* @__PURE__ */ jsx55("span", { children: t("systems.navigation.security") })
       ] }) }),
-      "admin" === userRole && /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.admin.OVERVIEW, children: [
-        /* @__PURE__ */ jsx54(UserStar, {}),
-        /* @__PURE__ */ jsx54("span", { children: "Admin Dashboard" })
+      "admin" === userRole && /* @__PURE__ */ jsx55(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs46(Link7, { href: path.admin.OVERVIEW, children: [
+        /* @__PURE__ */ jsx55(UserStar, {}),
+        /* @__PURE__ */ jsx55("span", { children: "Admin Dashboard" })
       ] }) }),
-      !hiddenSwitcher && /* @__PURE__ */ jsxs45(Fragment18, { children: [
-        /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx54(
+      !hiddenSwitcher && /* @__PURE__ */ jsxs46(Fragment18, { children: [
+        /* @__PURE__ */ jsx55(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx55(
           ModeSwitcher2,
           {
             type: "sub-dropdown",
@@ -5560,31 +5867,31 @@ function UserMenu({ hiddenSwitcher = false }) {
             }
           }
         ),
-        /* @__PURE__ */ jsx54(LanguageSwitcher, { type: "sub-dropdown" })
+        /* @__PURE__ */ jsx55(LanguageSwitcher, { type: "sub-dropdown" })
       ] }),
-      /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.auth.SIGN_OUT, children: [
-        /* @__PURE__ */ jsx54(LogOut, {}),
-        /* @__PURE__ */ jsx54("span", { children: t("systems.navigation.logout") })
+      /* @__PURE__ */ jsx55(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx55(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs46(Link7, { href: path.auth.SIGN_OUT, children: [
+        /* @__PURE__ */ jsx55(LogOut, {}),
+        /* @__PURE__ */ jsx55("span", { children: t("systems.navigation.logout") })
       ] }) }),
-      user && features.multiSession && /* @__PURE__ */ jsxs45(Fragment18, { children: [
-        /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
-        !deviceSessions && deviceSessionsPending && /* @__PURE__ */ jsxs45(Fragment18, { children: [
-          /* @__PURE__ */ jsx54(DropdownMenuItem3, { disabled: true, children: /* @__PURE__ */ jsx54(UserView, { isPending: true }) }),
-          /* @__PURE__ */ jsx54(DropdownMenuSeparator, {})
+      user && features.multiSession && /* @__PURE__ */ jsxs46(Fragment18, { children: [
+        /* @__PURE__ */ jsx55(DropdownMenuSeparator, {}),
+        !deviceSessions && deviceSessionsPending && /* @__PURE__ */ jsxs46(Fragment18, { children: [
+          /* @__PURE__ */ jsx55(DropdownMenuItem3, { disabled: true, children: /* @__PURE__ */ jsx55(UserView, { isPending: true }) }),
+          /* @__PURE__ */ jsx55(DropdownMenuSeparator, {})
         ] }),
-        deviceSessions?.filter((sessionData) => sessionData.user.id !== user?.id).map(({ session, user: multiUser }) => /* @__PURE__ */ jsxs45(Fragment17, { children: [
-          /* @__PURE__ */ jsxs45(DropdownMenuItem3, { onClick: () => switchAccount(session.token), children: [
-            /* @__PURE__ */ jsx54(UserAvatar2, { src: multiUser?.image || void 0, alt: getName(multiUser) }),
-            /* @__PURE__ */ jsxs45("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
-              /* @__PURE__ */ jsx54("span", { className: "truncate font-semibold text-foreground text-xs", children: getName(multiUser) }),
-              /* @__PURE__ */ jsx54("span", { className: "block w-full truncate text-muted-foreground text-xs", children: multiUser?.email })
+        deviceSessions?.filter((sessionData) => sessionData.user.id !== user?.id).map(({ session, user: multiUser }) => /* @__PURE__ */ jsxs46(Fragment17, { children: [
+          /* @__PURE__ */ jsxs46(DropdownMenuItem3, { onClick: () => switchAccount(session.token), children: [
+            /* @__PURE__ */ jsx55(UserAvatar2, { src: multiUser?.image || void 0, alt: getName(multiUser) }),
+            /* @__PURE__ */ jsxs46("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+              /* @__PURE__ */ jsx55("span", { className: "truncate font-semibold text-foreground text-xs", children: getName(multiUser) }),
+              /* @__PURE__ */ jsx55("span", { className: "block w-full truncate text-muted-foreground text-xs", children: multiUser?.email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx54(DropdownMenuSeparator, {})
+          /* @__PURE__ */ jsx55(DropdownMenuSeparator, {})
         ] }, session.id)),
-        /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.auth.SIGN_IN, children: [
-          /* @__PURE__ */ jsx54(PlusCircleIcon, {}),
+        /* @__PURE__ */ jsx55(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs46(Link7, { href: path.auth.SIGN_IN, children: [
+          /* @__PURE__ */ jsx55(PlusCircleIcon, {}),
           t("systems.ADD_ACCOUNT")
         ] }) })
       ] })
@@ -5593,48 +5900,48 @@ function UserMenu({ hiddenSwitcher = false }) {
 }
 
 // src/ui/layouts/header.tsx
-import { jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
 function Header({ children }) {
-  return /* @__PURE__ */ jsx55("header", { className: "fixed start-0 end-0 top-0 z-10 flex h-(--header-height-mobile) shrink-0 items-stretch border-border border-b bg-background/95 pe-(--removed-body-scroll-bar-size,0px) backdrop-blur-sm supports-backdrop-filter:bg-background/60 lg:h-(--header-height)", children: /* @__PURE__ */ jsx55("div", { className: "@container flex grow items-stretch justify-between gap-2.5 pe-5", children }) });
+  return /* @__PURE__ */ jsx56("header", { className: "fixed start-0 end-0 top-0 z-10 flex h-(--header-height-mobile) shrink-0 items-stretch border-border border-b bg-background/95 pe-(--removed-body-scroll-bar-size,0px) backdrop-blur-sm supports-backdrop-filter:bg-background/60 lg:h-(--header-height)", children: /* @__PURE__ */ jsx56("div", { className: "@container flex grow items-stretch justify-between gap-2.5 pe-5", children }) });
 }
 function HeaderLeft() {
   const { logoHeader, sidebarToggle } = useLayout();
-  return /* @__PURE__ */ jsx55("div", { className: "flex items-center gap-2 px-5 lg:w-(--sidebar-width)", children: /* @__PURE__ */ jsxs46("div", { className: "flex w-full items-center justify-between", children: [
+  return /* @__PURE__ */ jsx56("div", { className: "flex items-center gap-2 px-5 lg:w-(--sidebar-width)", children: /* @__PURE__ */ jsxs47("div", { className: "flex w-full items-center justify-between", children: [
     logoHeader,
-    /* @__PURE__ */ jsx55(
-      Button32,
+    /* @__PURE__ */ jsx56(
+      Button33,
       {
         mode: "icon",
         variant: "ghost",
         onClick: sidebarToggle,
         className: "hidden text-muted-foreground hover:text-foreground lg:inline-flex",
-        children: /* @__PURE__ */ jsx55(PanelRight, { className: "-rotate-180 in-data-[sidebar-open=false]:rotate-0 opacity-100" })
+        children: /* @__PURE__ */ jsx56(PanelRight, { className: "-rotate-180 in-data-[sidebar-open=false]:rotate-0 opacity-100" })
       }
     )
   ] }) });
 }
 function HeaderRight({ sidebar, button }) {
   const { isMobile } = useLayout();
-  return /* @__PURE__ */ jsxs46("nav", { className: "flex items-center gap-1.5 lg:gap-2.5", children: [
+  return /* @__PURE__ */ jsxs47("nav", { className: "flex items-center gap-1.5 lg:gap-2.5", children: [
     button,
     isMobile && sidebar,
-    /* @__PURE__ */ jsx55(UserMenu, {})
+    /* @__PURE__ */ jsx56(UserMenu, {})
   ] });
 }
 function HeaderSidebarMobile({ children }) {
   const pathname = usePathname2();
-  const [isSheetOpen, setIsSheetOpen] = useState18(false);
-  useEffect15(() => {
+  const [isSheetOpen, setIsSheetOpen] = useState19(false);
+  useEffect16(() => {
     setIsSheetOpen(false);
   }, [pathname]);
-  return /* @__PURE__ */ jsxs46(Sheet, { open: isSheetOpen, onOpenChange: setIsSheetOpen, children: [
-    /* @__PURE__ */ jsx55(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx55(Button32, { variant: "ghost", mode: "icon", size: "icon", children: /* @__PURE__ */ jsx55(Menu, { className: "size-4" }) }) }),
-    /* @__PURE__ */ jsxs46(SheetContent, { className: "w-(--sidebar-width) gap-0 p-0", side: "left", close: false, children: [
-      /* @__PURE__ */ jsxs46(SheetHeader, { className: "hidden space-y-0 p-0", children: [
-        /* @__PURE__ */ jsx55(SheetTitle, { className: "sr-only", children: "Navigation menu" }),
-        /* @__PURE__ */ jsx55(SheetDescription, { className: "sr-only", children: "NavigatSheet Description" })
+  return /* @__PURE__ */ jsxs47(Sheet, { open: isSheetOpen, onOpenChange: setIsSheetOpen, children: [
+    /* @__PURE__ */ jsx56(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx56(Button33, { variant: "ghost", mode: "icon", size: "icon", children: /* @__PURE__ */ jsx56(Menu, { className: "size-4" }) }) }),
+    /* @__PURE__ */ jsxs47(SheetContent, { className: "w-(--sidebar-width) gap-0 p-0", side: "left", close: false, children: [
+      /* @__PURE__ */ jsxs47(SheetHeader, { className: "hidden space-y-0 p-0", children: [
+        /* @__PURE__ */ jsx56(SheetTitle, { className: "sr-only", children: "Navigation menu" }),
+        /* @__PURE__ */ jsx56(SheetDescription, { className: "sr-only", children: "NavigatSheet Description" })
       ] }),
-      /* @__PURE__ */ jsx55(SheetBody, { className: "flex grow flex-col p-0", children })
+      /* @__PURE__ */ jsx56(SheetBody, { className: "flex grow flex-col p-0", children })
     ] })
   ] });
 }
@@ -5643,8 +5950,8 @@ function HeaderSidebarMobile({ children }) {
 import { useCallback as useCallback4, useMemo as useMemo5 } from "react";
 import Link8 from "next/link";
 import { usePathname as usePathname3 } from "next/navigation";
-import { useTranslations as useTranslations46 } from "next-intl";
-import { BackLink } from "@pelatform/ui/components";
+import { useTranslations as useTranslations47 } from "next-intl";
+import { BackLink } from "pelatform-ui/components";
 import {
   AccordionMenu,
   AccordionMenuGroup,
@@ -5656,27 +5963,27 @@ import {
   AccordionMenuSubTrigger,
   Badge as Badge3,
   ScrollArea
-} from "@pelatform/ui/default";
-import { Fragment as Fragment19, jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+} from "pelatform-ui/default";
+import { Fragment as Fragment19, jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
 function Sidebar({ children }) {
   const { isMobile } = useLayout();
   if (isMobile) {
     return null;
   }
-  return /* @__PURE__ */ jsxs47("aside", { className: "in-data-[sidebar-open=false]:-start-full fixed start-0 top-(--header-height) bottom-0 flex w-(--sidebar-width) shrink-0 flex-col items-stretch border-border border-e transition-all duration-300", children: [
+  return /* @__PURE__ */ jsxs48("aside", { className: "in-data-[sidebar-open=false]:-start-full fixed start-0 top-(--header-height) bottom-0 flex w-(--sidebar-width) shrink-0 flex-col items-stretch border-border border-e transition-all duration-300", children: [
     children,
-    /* @__PURE__ */ jsx56("div", {})
+    /* @__PURE__ */ jsx57("div", {})
   ] });
 }
 function SidebarHeaderBack({
   linkHref = "/",
   admin = false
 }) {
-  const t = useTranslations46();
-  return /* @__PURE__ */ jsx56("div", { className: "flex h-14 shrink-0 items-center gap-2 border-border border-b px-2.5 lg:h-15", children: /* @__PURE__ */ jsx56(BackLink, { Link: Link8, href: linkHref, children: admin ? t("systems.common.actions.back") : t("systems.navigation.settings") }) });
+  const t = useTranslations47();
+  return /* @__PURE__ */ jsx57("div", { className: "flex h-14 shrink-0 items-center gap-2 border-border border-b px-2.5 lg:h-15", children: /* @__PURE__ */ jsx57(BackLink, { Link: Link8, href: linkHref, children: admin ? t("systems.common.actions.back") : t("systems.navigation.settings") }) });
 }
 function SidebarContent({ children }) {
-  return /* @__PURE__ */ jsx56(ScrollArea, { className: "mt-2 mb-2.5 h-[calc(100vh-5.5rem)] grow lg:mt-4 lg:mb-7.5 lg:h-[calc(100vh-4rem)]", children });
+  return /* @__PURE__ */ jsx57(ScrollArea, { className: "mt-2 mb-2.5 h-[calc(100vh-5.5rem)] grow lg:mt-4 lg:mb-7.5 lg:h-[calc(100vh-4rem)]", children });
 }
 function SidebarContentMenu({
   menu,
@@ -5718,7 +6025,7 @@ function SidebarContentMenu({
     [activePath, normalize]
   );
   if (type === "toggle") {
-    return /* @__PURE__ */ jsx56(
+    return /* @__PURE__ */ jsx57(
       AccordionMenu,
       {
         type: "single",
@@ -5732,16 +6039,16 @@ function SidebarContentMenu({
           subTrigger: "text-xs font-normal text-muted-foreground hover:bg-transparent",
           subContent: "ps-0"
         },
-        children: menu.map((item, index) => /* @__PURE__ */ jsxs47(AccordionMenuSub, { value: item.title || "menu", children: [
-          /* @__PURE__ */ jsxs47(AccordionMenuSubTrigger, { value: "menu-trigger", children: [
-            /* @__PURE__ */ jsx56("span", { children: item.title }),
-            /* @__PURE__ */ jsx56(AccordionMenuIndicator, {})
+        children: menu.map((item, index) => /* @__PURE__ */ jsxs48(AccordionMenuSub, { value: item.title || "menu", children: [
+          /* @__PURE__ */ jsxs48(AccordionMenuSubTrigger, { value: "menu-trigger", children: [
+            /* @__PURE__ */ jsx57("span", { children: item.title }),
+            /* @__PURE__ */ jsx57(AccordionMenuIndicator, {})
           ] }),
-          /* @__PURE__ */ jsx56(AccordionMenuSubContent, { type: "single", collapsible: true, parentValue: "menu-trigger", children: item.children?.map((child, idx) => {
-            const content = /* @__PURE__ */ jsxs47(Fragment19, { children: [
-              child.icon && /* @__PURE__ */ jsx56(child.icon, {}),
-              /* @__PURE__ */ jsx56("span", { children: child.title }),
-              child.badge && /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(AccordionMenuSubContent, { type: "single", collapsible: true, parentValue: "menu-trigger", children: item.children?.map((child, idx) => {
+            const content = /* @__PURE__ */ jsxs48(Fragment19, { children: [
+              child.icon && /* @__PURE__ */ jsx57(child.icon, {}),
+              /* @__PURE__ */ jsx57("span", { children: child.title }),
+              child.badge && /* @__PURE__ */ jsx57(
                 Badge3,
                 {
                   size: "sm",
@@ -5752,7 +6059,7 @@ function SidebarContentMenu({
               )
             ] });
             if (child.external && child.path) {
-              return /* @__PURE__ */ jsx56(
+              return /* @__PURE__ */ jsx57(
                 Link8,
                 {
                   href: child.path,
@@ -5764,13 +6071,13 @@ function SidebarContentMenu({
                 child.path || `ext-${idx}`
               );
             }
-            return /* @__PURE__ */ jsx56(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx56(Link8, { href: child.path || "#", children: content }) }, idx);
+            return /* @__PURE__ */ jsx57(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx57(Link8, { href: child.path || "#", children: content }) }, idx);
           }) })
         ] }, index))
       }
     );
   }
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     AccordionMenu,
     {
       type: "multiple",
@@ -5783,13 +6090,13 @@ function SidebarContentMenu({
         group: ""
       },
       children: menu.map((item, index) => {
-        return /* @__PURE__ */ jsxs47(AccordionMenuGroup, { children: [
-          /* @__PURE__ */ jsx56(AccordionMenuLabel, { children: item.title }),
+        return /* @__PURE__ */ jsxs48(AccordionMenuGroup, { children: [
+          /* @__PURE__ */ jsx57(AccordionMenuLabel, { children: item.title }),
           item.children?.map((child, idx) => {
-            const content = /* @__PURE__ */ jsxs47(Fragment19, { children: [
-              child.icon && /* @__PURE__ */ jsx56(child.icon, {}),
-              /* @__PURE__ */ jsx56("span", { children: child.title }),
-              child.badge && /* @__PURE__ */ jsx56(
+            const content = /* @__PURE__ */ jsxs48(Fragment19, { children: [
+              child.icon && /* @__PURE__ */ jsx57(child.icon, {}),
+              /* @__PURE__ */ jsx57("span", { children: child.title }),
+              child.badge && /* @__PURE__ */ jsx57(
                 Badge3,
                 {
                   size: "sm",
@@ -5800,7 +6107,7 @@ function SidebarContentMenu({
               )
             ] });
             if (child.external && child.path) {
-              return /* @__PURE__ */ jsx56(
+              return /* @__PURE__ */ jsx57(
                 Link8,
                 {
                   href: child.path,
@@ -5812,7 +6119,7 @@ function SidebarContentMenu({
                 child.path || `ext-${idx}`
               );
             }
-            return /* @__PURE__ */ jsx56(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx56(Link8, { href: child.path || "#", children: content }) }, idx);
+            return /* @__PURE__ */ jsx57(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx57(Link8, { href: child.path || "#", children: content }) }, idx);
           })
         ] }, index);
       })
@@ -5822,15 +6129,16 @@ function SidebarContentMenu({
 
 // src/ui/layouts/site-footer.tsx
 import Link9 from "next/link";
-import { useTranslations as useTranslations47 } from "next-intl";
-import { SiteFooter as UISiteFooter } from "@pelatform/ui/components";
-import { Button as Button33 } from "@pelatform/ui/default";
-import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
-function SiteFooter() {
+import { useTranslations as useTranslations48 } from "next-intl";
+import { SiteFooter as UISiteFooter } from "pelatform-ui/components";
+import { Button as Button34 } from "pelatform-ui/default";
+import { cn as cn42 } from "@pelatform/utils";
+import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
+function SiteFooter({ disableProjectBy = false }) {
   const { app } = useConfig();
-  const t = useTranslations47();
-  return /* @__PURE__ */ jsxs48(UISiteFooter, { className: "*:gap-2! *:py-0!", children: [
-    /* @__PURE__ */ jsxs48("div", { className: "text-balance text-center text-muted-foreground text-sm leading-loose md:text-left", children: [
+  const t = useTranslations48();
+  return /* @__PURE__ */ jsxs49(UISiteFooter, { className: cn42("*:gap-2! *:py-0!", disableProjectBy ? "*:justify-center!" : ""), children: [
+    /* @__PURE__ */ jsxs49("div", { className: "text-balance text-center text-muted-foreground text-sm leading-loose md:text-left", children: [
       "\xA9 ",
       (/* @__PURE__ */ new Date()).getFullYear(),
       " ",
@@ -5838,10 +6146,10 @@ function SiteFooter() {
       ". ",
       t("customs.common.copyright")
     ] }),
-    /* @__PURE__ */ jsx57("div", { className: "flex items-center gap-2.5 text-balance text-sm leading-loose", children: /* @__PURE__ */ jsxs48("div", { className: "inline-flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx57("span", { className: "text-muted-foreground", children: t("customs.common.project_by") }),
+    !disableProjectBy && /* @__PURE__ */ jsx58("div", { className: "flex items-center gap-2.5 text-balance text-sm leading-loose", children: /* @__PURE__ */ jsxs49("div", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx58("span", { className: "text-muted-foreground", children: t("customs.common.project_by") }),
       " ",
-      /* @__PURE__ */ jsx57(Button33, { mode: "link", underline: "dashed", children: /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsx58(Button34, { mode: "link", underline: "dashed", children: /* @__PURE__ */ jsx58(
         Link9,
         {
           href: "https://pelatform.com",
@@ -5855,42 +6163,42 @@ function SiteFooter() {
 }
 
 // src/ui/layouts/site-header.tsx
-import { useState as useState19 } from "react";
+import { useState as useState20 } from "react";
 import Link10 from "next/link";
-import { usePathname as usePathname4, useRouter as useRouter16 } from "next/navigation";
-import { useTranslations as useTranslations48 } from "next-intl";
+import { usePathname as usePathname4, useRouter as useRouter17 } from "next/navigation";
+import { useTranslations as useTranslations49 } from "next-intl";
 import {
   MainNav,
   MobileNav,
   MobileNavItemRenderer,
   ModeSwitcher as ModeSwitcher3,
   SiteHeader as UISiteHeader
-} from "@pelatform/ui/components";
-import { Button as Button34, Separator as Separator2 } from "@pelatform/ui/default";
-import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
+} from "pelatform-ui/components";
+import { Button as Button35, Separator as Separator2 } from "pelatform-ui/default";
+import { jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
 function SiteHeader({
   menu,
-  logo = /* @__PURE__ */ jsx58(LogoWithHref, { href: "/home" })
+  logo = /* @__PURE__ */ jsx59(LogoWithHref, { href: "/home" })
 }) {
   const { path } = useConfig();
   const pathname = usePathname4();
-  const router = useRouter16();
-  const t = useTranslations48();
+  const router = useRouter17();
+  const t = useTranslations49();
   const { isPending, session, user } = useSession();
-  const [, setMobileNavOpen] = useState19(false);
+  const [, setMobileNavOpen] = useState20(false);
   const isAuthenticated = !isPending && session && user;
-  return /* @__PURE__ */ jsxs49(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
-    /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-4.5", children: [
+  return /* @__PURE__ */ jsxs50(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
+    /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-4.5", children: [
       logo,
-      /* @__PURE__ */ jsx58(MainNav, { Link: Link10, pathname, items: menu })
+      /* @__PURE__ */ jsx59(MainNav, { Link: Link10, pathname, items: menu })
     ] }),
-    /* @__PURE__ */ jsx58("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs49("nav", { className: "flex items-center gap-0 md:gap-1", children: [
-      /* @__PURE__ */ jsx58(ModeSwitcher3, {}),
-      /* @__PURE__ */ jsx58(LanguageSwitcher, {}),
-      /* @__PURE__ */ jsx58(Separator2, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
-      /* @__PURE__ */ jsx58(MobileNav, { children: /* @__PURE__ */ jsxs49("div", { className: "flex flex-col space-y-3", children: [
+    /* @__PURE__ */ jsx59("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs50("nav", { className: "flex items-center gap-0 md:gap-1", children: [
+      /* @__PURE__ */ jsx59(ModeSwitcher3, {}),
+      /* @__PURE__ */ jsx59(LanguageSwitcher, {}),
+      /* @__PURE__ */ jsx59(Separator2, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
+      /* @__PURE__ */ jsx59(MobileNav, { children: /* @__PURE__ */ jsxs50("div", { className: "flex flex-col space-y-3", children: [
         menu?.map(
-          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx58(
+          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx59(
             MobileNavItemRenderer,
             {
               item,
@@ -5902,8 +6210,8 @@ function SiteHeader({
             `nav-${navIndex}-${item.href}`
           ) : null
         ),
-        /* @__PURE__ */ jsx58("div", { className: "border-t pt-3", children: isAuthenticated ? /* @__PURE__ */ jsx58(
-          Button34,
+        /* @__PURE__ */ jsx59("div", { className: "border-t pt-3", children: isAuthenticated ? /* @__PURE__ */ jsx59(
+          Button35,
           {
             variant: "outline",
             size: "sm",
@@ -5911,18 +6219,55 @@ function SiteHeader({
             onClick: () => router.push(path.auth.SIGN_OUT),
             children: t("systems.navigation.logout")
           }
-        ) : /* @__PURE__ */ jsx58(Button34, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx58(Link10, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) }) })
+        ) : /* @__PURE__ */ jsx59(Button35, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx59(Link10, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) }) })
+      ] }) }),
+      isAuthenticated ? /* @__PURE__ */ jsx59(UserMenu, { hiddenSwitcher: true }) : /* @__PURE__ */ jsx59(Button35, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx59(Link10, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) })
+    ] }) })
+  ] });
+}
+function SiteHeaderSecondary({
+  menu,
+  logo = /* @__PURE__ */ jsx59(LogoWithHref, { href: "/home" }),
+  loginLink
+}) {
+  const pathname = usePathname4();
+  const t = useTranslations49();
+  const [, setMobileNavOpen] = useState20(false);
+  return /* @__PURE__ */ jsxs50(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
+    /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-4.5", children: [
+      logo,
+      /* @__PURE__ */ jsx59(MainNav, { Link: Link10, pathname, items: menu })
+    ] }),
+    /* @__PURE__ */ jsx59("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs50("nav", { className: "flex items-center gap-0 md:gap-1", children: [
+      /* @__PURE__ */ jsx59(ModeSwitcher3, {}),
+      /* @__PURE__ */ jsx59(LanguageSwitcher, {}),
+      /* @__PURE__ */ jsx59(Separator2, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
+      /* @__PURE__ */ jsx59(MobileNav, { children: /* @__PURE__ */ jsxs50("div", { className: "flex flex-col space-y-3", children: [
+        menu?.map(
+          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx59(
+            MobileNavItemRenderer,
+            {
+              item,
+              Link: Link10,
+              pathname,
+              level: 1,
+              onOpenChange: setMobileNavOpen
+            },
+            `nav-${navIndex}-${item.href}`
+          ) : null
+        ),
+        loginLink && /* @__PURE__ */ jsx59("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsx59(Button35, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx59(Link10, { href: loginLink, children: t("systems.navigation.login") }) }) })
       ] }) }),
-      isAuthenticated ? /* @__PURE__ */ jsx58(UserMenu, { hiddenSwitcher: true }) : /* @__PURE__ */ jsx58(Button34, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx58(Link10, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) })
+      loginLink && /* @__PURE__ */ jsx59(Button35, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx59(Link10, { href: loginLink, children: t("systems.navigation.login") }) })
     ] }) })
   ] });
 }
 
 // src/ui/providers/layout.tsx
-import { useEffect as useEffect16, useState as useState20 } from "react";
-import { useIsMobile } from "@pelatform/ui/hooks";
-import { cn as cn41 } from "@pelatform/utils";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { useEffect as useEffect17, useState as useState21 } from "react";
+import { useIsMobile } from "pelatform-ui/hooks";
+import { cn as cn43 } from "@pelatform/utils";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var SIDEBAR_WIDTH = "240px";
 var HEADER_HEIGHT = "54px";
 var SIDEBAR_WIDTH_MOBILE = "240px";
@@ -5932,10 +6277,10 @@ function LayoutProvider({
   style: customStyle,
   bodyClassName = "",
   className = "",
-  logoHeader = /* @__PURE__ */ jsx59(LogoWithHref, {})
+  logoHeader = /* @__PURE__ */ jsx60(LogoWithHref, {})
 }) {
   const isMobile = useIsMobile();
-  const [isSidebarOpen, setIsSidebarOpen] = useState20(true);
+  const [isSidebarOpen, setIsSidebarOpen] = useState21(true);
   const defaultStyle = {
     "--sidebar-width": SIDEBAR_WIDTH,
     "--header-height": HEADER_HEIGHT,
@@ -5947,7 +6292,7 @@ function LayoutProvider({
     ...customStyle
   };
   const sidebarToggle = () => setIsSidebarOpen((open) => !open);
-  useEffect16(() => {
+  useEffect17(() => {
     if (bodyClassName) {
       const body = document.body;
       const existingClasses = body.className;
@@ -5957,7 +6302,7 @@ function LayoutProvider({
       };
     }
   }, [bodyClassName]);
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     LayoutContext.Provider,
     {
       value: {
@@ -5968,11 +6313,11 @@ function LayoutProvider({
         sidebarToggle,
         logoHeader
       },
-      children: /* @__PURE__ */ jsx59(
+      children: /* @__PURE__ */ jsx60(
         "div",
         {
           "data-slot": "layout-wrapper",
-          className: cn41("flex grow", className),
+          className: cn43("flex grow", className),
           "data-sidebar-open": isSidebarOpen,
           style,
           children
@@ -5983,25 +6328,25 @@ function LayoutProvider({
 }
 
 // src/ui/layouts/wrapper.tsx
-import { Fragment as Fragment20, jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
 function LayoutWrapper({
   children,
   sidebarHeader,
   sidebarMenu,
   logoHeader
 }) {
-  const sidebarContent = /* @__PURE__ */ jsxs50(Fragment20, { children: [
+  const sidebarContent = /* @__PURE__ */ jsxs51(Fragment20, { children: [
     sidebarHeader,
-    /* @__PURE__ */ jsx60(SidebarContent, { children: sidebarMenu })
+    /* @__PURE__ */ jsx61(SidebarContent, { children: sidebarMenu })
   ] });
-  return /* @__PURE__ */ jsxs50(LayoutProvider, { logoHeader, children: [
-    /* @__PURE__ */ jsxs50(Header, { children: [
-      /* @__PURE__ */ jsx60(HeaderLeft, {}),
-      /* @__PURE__ */ jsx60(HeaderRight, { sidebar: /* @__PURE__ */ jsx60(HeaderSidebarMobile, { children: sidebarContent }) })
+  return /* @__PURE__ */ jsxs51(LayoutProvider, { logoHeader, children: [
+    /* @__PURE__ */ jsxs51(Header, { children: [
+      /* @__PURE__ */ jsx61(HeaderLeft, {}),
+      /* @__PURE__ */ jsx61(HeaderRight, { sidebar: /* @__PURE__ */ jsx61(HeaderSidebarMobile, { children: sidebarContent }) })
     ] }),
-    /* @__PURE__ */ jsxs50("div", { className: "flex grow pt-(--header-height-mobile) lg:pt-(--header-height)", children: [
-      /* @__PURE__ */ jsx60(Sidebar, { children: sidebarContent }),
-      /* @__PURE__ */ jsx60("main", { className: "grow transition-all duration-300 lg:in-data-[sidebar-open=false]:ps-0 lg:ps-(--sidebar-width)", children })
+    /* @__PURE__ */ jsxs51("div", { className: "flex grow pt-(--header-height-mobile) lg:pt-(--header-height)", children: [
+      /* @__PURE__ */ jsx61(Sidebar, { children: sidebarContent }),
+      /* @__PURE__ */ jsx61("main", { className: "grow transition-all duration-300 lg:in-data-[sidebar-open=false]:ps-0 lg:ps-(--sidebar-width)", children })
     ] })
   ] });
 }
@@ -6010,30 +6355,31 @@ function LayoutWrapper({
 import { Suspense as Suspense2 } from "react";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { NextIntlClientProvider } from "next-intl";
-import { QueryProvider, ThemeProvider } from "@pelatform/ui/components";
-import { Toaster as Sooner } from "@pelatform/ui/default";
-import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
+import { QueryProvider, ThemeProvider } from "pelatform-ui/components";
+import { Toaster as Sonner } from "pelatform-ui/default";
+import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
 function SharedProviders({
   children,
   locale,
   messages,
-  timeZone = "Asia/Jakarta"
+  timeZone = "Asia/Jakarta",
+  sonnerPosition = "top-center"
 }) {
   const config = useConfig();
-  return /* @__PURE__ */ jsxs51(QueryProvider, { children: [
-    /* @__PURE__ */ jsx61(ThemeProvider, { defaultTheme: config.ui.defaultTheme, children: /* @__PURE__ */ jsx61(NextIntlClientProvider, { locale, messages, timeZone, children: /* @__PURE__ */ jsxs51(Suspense2, { children: [
+  return /* @__PURE__ */ jsxs52(QueryProvider, { children: [
+    /* @__PURE__ */ jsx62(ThemeProvider, { defaultTheme: config.ui.defaultTheme, children: /* @__PURE__ */ jsx62(NextIntlClientProvider, { locale, messages, timeZone, children: /* @__PURE__ */ jsxs52(Suspense2, { children: [
       children,
-      /* @__PURE__ */ jsx61(Sooner, { position: "top-center" })
+      /* @__PURE__ */ jsx62(Sonner, { position: sonnerPosition })
     ] }) }) }),
-    /* @__PURE__ */ jsx61(ReactQueryDevtools, { initialIsOpen: false })
+    /* @__PURE__ */ jsx62(ReactQueryDevtools, { initialIsOpen: false })
   ] });
 }
 
 // src/ui/shared/empty-state.tsx
 import Link11 from "next/link";
-import { useTranslations as useTranslations49 } from "next-intl";
-import { cn as cn42 } from "@pelatform/utils";
-import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
+import { useTranslations as useTranslations50 } from "next-intl";
+import { cn as cn44 } from "@pelatform/utils";
+import { jsx as jsx63, jsxs as jsxs53 } from "react/jsx-runtime";
 function EmptyState({
   className,
   icon: Icon,
@@ -6043,14 +6389,14 @@ function EmptyState({
   learnMoreText,
   children
 }) {
-  const t = useTranslations49();
-  return /* @__PURE__ */ jsxs52("div", { className: cn42("flex flex-col items-center justify-center gap-y-4", className), children: [
-    Icon && /* @__PURE__ */ jsx62("div", { className: "flex size-14 items-center justify-center rounded-2xl border bg-muted", children: /* @__PURE__ */ jsx62(Icon, { className: "size-6 text-foreground" }) }),
-    /* @__PURE__ */ jsx62("p", { className: "text-center font-medium text-base text-foreground", children: title }),
-    description && /* @__PURE__ */ jsxs52("p", { className: "max-w-sm text-balance text-center text-muted-foreground text-sm", children: [
+  const t = useTranslations50();
+  return /* @__PURE__ */ jsxs53("div", { className: cn44("flex flex-col items-center justify-center gap-y-4", className), children: [
+    Icon && /* @__PURE__ */ jsx63("div", { className: "flex size-14 items-center justify-center rounded-2xl border bg-muted", children: /* @__PURE__ */ jsx63(Icon, { className: "size-6 text-foreground" }) }),
+    /* @__PURE__ */ jsx63("p", { className: "text-center font-medium text-base text-foreground", children: title }),
+    description && /* @__PURE__ */ jsxs53("p", { className: "max-w-sm text-balance text-center text-muted-foreground text-sm", children: [
       description,
       " ",
-      learnMore && /* @__PURE__ */ jsxs52(
+      learnMore && /* @__PURE__ */ jsxs53(
         Link11,
         {
           href: learnMore,
@@ -6066,11 +6412,11 @@ function EmptyState({
   ] });
 }
 export {
+  AcceptInvitation,
   ApiKeyDeleteDialog,
   ApiKeyDisplayDialog,
   ApiKeyView,
   ApiKeysCard,
-  AppleIcon,
   AuthCallback,
   AuthForm,
   AuthLayout,
@@ -6087,13 +6433,10 @@ export {
   DeleteAccountDialog,
   DialogComponent,
   DialogFooterComponent,
-  DiscordIcon,
   DisplayIdCard,
-  DropboxIcon,
   EmailOTPButton,
   EmailOTPForm,
   EmptyState,
-  FacebookIcon,
   ForgotPasswordForm,
   FormAvatarCard,
   FormEmailCard,
@@ -6101,28 +6444,19 @@ export {
   FormNameCard,
   FormPasswordCard,
   FormUsernameCard,
-  GitHubIcon,
-  GitLabIcon,
-  GoogleIcon,
   Header,
   HeaderLeft,
   HeaderRight,
   HeaderSidebarMobile,
-  HuggingFaceIcon,
-  KickIcon,
   LanguageSwitcher,
   LastUsedButton,
   LayoutContext,
   LayoutLoader,
   LayoutProvider,
   LayoutWrapper,
-  LinearIcon,
-  LinkedInIcon,
   MagicLinkButton,
   MagicLinkForm,
-  MicrosoftIcon,
   MultiAccountCard,
-  NotionIcon,
   OTPInputGroup,
   OneTap,
   PasskeyButton,
@@ -6132,9 +6466,7 @@ export {
   ProvidersCard,
   QueryContext,
   RecoverAccountForm,
-  RedditIcon,
   ResetPasswordForm,
-  RobloxIcon,
   SecurityCards,
   SessionFreshnessDialog,
   SessionsCard,
@@ -6150,22 +6482,18 @@ export {
   SignedInHint,
   SiteFooter,
   SiteHeader,
+  SiteHeaderSecondary,
   SkeletonInputComponent,
   SkeletonViewComponent,
-  SlackIcon,
-  SpotifyIcon,
-  TikTokIcon,
   Toolbar,
-  TwitchIcon,
   TwoFactorCard,
   TwoFactorForm,
   TwoFactorPasswordDialog,
   UserAvatar,
   UserMenu,
   UserView,
-  VKIcon,
-  XIcon,
-  ZoomIcon,
+  WorkspaceLogo,
+  WorkspaceView,
   getUserName,
   useAccountInfo,
   useAuthMutation,
@@ -6174,6 +6502,7 @@ export {
   useCreateApiKey,
   useDeleteApiKey,
   useDeletePasskey,
+  useInvitation,
   useLayout,
   useListAccounts,
   useListApiKeys,